@charset "UTF-8";
/*
 * Web Starter Kit
 *
 * Multi-screen layout styles for your page. Brought to you by the
 * Web Starter Kit team.
 *
 */
/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */
/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
html,
button,
input,
select,
textarea {
    color: #222; }

body {
    font-size: 1em;
    line-height: 1.4; }

a {
    color: #00e; }

a:visited {
    color: #551a8b; }

a:hover {
    color: #06e; }

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */
img {
    vertical-align: middle; }

/*
 * Remove default fieldset styles.
 */
fieldset {
    border: 0;
    margin: 0;
    padding: 0; }

/*
 * Allow only vertical resizing of textareas.
 */
textarea {
    resize: vertical; }

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
/* ==========================================================================
   Helper classes
   ========================================================================== */
/* Prevent callout */
.nocallout {
    -webkit-touch-callout: none; }

.pressed {
    background-color: rgba(0, 0, 0, 0.7); }

/* A hack for HTML5 contenteditable attribute on mobile */
textarea[contenteditable] {
    -webkit-appearance: none; }

/* A workaround for S60 3.x and 5.0 devices which do not animated gif images if
   they have been set as display: none */
.gifhidden {
    position: absolute;
    left: -100%; }

/*
 * Image replacement
 */
.ir {
    background-color: transparent;
    background-repeat: no-repeat;
    border: 0;
    direction: ltr;
    display: block;
    overflow: hidden;
    text-align: left;
    text-indent: -999em; }

.ir br {
    display: none; }

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */
.hidden {
    display: none !important;
    visibility: hidden; }

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */
.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px; }

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto; }

/*
 * Hide visually and from screenreaders, but maintain layout
 */
.invisible {
    visibility: hidden; }

/**
 * Clearfix helper
 * Used to contain floats: h5bp.com/q
 */
.clearfix::before,
.clearfix::after {
    content: "";
    display: table; }

.clearfix::after {
    clear: both; }

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   Theses examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */
@media only screen and (min-width: 800px) {
    /* Style adjustments for viewports that meet the condition */ }

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
    /* Style adjustments for viewports that meet the condition */ }

/*
 * Visual Style Guide styles
 * Remove if you prefer to use a CSS library, like Bootstrap
 */
/**
*
* Main Stylesheet For Visual Style Guide
*
**/
/**
*
* Utils
*
**/
/*==========  VARIABLES  ==========*/
/*==========  FUNCTIONS  ==========*/
/*==========  MIXINS  ==========*/
/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
    font-family: sans-serif;
    /* 1 */
    -ms-text-size-adjust: 100%;
    /* 2 */
    -webkit-text-size-adjust: 100%;
    /* 2 */ }

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

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

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

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

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

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

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

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

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

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

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

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

sup {
    top: -0.5em; }

sub {
    bottom: -0.25em; }

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

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

/* Grouping content
   ========================================================================== */
/**
 * Remove margin
 */
figure {
    margin: 0; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

td,
th {
    padding: 0; }

/* Blockquote
   ========================================================================== */
blockquote {
    margin: 0; }

/**
*
* Global
*
**/
*,
*::before,
*::after {
    box-sizing: border-box; }

html,
body,
button {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased; }

body {
    font-family: "PT Sans", Helvetica, Arial, sans-serif;
    font-size: 16px;
    line-height: 1.6250em;
    /* 26px */
    font-weight: 300;
    color: #000000;
    position: relative; }
body::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    z-index: 9;
    display: none;
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.15) 95%, rgba(0, 0, 0, 0.15) 100%);
    background-size: 100% 26px; }
body.debug::after {
    display: block;
    pointer-events: none; }

pre {
    background: #f0f0f0;
    padding: 13px; }

.main-container {
    box-sizing: content-box;
    position: relative;
    padding-left: 5%;
    padding-right: 5%;
    margin-left: auto;
    margin-right: auto; }
@media only screen and (min-width: 321px) {
    .main-container {
        padding-left: 4.8%;
        padding-right: 4.8%;
        max-width: 688px; } }
@media only screen and (min-width: 769px) {
    .main-container {
        padding-left: 4.4%;
        padding-right: 4.4%;
        max-width: 864px; } }

.container {
    box-sizing: content-box;
    position: relative;
    padding-left: 5%;
    padding-right: 5%;
    margin-left: auto;
    margin-right: auto; }
@media only screen and (min-width: 321px) {
    .container {
        padding-left: 4.8%;
        padding-right: 4.8%;
        max-width: 688px; } }
@media only screen and (min-width: 769px) {
    .container {
        padding-left: 4.4%;
        padding-right: 4.4%;
        max-width: 864px; } }

@media only screen and (min-width: 321px) {
    .container-medium {
        box-sizing: content-box;
        position: relative;
        padding-left: 5%;
        padding-right: 5%;
        margin-left: auto;
        margin-right: auto; } }
@media only screen and (min-width: 321px) and (min-width: 321px) {
    .container-medium {
        padding-left: 4.8%;
        padding-right: 4.8%;
        max-width: 688px; } }
@media only screen and (min-width: 321px) and (min-width: 769px) {
    .container-medium {
        padding-left: 4.4%;
        padding-right: 4.4%;
        max-width: 864px; } }

@media only screen and (max-width: 320px) {
    .container-small {
        box-sizing: content-box;
        position: relative;
        padding-left: 5%;
        padding-right: 5%;
        margin-left: auto;
        margin-right: auto; } }
@media only screen and (max-width: 320px) and (min-width: 321px) {
    .container-small {
        padding-left: 4.8%;
        padding-right: 4.8%;
        max-width: 688px; } }
@media only screen and (max-width: 320px) and (min-width: 769px) {
    .container-small {
        padding-left: 4.4%;
        padding-right: 4.4%;
        max-width: 864px; } }

@media only screen and (min-width: 769px) {
    .content {
        margin-right: 25.9%; }
    .content pre {
        margin-right: -25.9%; } }

@font-face {
    font-family: icons;
    src: url(../images/icons/icons.eot);
    src: url(../images/icons/icons.eot?#iefix) format("embedded-opentype"), url(../images/icons/icons.woff2) format("woff2"), url(../images/icons/icons.woff) format("woff"), url(../images/icons/icons.ttf) format("truetype"), url(../images/icons/icons.svg?#icons) format("svg");
    font-weight: normal;
    font-style: normal; }

.icon {
    font-family: 'icons';
    display: inline-block;
    vertical-align: top;
    line-height: 1;
    font-weight: normal;
    font-style: normal;
    speak: none;
    text-decoration: inherit;
    text-transform: none;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

.icon-bullet::before, ul li::before, ul.list-links a::before, .list-anchor a::before {
    content: "\e001"; }

.icon-chevron-down::before {
    content: '\e002'; }

.icon-chevron-large::before {
    content: '\e003'; }

.icon-chevron-left::before, .article-nav-link--prev::before {
    content: '\e004'; }

.icon-chevron-right::before, .article-nav-link--next::before, ul.list-links.list-links--primary a::before {
    content: '\e005'; }

.icon-chevron-up::before {
    content: '\e006'; }

.icon-close::before {
    content: '\e007'; }

.icon-cog::before {
    content: '\e008'; }

.icon-diamond::before {
    content: '\e009'; }

.icon-exclamation::before {
    content: '\e00a'; }

.icon-google-dev::before {
    content: '\e00b'; }

.icon-hash::before {
    content: '\e00c'; }

.icon-introduction-to-media::before {
    content: '\e00d'; }

.icon-lessons::before {
    content: '\e00e'; }

.icon-menu::before {
    content: '\e00f'; }

.icon-minus::before {
    content: '\e010'; }

.icon-multi-device-layouts::before {
    content: '\e011'; }

.icon-performance::before {
    content: '\e012'; }

.icon-plus::before {
    content: '\e013'; }

.icon-question::before {
    content: '\e014'; }

.icon-slash::before {
    content: '\e015'; }

.icon-star::before {
    content: '\e016'; }

.icon-tick::before {
    content: '\e017'; }

.icon-user-input::before {
    content: '\e018'; }

/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/* ==========  Blacks  ========== */
/* ==========  Color Palettes  ========== */
/* ==========  Color definitions  ========== */
/**
*
* Highlight
*
**/
.highlight-module {
    overflow: hidden;
    margin-top: 52px;
    margin-bottom: 26px;
    position: relative; }
.highlight-module::after {
    background: #f0f0f0;
    content: '';
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 0;
    width: 100%;
    right: 0;
    left: 0; }
.highlight-module ul,
.highlight-module ol {
    padding-left: 0; }

.highlight-module__container {
    box-sizing: content-box;
    padding-left: 5%;
    padding-right: 5%;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 78px;
    z-index: 1;
    position: relative; }
@media only screen and (min-width: 321px) {
    .highlight-module__container {
        padding-left: 4.8%;
        padding-right: 4.8%;
        max-width: 688px; } }
@media only screen and (min-width: 769px) {
    .highlight-module__container {
        padding-left: 4.4%;
        padding-right: 4.4%;
        max-width: 864px; } }
.highlight-module__container::before {
    display: none; }
@media only screen and (min-width: 321px) {
    .highlight-module__container::before {
        display: block;
        position: absolute;
        top: 106px;
        right: 45px;
        font-family: "icons";
        font-size: 130px;
        line-height: 1px;
        text-align: center;
        height: 100%;
        width: 5.9408333333%;
        color: #ffffff; } }
.highlight-module--left .highlight-module__container::before {
    right: auto;
    left: 45px; }
@media only screen and (min-width: 769px) {
    .highlight-module__container::before {
        top: 134px;
        width: 6.85475%;
        font-size: 180px; }
    .highlight-module--large .highlight-module__container::before {
        font-size: 430px; } }
@media only screen and (min-width: 321px) {
    .highlight-module__container {
        padding-bottom: 52px; } }
@media only screen and (min-width: 769px) {
    .highlight-module__container {
        min-height: 208px; } }

.highlight-module__title {
    font-family: "PT Sans", Helvetica, sans-serif;
    font-size: 68px;
    font-weight: 300;
    line-height: 1.1471em;
    /* 78px */
    padding-top: 0.3824em;
    padding-bottom: 0;
    padding-top: 26px; }
@media only screen and (min-width: 769px) {
    .highlight-module__title {
        font-family: "PT Sans", Helvetica, sans-serif;
        font-size: 110px;
        font-weight: 300;
        line-height: 1.19em;
        /* 130px */
        padding-top: 0.2364em;
        padding-bottom: 0; } }
@media only screen and (min-width: 769px) {
    .highlight-module__title {
        font-family: "PT Sans", Helvetica, sans-serif;
        font-size: 42px;
        font-weight: 300;
        line-height: 1.2381em;
        /* 52px */
        padding-top: 0.6190em;
        padding-bottom: 0; } }
@media only screen and (min-width: 769px) and (min-width: 769px) {
    .highlight-module__title {
        font-family: "PT Sans", Helvetica, sans-serif;
        font-size: 68px;
        font-weight: 300;
        line-height: 1.1471em;
        /* 78px */
        padding-top: 0.3824em;
        padding-bottom: 0; } }

.highlight-module__cta {
    display: block; }

/*==========  LEARNING  ==========*/
.highlight-module--learning {
    color: #ffffff; }
.highlight-module--learning::after {
    background-color: #da2e75; }
.highlight-module--learning a {
    color: #ffffff;
    text-decoration: underline; }

/*==========  REMEMBER  ==========*/
.highlight-module--remember {
    color: #ffffff; }
.highlight-module--remember::after {
    background-color: #09829a; }
.highlight-module--remember a {
    color: #ffffff;
    text-decoration: underline; }

/*==========  CODE  ==========*/
.highlight-module--code {
    overflow: visible;
    margin-bottom: 52px; }
.highlight-module--code pre {
    margin: 0;
    padding-top: 26px;
    font-size: 14px;
    line-height: 26px;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0; }
.highlight-module--code pre span {
    margin: 0;
    padding: 0;
    display: inline-block; }
.highlight-module--code code {
    margin: 0;
    padding: 0;
    word-spacing: -2px;
    display: block; }
.highlight-module--code .highlight-module__container {
    padding-bottom: 0; }
.highlight-module--code .highlight-module__cta {
    position: absolute;
    bottom: -26px; }

/*==========  LEFT  ==========*/
@media only screen and (min-width: 769px) {
    .highlight-module--left::after {
        width: 80%;
        right: 20%; } }

/*==========  RIGHT  ==========*/
@media only screen and (min-width: 769px) {
    .highlight-module--right::after {
        width: 80%;
        left: 20%; } }

@media only screen and (min-width: 769px) {
    .highlight-module--right.highlight-module--code::after {
        width: 100%;
        left: 0; } }

/*==========  INLINE  ==========*/
.highlight-module--inline {
    color: #000000;
    overflow: visible;
    margin: 26px 0 0; }
.highlight-module--inline .highlight-module__container {
    padding-bottom: 0; }
.highlight-module--inline .highlight-module__container::before {
    display: none; }
.highlight-module--inline .highlight-module__content {
    border-color: #e0e0e0;
    border-style: solid;
    border-width: 1px;
    border-left-width: 0;
    border-right-width: 0;
    margin-bottom: -2px;
    padding: 0 0 26px; }
.highlight-module--inline .highlight-module__title {
    font-size: 20px;
    font-weight: 300;
    line-height: 1.3000em;
    /* 26px */
    padding-top: 1.3000em;
    padding-bottom: 0; }
@media only screen and (min-width: 769px) {
    .highlight-module--inline .highlight-module__title {
        font-family: "PT Sans", Helvetica, sans-serif;
        font-size: 26px;
        font-weight: 300;
        line-height: 1.0000em;
        /* 26px */
        padding-top: 1.0000em;
        padding-bottom: 0; } }
.highlight-module--inline.highlight-module--remember .highlight-module__title,
.highlight-module--inline.highlight-module--remember li::before {
    color: #09829a; }
.highlight-module--inline.highlight-module--learning .highlight-module__title,
.highlight-module--inline.highlight-module--learning li::before {
    color: #da2e75; }
.highlight-module--inline::after {
    display: none !important; }

/*==========  COLORS  ==========*/
div.highlight > pre > code, code .highlight {
    background: transparent; }

div.highlight > pre > code .c, code .highlight .c {
    color: #999988;
    font-style: italic; }

/* Comment */
div.highlight > pre > code .err, code .highlight .err {
    color: #a61717;
    background-color: #e3d2d2; }

/* Error */
/* Keyword */
/* Operator */
div.highlight > pre > code .cm, code .highlight .cm {
    color: #999988;
    font-style: italic; }

/* Comment.Multiline */
div.highlight > pre > code .cp, code .highlight .cp {
    color: rgba(0, 0, 0, 0.54); }

/* Comment.Preproc */
div.highlight > pre > code .c1, code .highlight .c1 {
    color: #999988;
    font-style: italic; }

/* Comment.Single */
div.highlight > pre > code .cs, code .highlight .cs {
    color: rgba(0, 0, 0, 0.54);
    font-style: italic; }

/* Comment.Special */
div.highlight > pre > code .gs, code .highlight .gd {
    color: #000000;
    background-color: #ffdddd; }

/* Generic.Deleted */
div.highlight > pre > code .gd .x, code .highlight .gd .x {
    color: #000000;
    background-color: #ffaaaa; }

/* Generic.Deleted.Specific */
div.highlight > pre > code .ge, code .highlight .ge {
    font-style: italic; }

/* Generic.Emph */
div.highlight > pre > code .gr, code .highlight .gr {
    color: #aa0000; }

/* Generic.Error */
div.highlight > pre > code .gh, code .highlight .gh {
    color: rgba(0, 0, 0, 0.54); }

/* Generic.Heading */
div.highlight > pre > code .gi, code .highlight .gi {
    color: #000000;
    background-color: #ddffdd; }

/* Generic.Inserted */
div.highlight > pre > code .gi .x, code .highlight .gi .x {
    color: #000000;
    background-color: #aaffaa; }

/* Generic.Inserted.Specific */
div.highlight > pre > code .go, code .highlight .go {
    color: #888888; }

/* Generic.Output */
div.highlight > pre > code .gp, code .highlight .gp {
    color: #555555; }

/* Generic.Prompt */
/* Generic.Strong */
div.highlight > pre > code .gu, code .highlight .gu {
    color: #aaaaaa; }

/* Generic.Subheading */
div.highlight > pre > code .gt, code .highlight .gt {
    color: #aa0000; }

/* Generic.Traceback */
/* Keyword.Constant */
/* Keyword.Declaration */
/* Keyword.Pseudo */
/* Keyword.Reserved */
div.highlight > pre > code .kt, code .highlight .kt {
    color: #445588; }

/* Keyword.Type */
div.highlight > pre > code .m, code .highlight .m {
    color: #009999; }

/* Literal.Number */
div.highlight > pre > code .s, code .highlight .s {
    color: #da2e75; }

/* Literal.String */
div.highlight > pre > code .na, code .highlight .na {
    color: #008080; }

/* Name.Attribute */
div.highlight > pre > code .nb, code .highlight .nb {
    color: #0086B3; }

/* Name.Builtin */
div.highlight > pre > code .nc, code .highlight .nc {
    color: #445588; }

/* Name.Class */
div.highlight > pre > code .no, code .highlight .no {
    color: #008080; }

/* Name.Constant */
div.highlight > pre > code .ni, code .highlight .ni {
    color: #800080; }

/* Name.Entity */
div.highlight > pre > code .ne, code .highlight .ne {
    color: #990000; }

/* Name.Exception */
div.highlight > pre > code .nf, code .highlight .nf {
    color: #990000; }

/* Name.Function */
div.highlight > pre > code .nn, code .highlight .nn {
    color: #555555; }

/* Name.Namespace */
div.highlight > pre > code .nt, code .highlight .nt {
    color: #09829a; }

/* Name.Tag */
div.highlight > pre > code .nv, code .highlight .nv {
    color: #008080; }

/* Name.Variable */
/* Operator.Word */
div.highlight > pre > code .w, code .highlight .w {
    color: #bbbbbb; }

/* Text.Whitespace */
div.highlight > pre > code .mf, code .highlight .mf {
    color: #009999; }

/* Literal.Number.Float */
div.highlight > pre > code .mh, code .highlight .mh {
    color: #009999; }

/* Literal.Number.Hex */
div.highlight > pre > code .mi, code .highlight .mi {
    color: #009999; }

/* Literal.Number.Integer */
div.highlight > pre > code .mo, code .highlight .mo {
    color: #009999; }

/* Literal.Number.Oct */
div.highlight > pre > code .sb, code .highlight .sb {
    color: #da2e75; }

/* Literal.String.Backtick */
div.highlight > pre > code .sc, code .highlight .sc {
    color: #da2e75; }

/* Literal.String.Char */
div.highlight > pre > code .sd, code .highlight .sd {
    color: #da2e75; }

/* Literal.String.Doc */
div.highlight > pre > code .s2, code .highlight .s2 {
    color: #da2e75; }

/* Literal.String.Double */
div.highlight > pre > code .se, code .highlight .se {
    color: #da2e75; }

/* Literal.String.Escape */
div.highlight > pre > code .sh, code .highlight .sh {
    color: #da2e75; }

/* Literal.String.Heredoc */
div.highlight > pre > code .si, code .highlight .si {
    color: #da2e75; }

/* Literal.String.Interpol */
div.highlight > pre > code .sx, code .highlight .sx {
    color: #da2e75; }

/* Literal.String.Other */
div.highlight > pre > code .sr, code .highlight .sr {
    color: #009926; }

/* Literal.String.Regex */
div.highlight > pre > code .s1, code .highlight .s1 {
    color: #da2e75; }

/* Literal.String.Single */
div.highlight > pre > code .ss, code .highlight .ss {
    color: #990073; }

/* Literal.String.Symbol */
div.highlight > pre > code .bp, code .highlight .bp {
    color: rgba(0, 0, 0, 0.54); }

/* Name.Builtin.Pseudo */
div.highlight > pre > code .vc, code .highlight .vc {
    color: #008080; }

/* Name.Variable.Class */
div.highlight > pre > code .vg, code .highlight .vg {
    color: #008080; }

/* Name.Variable.Global */
div.highlight > pre > code .vi, code .highlight .vi {
    color: #008080; }

/* Name.Variable.Instance */
div.highlight > pre > code .il, code .highlight .il {
    color: #009999; }

/* Literal.Number.Integer.Long */
/**
*
* Editorial Header
*
**/
.editorial-header {
    overflow: hidden; }
.editorial-header .breadcrumbs {
    color: #3372df; }
.editorial-header .breadcrumbs a {
    color: #3372df; }
@media only screen and (min-width: 321px) {
    .editorial-header .container {
        position: relative; }
    .editorial-header .container::before {
        content: "";
        font-family: "icons";
        font-size: 1000px;
        line-height: 0;
        display: block;
        position: absolute;
        top: 0;
        right: 100%;
        color: #f0f0f0;
        margin: 168px -35px 0 0; } }

.editorial-header__excerpt {
    font-size: 20px;
    font-weight: 300;
    line-height: 1.3000em;
    /* 26px */
    padding-top: 1.3000em;
    padding-bottom: 0;
    font-family: "PT Sans", Helvetica, sans-serif; }

.editorial-header .tag {
    padding-top: 52px; }

.editorial-header__subtitle {
    font-family: "PT Sans", Helvetica, sans-serif;
    font-size: 42px;
    font-weight: 300;
    line-height: 1.2381em;
    /* 52px */
    padding-top: 0.6190em;
    padding-bottom: 0;
    padding-top: 0;
    color: #3372df; }
@media only screen and (min-width: 769px) {
    .editorial-header__subtitle {
        font-family: "PT Sans", Helvetica, sans-serif;
        font-size: 68px;
        font-weight: 300;
        line-height: 1.1471em;
        /* 78px */
        padding-top: 0.3824em;
        padding-bottom: 0; } }
@media only screen and (min-width: 321px) {
    .editorial-header__subtitle {
        padding-top: 0;
        padding-bottom: 26px; } }

.editorial-header__toc {
    margin-top: 26px; }
.editorial-header__toc ol {
    padding-top: 0; }
@media only screen and (min-width: 321px) {
    .editorial-header__toc ol {
        padding-top: 0; } }

.editorial-header__toc-title {
    font-family: "PT Sans", Helvetica, sans-serif;
    border-bottom: 1px solid #e0e0e0;
    margin-bottom: 13px;
    padding-bottom: 13px !important;
    color: #3372df; }

/**
*
* Editorial Header
*
**/
.summary-header {
    background-color: #3372df;
    padding-bottom: 78px;
    color: #ffffff;
    margin-bottom: 26px;
    box-shadow: inset 0 2px 0 0 #fff; }
.summary-header .breadcrumbs__link {
    color: #ffffff; }

.summary-header__anchor-list {
    margin-top: 52px; }

.summary-header__anchors-item a {
    color: #ffffff; }

/**
*
* Related items
*
**/
.related-guides {
    margin-top: 78px;
    padding-bottom: 50px;
    border-top: 2px solid #e0e0e0;
    padding-top: 50px; }

.related-guides__list .list-links {
    padding-top: 0; }

.related-guides__list a {
    display: block; }

.related-guides__title {
    font-family: "PT Sans", Helvetica, sans-serif;
    font-size: 26px;
    font-weight: 300;
    line-height: 1.0000em;
    /* 26px */
    padding-top: 1.0000em;
    padding-bottom: 0;
    padding-top: 0; }
@media only screen and (min-width: 769px) {
    .related-guides__title {
        font-family: "PT Sans", Helvetica, sans-serif;
        font-size: 42px;
        font-weight: 300;
        line-height: 1.2381em;
        /* 52px */
        padding-top: 0.6190em;
        padding-bottom: 0; } }
@media only screen and (min-width: 321px) {
    .related-guides__title {
        padding-top: 0; } }

.related-guides__main-link {
    text-transform: uppercase; }
.related-guides__main-link::before {
    content: '#';
    display: inline-block;
    padding-right: 2px; }

/**
*
* In this guide
*
**/
.in-this-guide {
    margin-top: -78px; }

.in-this-guide__title {
    font-size: 20px;
    font-weight: 300;
    line-height: 1.3000em;
    /* 26px */
    padding-top: 1.3000em;
    padding-bottom: 0;
    font-family: "PT Sans", Helvetica, sans-serif;
    margin-bottom: 26px; }

/**
*
* Articles section
*
**/
.articles-section {
    background: #f0f0f0;
    text-align: center;
    padding: 26px 0 104px; }

.articles-count {
    color: #3372df;
    font-family: "PT Sans", Helvetica, sans-serif;
    font-weight: 400; }

.article-section__icon {
    top: -26px; }
@media only screen and (min-width: 321px) {
    .article-section__icon {
        top: -39px; } }

.guides-section {
    background: #f0f0f0;
    text-align: center;
    padding: 26px 0 104px; }

/**
*
* Page header
*
**/
.page-header {
    text-align: center; }
.page-header .breadcrumbs {
    text-align: left;
    color: #3372df; }
.page-header .breadcrumbs a {
    color: #3372df; }
.page-header h3 {
    color: rgba(0, 0, 0, 0.87);
    padding-top: 52px; }

.page-header__excerpt {
    position: relative;
    padding-top: 0; }
.page-header__excerpt:last-child {
    padding-bottom: 78px; }

/**
*
* Quote
*
**/
.quote__content {
    position: relative;
    font-family: "PT Sans", Helvetica, sans-serif;
    font-size: 16px;
    line-height: 1.6250em;
    /* 26px */
    padding-top: 1.6250em;
    padding-bottom: 0;
    padding-top: 104px;
    padding-left: 26px; }
@media only screen and (min-width: 769px) {
    .quote__content {
        font-size: 20px;
        font-weight: 300;
        line-height: 1.3000em;
        /* 26px */
        padding-top: 1.3000em;
        padding-bottom: 0; } }
@media only screen and (min-width: 321px) {
    .quote__content {
        padding-top: 52px;
        padding-left: 0; } }
.quote__content p {
    border-top: 1px solid #e0e0e0;
    text-align: right;
    font-weight: 500;
    margin-top: 12px;
    padding-top: 13px; }
.quote__content::before {
    content: open-quote;
    display: block;
    position: absolute;
    font-family: "PT Sans", Helvetica, sans-serif;
    font-weight: 700;
    color: #f0f0f0;
    top: 90px;
    left: 26px;
    font-size: 260px; }
@media only screen and (min-width: 321px) {
    .quote__content::before {
        top: 225px;
        left: -210px;
        font-size: 540px; } }

/**
*
* Article nav
*
**/
.article-nav {
    overflow: hidden;
    position: relative; }
.article-nav::before {
    content: '';
    border-left: 2px solid #e0e0e0;
    height: 100%;
    position: absolute;
    top: 0;
    left: 50%; }

.article-nav-link {
    padding: 26px 32px;
    float: left;
    width: 50%;
    position: relative; }
.article-nav-link::before {
    position: absolute;
    top: 21px;
    font-family: "PT Sans", Helvetica, sans-serif;
    font-size: 20px;
    font-weight: 400; }
@media only screen and (min-width: 321px) {
    .article-nav-link::before {
        top: 25px;
        font-size: 26px;
        display: block;
        padding: 13px 10px;
        color: #ffffff;
        background: #3372df; } }

.article-nav p {
    padding: 0;
    margin: 0; }

.article-nav-link--prev {
    text-align: right; }
.article-nav-link--prev::before {
    font-family: "icons";
    left: 32px; }
@media only screen and (min-width: 321px) {
    .article-nav-link--prev p {
        padding-left: 52px; } }

.article-nav-link--next::before {
    font-family: "icons";
    right: 32px; }

@media only screen and (min-width: 321px) {
    .article-nav-link--next p {
        padding-right: 52px; } }

.article-nav-count {
    font-size: 20px;
    font-weight: 300;
    line-height: 1.3000em;
    /* 26px */
    padding-top: 1.3000em;
    padding-bottom: 0;
    font-weight: 700; }
@media only screen and (min-width: 769px) {
    .article-nav-count {
        font-family: "PT Sans", Helvetica, sans-serif;
        font-size: 26px;
        font-weight: 300;
        line-height: 1.0000em;
        /* 26px */
        padding-top: 1.0000em;
        padding-bottom: 0; } }
@media only screen and (min-width: 321px) {
    .article-nav-count {
        font-weight: 400; } }

/**
*
* Text module
*
**/
@media only screen and (min-width: 321px) {
    .did-you-know ol {
        padding-top: 0 !important; } }

.did-you-know .cta--primary {
    margin-top: 26px;
    font-weight: 500; }

.did-you-know > .g--half {
    position: relative;
    padding-left: 0; }
@media only screen and (min-width: 321px) {
    .did-you-know > .g--half {
        padding-left: 32px; } }

.did-you-know__symbol {
    padding-bottom: 312px; }
@media only screen and (min-width: 321px) {
    .did-you-know__symbol {
        padding-bottom: 26px; } }
.did-you-know__symbol::after {
    content: "";
    color: #3372df;
    font-family: "icons";
    font-size: 300px;
    top: 150px;
    left: 30%;
    position: relative;
    display: block;
    width: 0; }
@media only screen and (min-width: 321px) {
    .did-you-know__symbol::after {
        position: absolute;
        font-size: 400px;
        top: 200px;
        left: 110%; } }
@media only screen and (min-width: 769px) {
    .did-you-know__symbol::after {
        position: absolute;
        font-size: 400px;
        top: 200px;
        left: 124%; } }

/**
*
* Table of contents
*
**/
.toc__title {
    font-size: 16px;
    line-height: 1.6250em;
    /* 26px */
    padding-top: 1.6250em;
    padding-bottom: 0;
    font-family: "PT Sans", Helvetica, sans-serif;
    padding-bottom: 13px;
    margin-bottom: 12px;
    border-bottom: 1px solid #e0e0e0; }
@media only screen and (min-width: 769px) {
    .toc__title {
        font-size: 20px;
        font-weight: 300;
        line-height: 1.3000em;
        /* 26px */
        padding-top: 1.3000em;
        padding-bottom: 0; } }
@media only screen and (min-width: 321px) {
    .toc__title {
        padding-bottom: 13px;
        margin-bottom: 13px; } }

.toc__list {
    padding-top: 0;
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 12px;
    margin-bottom: 13px; }
.toc__list a {
    display: block; }

.toc__sublist {
    padding-top: 0; }

/**
*
* Next Lessons
*
**/
.next-lessons {
    background: rgba(0, 0, 0, 0.87);
    padding: 26px 26px 52px;
    margin-top: 26px;
    color: #ffffff;
    position: relative; }
@media only screen and (min-width: 321px) {
    .next-lessons h3 i {
        display: none; } }
.next-lessons::before, .next-lessons::after {
    color: rgba(255, 255, 255, 0.5);
    position: absolute;
    display: none; }
@media only screen and (min-width: 321px) {
    .next-lessons::before, .next-lessons::after {
        display: inline-block; } }
@media only screen and (min-width: 321px) {
    .next-lessons::before {
        content: attr(data-current-lesson);
        font-family: "PT Sans", Helvetica, sans-serif;
        font-size: 16px;
        font-weight: 400;
        line-height: 1;
        background: rgba(0, 0, 0, 0.87);
        display: inline-block;
        padding: 5px 7px;
        right: 127px;
        top: 143px;
        z-index: 1;
        color: rgba(255, 255, 255, 0.5); } }
@media only screen and (min-width: 769px) {
    .next-lessons::before {
        font-size: 20px;
        padding-left: 15px;
        padding-right: 15px;
        top: 126px;
        right: 230px; } }
@media only screen and (min-width: 321px) {
    .next-lessons::after {
        content: "";
        font-family: "icons";
        font-size: 150px;
        right: 40px;
        top: 185px; } }
@media only screen and (min-width: 769px) {
    .next-lessons::after {
        font-size: 210px;
        right: 120px; } }

/**
*
* Grid
*
**/
@media only screen and (max-width: 320px) {
    .g-small--1 {
        width: 11.4583333333%; }
    .g-small--push-1 {
        margin-left: 17.7083333333%; }
    .g-small--pull-1 {
        margin-right: 17.7083333333%; }
    .g-small--2 {
        width: 29.1666666667%; }
    .g-small--push-2 {
        margin-left: 35.4166666667%; }
    .g-small--pull-2 {
        margin-right: 35.4166666667%; }
    .g-small--3 {
        width: 46.875%; }
    .g-small--push-3 {
        margin-left: 53.125%; }
    .g-small--pull-3 {
        margin-right: 53.125%; }
    .g-small--4 {
        width: 64.5833333333%; }
    .g-small--push-4 {
        margin-left: 70.8333333333%; }
    .g-small--pull-4 {
        margin-right: 70.8333333333%; }
    .g-small--5 {
        width: 82.2916666667%; }
    .g-small--push-5 {
        margin-left: 88.5416666667%; }
    .g-small--pull-5 {
        margin-right: 88.5416666667%; }
    .g-small--6 {
        width: 100%;
        margin-right: 0; }
    .g-small--full {
        margin-right: 0;
        width: 100%; }
    .g-small--hide {
        display: none; }
    .g--third {
        width: 11.4583333333%; }
    .g--twothirds {
        width: 22.9166666667%; }
    .g-small--3_10 {
        width: 25.625%; }
    .g-small--3_8 {
        width: 33.59375%; }
    .g-small--5_8 {
        width: 60.15625%; }
    .g-small--4_10 {
        width: 36.25%; }
    .g--half,
    .g-small--half {
        width: 46.875%; }
    .g-small--last {
        margin-right: 0; }
    .g-small--last + .g-small--half {
        clear: left; }
    .g--pull-half {
        margin-right: 53.125%; } }

@media only screen and (min-width: 321px) and (max-width: 768px) {
    .g-medium--1 {
        float: left;
        margin-right: 2.61%;
        width: 5.9408333333%; }
    .g-medium--1 .g-medium--1 {
        width: -20.3766666667%;
        margin-right: 31.32%; }
    .g-medium--1 .g-medium--2 {
        width: -9.4333333333%;
        margin-right: 31.32%; }
    .g-medium--1 .g-medium--3 {
        width: 1.51%;
        margin-right: 31.32%; }
    .g-medium--1 .g-medium--4 {
        width: 12.4533333333%;
        margin-right: 31.32%; }
    .g-medium--1 .g-medium--5 {
        width: 23.3966666667%;
        margin-right: 31.32%; }
    .g-medium--1 .g-medium--6 {
        width: 34.34%;
        margin-right: 31.32%; }
    .g-medium--1 .g-medium--7 {
        width: 45.2833333333%;
        margin-right: 31.32%; }
    .g-medium--1 .g-medium--8 {
        width: 56.2266666667%;
        margin-right: 31.32%; }
    .g-medium--1 .g-medium--9 {
        width: 67.17%;
        margin-right: 31.32%; }
    .g-medium--1 .g-medium--10 {
        width: 78.1133333333%;
        margin-right: 31.32%; }
    .g-medium--1 .g-medium--11 {
        width: 89.0566666667%;
        margin-right: 31.32%; }
    .g-medium--1 .g-medium--12 {
        width: 100%;
        margin-right: 0; }
    .g-medium--1 .g--third {
        float: left;
        margin-right: 2.61%;
        width: 12.4533333333%;
        margin-right: 31.32%; }
    .g-medium--1 .g--twothirds {
        float: left;
        margin-right: 2.61%;
        width: 56.2266666667%;
        margin-right: 31.32%; }
    .g-medium--1 .g-medium--2_10 {
        float: left;
        margin-right: 2.61%;
        width: -5.056%;
        margin-right: 31.32%; }
    .g-medium--1 .g-medium--3_10 {
        float: left;
        margin-right: 2.61%;
        width: 8.076%;
        margin-right: 31.32%; }
    .g-medium--1 .g-medium--4_10 {
        float: left;
        margin-right: 2.61%;
        width: 21.208%;
        margin-right: 31.32%; }
    .g-medium--1 .g-medium--5_10 {
        float: left;
        margin-right: 2.61%;
        width: 34.34%;
        margin-right: 31.32%; }
    .g-medium--1 .g-medium--5_10 .g-medium--2_5 {
        float: left;
        margin-right: 2.61%;
        width: 2.416%;
        margin-right: 62.64%; }
    .g-medium--1 .g-medium--5_10 .g-medium--3_5 {
        float: left;
        margin-right: 2.61%;
        width: 34.944%;
        margin-right: 62.64%; }
    .g-medium--1 .g-medium--5_10 .g-medium--last {
        margin-right: 0; }
    .g-medium--1 .g-medium-7_10 {
        float: left;
        margin-right: 2.61%;
        width: 60.604%;
        margin-right: 31.32%; }
    .g-medium--1 .g-medium--2_8 {
        float: left;
        margin-right: 2.61%;
        width: 1.51%;
        margin-right: 31.32%; }
    .g-medium--1 .g-medium--3_8 {
        float: left;
        margin-right: 2.61%;
        width: 17.925%;
        margin-right: 31.32%; }
    .g-medium--1 .g-medium--5_8 {
        float: left;
        margin-right: 2.61%;
        width: 50.755%;
        margin-right: 31.32%; }
    .g-medium--1 .g-medium--5_8 .g-medium--2_5 {
        float: left;
        margin-right: 2.61%;
        width: 9.9328%;
        margin-right: 50.112%; }
    .g-medium--1 .g-medium--5_8 .g-medium--3_5 {
        float: left;
        margin-right: 2.61%;
        width: 39.9552%;
        margin-right: 50.112%; }
    .g-medium--1 .g-medium--5_8 .g-medium--last {
        margin-right: 0; }
    .g-medium--1 .g-medium--2_9 {
        float: left;
        margin-right: 2.61%;
        width: -2.1377777778%;
        margin-right: 31.32%; }
    .g-medium--1 .g-medium--3_9 {
        float: left;
        margin-right: 2.61%;
        width: 12.4533333333%;
        margin-right: 31.32%; }
    .g-medium--1 .g-medium--4_9 {
        float: left;
        margin-right: 2.61%;
        width: 27.0444444444%;
        margin-right: 31.32%; }
    .g-medium--1 .g-medium--5_9 {
        float: left;
        margin-right: 2.61%;
        width: 41.6355555556%;
        margin-right: 31.32%; }
    .g-medium--1 .g-medium--6_9 {
        float: left;
        margin-right: 2.61%;
        width: 56.2266666667%;
        margin-right: 31.32%; }
    .g-medium--1 .g--half,
    .g-medium--1 .g-medium--half {
        float: left;
        margin-right: 2.61%;
        width: 34.34%;
        margin-right: 31.32%; }
    .g-medium--1 .g--pull-half {
        margin-right: 65.66%; }
    .g-medium--1 .g-medium--last {
        margin-right: 0; }
    .g-medium--push-1 {
        margin-left: 8.5508333333%; }
    .g-medium--pull-1 {
        margin-right: 8.5508333333%; }
    .g-medium--2 {
        float: left;
        margin-right: 2.61%;
        width: 14.4916666667%; }
    .g-medium--2 .g-medium--1 {
        width: -6.0216666667%;
        margin-right: 15.66%; }
    .g-medium--2 .g-medium--2 {
        width: 3.6166666667%;
        margin-right: 15.66%; }
    .g-medium--2 .g-medium--3 {
        width: 13.255%;
        margin-right: 15.66%; }
    .g-medium--2 .g-medium--4 {
        width: 22.8933333333%;
        margin-right: 15.66%; }
    .g-medium--2 .g-medium--5 {
        width: 32.5316666667%;
        margin-right: 15.66%; }
    .g-medium--2 .g-medium--6 {
        width: 42.17%;
        margin-right: 15.66%; }
    .g-medium--2 .g-medium--7 {
        width: 51.8083333333%;
        margin-right: 15.66%; }
    .g-medium--2 .g-medium--8 {
        width: 61.4466666667%;
        margin-right: 15.66%; }
    .g-medium--2 .g-medium--9 {
        width: 71.085%;
        margin-right: 15.66%; }
    .g-medium--2 .g-medium--10 {
        width: 80.7233333333%;
        margin-right: 15.66%; }
    .g-medium--2 .g-medium--11 {
        width: 90.3616666667%;
        margin-right: 15.66%; }
    .g-medium--2 .g-medium--12 {
        width: 100%;
        margin-right: 0; }
    .g-medium--2 .g--third {
        float: left;
        margin-right: 2.61%;
        width: 22.8933333333%;
        margin-right: 15.66%; }
    .g-medium--2 .g--twothirds {
        float: left;
        margin-right: 2.61%;
        width: 61.4466666667%;
        margin-right: 15.66%; }
    .g-medium--2 .g-medium--2_10 {
        float: left;
        margin-right: 2.61%;
        width: 7.472%;
        margin-right: 15.66%; }
    .g-medium--2 .g-medium--3_10 {
        float: left;
        margin-right: 2.61%;
        width: 19.038%;
        margin-right: 15.66%; }
    .g-medium--2 .g-medium--4_10 {
        float: left;
        margin-right: 2.61%;
        width: 30.604%;
        margin-right: 15.66%; }
    .g-medium--2 .g-medium--5_10 {
        float: left;
        margin-right: 2.61%;
        width: 42.17%;
        margin-right: 15.66%; }
    .g-medium--2 .g-medium--5_10 .g-medium--2_5 {
        float: left;
        margin-right: 2.61%;
        width: 21.208%;
        margin-right: 31.32%; }
    .g-medium--2 .g-medium--5_10 .g-medium--3_5 {
        float: left;
        margin-right: 2.61%;
        width: 47.472%;
        margin-right: 31.32%; }
    .g-medium--2 .g-medium--5_10 .g-medium--last {
        margin-right: 0; }
    .g-medium--2 .g-medium-7_10 {
        float: left;
        margin-right: 2.61%;
        width: 65.302%;
        margin-right: 15.66%; }
    .g-medium--2 .g-medium--2_8 {
        float: left;
        margin-right: 2.61%;
        width: 13.255%;
        margin-right: 15.66%; }
    .g-medium--2 .g-medium--3_8 {
        float: left;
        margin-right: 2.61%;
        width: 27.7125%;
        margin-right: 15.66%; }
    .g-medium--2 .g-medium--5_8 {
        float: left;
        margin-right: 2.61%;
        width: 56.6275%;
        margin-right: 15.66%; }
    .g-medium--2 .g-medium--5_8 .g-medium--2_5 {
        float: left;
        margin-right: 2.61%;
        width: 24.9664%;
        margin-right: 25.056%; }
    .g-medium--2 .g-medium--5_8 .g-medium--3_5 {
        float: left;
        margin-right: 2.61%;
        width: 49.9776%;
        margin-right: 25.056%; }
    .g-medium--2 .g-medium--5_8 .g-medium--last {
        margin-right: 0; }
    .g-medium--2 .g-medium--2_9 {
        float: left;
        margin-right: 2.61%;
        width: 10.0422222222%;
        margin-right: 15.66%; }
    .g-medium--2 .g-medium--3_9 {
        float: left;
        margin-right: 2.61%;
        width: 22.8933333333%;
        margin-right: 15.66%; }
    .g-medium--2 .g-medium--4_9 {
        float: left;
        margin-right: 2.61%;
        width: 35.7444444444%;
        margin-right: 15.66%; }
    .g-medium--2 .g-medium--5_9 {
        float: left;
        margin-right: 2.61%;
        width: 48.5955555556%;
        margin-right: 15.66%; }
    .g-medium--2 .g-medium--6_9 {
        float: left;
        margin-right: 2.61%;
        width: 61.4466666667%;
        margin-right: 15.66%; }
    .g-medium--2 .g--half,
    .g-medium--2 .g-medium--half {
        float: left;
        margin-right: 2.61%;
        width: 42.17%;
        margin-right: 15.66%; }
    .g-medium--2 .g--pull-half {
        margin-right: 57.83%; }
    .g-medium--2 .g-medium--last {
        margin-right: 0; }
    .g-medium--push-2 {
        margin-left: 17.1016666667%; }
    .g-medium--pull-2 {
        margin-right: 17.1016666667%; }
    .g-medium--3 {
        float: left;
        margin-right: 2.61%;
        width: 23.0425%; }
    .g-medium--3 .g-medium--1 {
        width: -1.2366666667%;
        margin-right: 10.44%; }
    .g-medium--3 .g-medium--2 {
        width: 7.9666666667%;
        margin-right: 10.44%; }
    .g-medium--3 .g-medium--3 {
        width: 17.17%;
        margin-right: 10.44%; }
    .g-medium--3 .g-medium--4 {
        width: 26.3733333333%;
        margin-right: 10.44%; }
    .g-medium--3 .g-medium--5 {
        width: 35.5766666667%;
        margin-right: 10.44%; }
    .g-medium--3 .g-medium--6 {
        width: 44.78%;
        margin-right: 10.44%; }
    .g-medium--3 .g-medium--7 {
        width: 53.9833333333%;
        margin-right: 10.44%; }
    .g-medium--3 .g-medium--8 {
        width: 63.1866666667%;
        margin-right: 10.44%; }
    .g-medium--3 .g-medium--9 {
        width: 72.39%;
        margin-right: 10.44%; }
    .g-medium--3 .g-medium--10 {
        width: 81.5933333333%;
        margin-right: 10.44%; }
    .g-medium--3 .g-medium--11 {
        width: 90.7966666667%;
        margin-right: 10.44%; }
    .g-medium--3 .g-medium--12 {
        width: 100%;
        margin-right: 0; }
    .g-medium--3 .g--third {
        float: left;
        margin-right: 2.61%;
        width: 26.3733333333%;
        margin-right: 10.44%; }
    .g-medium--3 .g--twothirds {
        float: left;
        margin-right: 2.61%;
        width: 63.1866666667%;
        margin-right: 10.44%; }
    .g-medium--3 .g-medium--2_10 {
        float: left;
        margin-right: 2.61%;
        width: 11.648%;
        margin-right: 10.44%; }
    .g-medium--3 .g-medium--3_10 {
        float: left;
        margin-right: 2.61%;
        width: 22.692%;
        margin-right: 10.44%; }
    .g-medium--3 .g-medium--4_10 {
        float: left;
        margin-right: 2.61%;
        width: 33.736%;
        margin-right: 10.44%; }
    .g-medium--3 .g-medium--5_10 {
        float: left;
        margin-right: 2.61%;
        width: 44.78%;
        margin-right: 10.44%; }
    .g-medium--3 .g-medium--5_10 .g-medium--2_5 {
        float: left;
        margin-right: 2.61%;
        width: 27.472%;
        margin-right: 20.88%; }
    .g-medium--3 .g-medium--5_10 .g-medium--3_5 {
        float: left;
        margin-right: 2.61%;
        width: 51.648%;
        margin-right: 20.88%; }
    .g-medium--3 .g-medium--5_10 .g-medium--last {
        margin-right: 0; }
    .g-medium--3 .g-medium-7_10 {
        float: left;
        margin-right: 2.61%;
        width: 66.868%;
        margin-right: 10.44%; }
    .g-medium--3 .g-medium--2_8 {
        float: left;
        margin-right: 2.61%;
        width: 17.17%;
        margin-right: 10.44%; }
    .g-medium--3 .g-medium--3_8 {
        float: left;
        margin-right: 2.61%;
        width: 30.975%;
        margin-right: 10.44%; }
    .g-medium--3 .g-medium--5_8 {
        float: left;
        margin-right: 2.61%;
        width: 58.585%;
        margin-right: 10.44%; }
    .g-medium--3 .g-medium--5_8 .g-medium--2_5 {
        float: left;
        margin-right: 2.61%;
        width: 29.9776%;
        margin-right: 16.704%; }
    .g-medium--3 .g-medium--5_8 .g-medium--3_5 {
        float: left;
        margin-right: 2.61%;
        width: 53.3184%;
        margin-right: 16.704%; }
    .g-medium--3 .g-medium--5_8 .g-medium--last {
        margin-right: 0; }
    .g-medium--3 .g-medium--2_9 {
        float: left;
        margin-right: 2.61%;
        width: 14.1022222222%;
        margin-right: 10.44%; }
    .g-medium--3 .g-medium--3_9 {
        float: left;
        margin-right: 2.61%;
        width: 26.3733333333%;
        margin-right: 10.44%; }
    .g-medium--3 .g-medium--4_9 {
        float: left;
        margin-right: 2.61%;
        width: 38.6444444444%;
        margin-right: 10.44%; }
    .g-medium--3 .g-medium--5_9 {
        float: left;
        margin-right: 2.61%;
        width: 50.9155555556%;
        margin-right: 10.44%; }
    .g-medium--3 .g-medium--6_9 {
        float: left;
        margin-right: 2.61%;
        width: 63.1866666667%;
        margin-right: 10.44%; }
    .g-medium--3 .g--half,
    .g-medium--3 .g-medium--half {
        float: left;
        margin-right: 2.61%;
        width: 44.78%;
        margin-right: 10.44%; }
    .g-medium--3 .g--pull-half {
        margin-right: 55.22%; }
    .g-medium--3 .g-medium--last {
        margin-right: 0; }
    .g-medium--push-3 {
        margin-left: 25.6525%; }
    .g-medium--pull-3 {
        margin-right: 25.6525%; }
    .g-medium--4 {
        float: left;
        margin-right: 2.61%;
        width: 31.5933333333%; }
    .g-medium--4 .g-medium--1 {
        width: 1.1558333333%;
        margin-right: 7.83%; }
    .g-medium--4 .g-medium--2 {
        width: 10.1416666667%;
        margin-right: 7.83%; }
    .g-medium--4 .g-medium--3 {
        width: 19.1275%;
        margin-right: 7.83%; }
    .g-medium--4 .g-medium--4 {
        width: 28.1133333333%;
        margin-right: 7.83%; }
    .g-medium--4 .g-medium--5 {
        width: 37.0991666667%;
        margin-right: 7.83%; }
    .g-medium--4 .g-medium--6 {
        width: 46.085%;
        margin-right: 7.83%; }
    .g-medium--4 .g-medium--7 {
        width: 55.0708333333%;
        margin-right: 7.83%; }
    .g-medium--4 .g-medium--8 {
        width: 64.0566666667%;
        margin-right: 7.83%; }
    .g-medium--4 .g-medium--9 {
        width: 73.0425%;
        margin-right: 7.83%; }
    .g-medium--4 .g-medium--10 {
        width: 82.0283333333%;
        margin-right: 7.83%; }
    .g-medium--4 .g-medium--11 {
        width: 91.0141666667%;
        margin-right: 7.83%; }
    .g-medium--4 .g-medium--12 {
        width: 100%;
        margin-right: 0; }
    .g-medium--4 .g--third {
        float: left;
        margin-right: 2.61%;
        width: 28.1133333333%;
        margin-right: 7.83%; }
    .g-medium--4 .g--twothirds {
        float: left;
        margin-right: 2.61%;
        width: 64.0566666667%;
        margin-right: 7.83%; }
    .g-medium--4 .g-medium--2_10 {
        float: left;
        margin-right: 2.61%;
        width: 13.736%;
        margin-right: 7.83%; }
    .g-medium--4 .g-medium--3_10 {
        float: left;
        margin-right: 2.61%;
        width: 24.519%;
        margin-right: 7.83%; }
    .g-medium--4 .g-medium--4_10 {
        float: left;
        margin-right: 2.61%;
        width: 35.302%;
        margin-right: 7.83%; }
    .g-medium--4 .g-medium--5_10 {
        float: left;
        margin-right: 2.61%;
        width: 46.085%;
        margin-right: 7.83%; }
    .g-medium--4 .g-medium--5_10 .g-medium--2_5 {
        float: left;
        margin-right: 2.61%;
        width: 30.604%;
        margin-right: 15.66%; }
    .g-medium--4 .g-medium--5_10 .g-medium--3_5 {
        float: left;
        margin-right: 2.61%;
        width: 53.736%;
        margin-right: 15.66%; }
    .g-medium--4 .g-medium--5_10 .g-medium--last {
        margin-right: 0; }
    .g-medium--4 .g-medium-7_10 {
        float: left;
        margin-right: 2.61%;
        width: 67.651%;
        margin-right: 7.83%; }
    .g-medium--4 .g-medium--2_8 {
        float: left;
        margin-right: 2.61%;
        width: 19.1275%;
        margin-right: 7.83%; }
    .g-medium--4 .g-medium--3_8 {
        float: left;
        margin-right: 2.61%;
        width: 32.60625%;
        margin-right: 7.83%; }
    .g-medium--4 .g-medium--5_8 {
        float: left;
        margin-right: 2.61%;
        width: 59.56375%;
        margin-right: 7.83%; }
    .g-medium--4 .g-medium--5_8 .g-medium--2_5 {
        float: left;
        margin-right: 2.61%;
        width: 32.4832%;
        margin-right: 12.528%; }
    .g-medium--4 .g-medium--5_8 .g-medium--3_5 {
        float: left;
        margin-right: 2.61%;
        width: 54.9888%;
        margin-right: 12.528%; }
    .g-medium--4 .g-medium--5_8 .g-medium--last {
        margin-right: 0; }
    .g-medium--4 .g-medium--2_9 {
        float: left;
        margin-right: 2.61%;
        width: 16.1322222222%;
        margin-right: 7.83%; }
    .g-medium--4 .g-medium--3_9 {
        float: left;
        margin-right: 2.61%;
        width: 28.1133333333%;
        margin-right: 7.83%; }
    .g-medium--4 .g-medium--4_9 {
        float: left;
        margin-right: 2.61%;
        width: 40.0944444444%;
        margin-right: 7.83%; }
    .g-medium--4 .g-medium--5_9 {
        float: left;
        margin-right: 2.61%;
        width: 52.0755555556%;
        margin-right: 7.83%; }
    .g-medium--4 .g-medium--6_9 {
        float: left;
        margin-right: 2.61%;
        width: 64.0566666667%;
        margin-right: 7.83%; }
    .g-medium--4 .g--half,
    .g-medium--4 .g-medium--half {
        float: left;
        margin-right: 2.61%;
        width: 46.085%;
        margin-right: 7.83%; }
    .g-medium--4 .g--pull-half {
        margin-right: 53.915%; }
    .g-medium--4 .g-medium--last {
        margin-right: 0; }
    .g-medium--push-4 {
        margin-left: 34.2033333333%; }
    .g-medium--pull-4 {
        margin-right: 34.2033333333%; }
    .g-medium--5 {
        float: left;
        margin-right: 2.61%;
        width: 40.1441666667%; }
    .g-medium--5 .g-medium--1 {
        width: 2.5913333333%;
        margin-right: 6.264%; }
    .g-medium--5 .g-medium--2 {
        width: 11.4466666667%;
        margin-right: 6.264%; }
    .g-medium--5 .g-medium--3 {
        width: 20.302%;
        margin-right: 6.264%; }
    .g-medium--5 .g-medium--4 {
        width: 29.1573333333%;
        margin-right: 6.264%; }
    .g-medium--5 .g-medium--5 {
        width: 38.0126666667%;
        margin-right: 6.264%; }
    .g-medium--5 .g-medium--6 {
        width: 46.868%;
        margin-right: 6.264%; }
    .g-medium--5 .g-medium--7 {
        width: 55.7233333333%;
        margin-right: 6.264%; }
    .g-medium--5 .g-medium--8 {
        width: 64.5786666667%;
        margin-right: 6.264%; }
    .g-medium--5 .g-medium--9 {
        width: 73.434%;
        margin-right: 6.264%; }
    .g-medium--5 .g-medium--10 {
        width: 82.2893333333%;
        margin-right: 6.264%; }
    .g-medium--5 .g-medium--11 {
        width: 91.1446666667%;
        margin-right: 6.264%; }
    .g-medium--5 .g-medium--12 {
        width: 100%;
        margin-right: 0; }
    .g-medium--5 .g--third {
        float: left;
        margin-right: 2.61%;
        width: 29.1573333333%;
        margin-right: 6.264%; }
    .g-medium--5 .g--twothirds {
        float: left;
        margin-right: 2.61%;
        width: 64.5786666667%;
        margin-right: 6.264%; }
    .g-medium--5 .g-medium--2_10 {
        float: left;
        margin-right: 2.61%;
        width: 14.9888%;
        margin-right: 6.264%; }
    .g-medium--5 .g-medium--3_10 {
        float: left;
        margin-right: 2.61%;
        width: 25.6152%;
        margin-right: 6.264%; }
    .g-medium--5 .g-medium--4_10 {
        float: left;
        margin-right: 2.61%;
        width: 36.2416%;
        margin-right: 6.264%; }
    .g-medium--5 .g-medium--5_10 {
        float: left;
        margin-right: 2.61%;
        width: 46.868%;
        margin-right: 6.264%; }
    .g-medium--5 .g-medium--5_10 .g-medium--2_5 {
        float: left;
        margin-right: 2.61%;
        width: 32.4832%;
        margin-right: 12.528%; }
    .g-medium--5 .g-medium--5_10 .g-medium--3_5 {
        float: left;
        margin-right: 2.61%;
        width: 54.9888%;
        margin-right: 12.528%; }
    .g-medium--5 .g-medium--5_10 .g-medium--last {
        margin-right: 0; }
    .g-medium--5 .g-medium-7_10 {
        float: left;
        margin-right: 2.61%;
        width: 68.1208%;
        margin-right: 6.264%; }
    .g-medium--5 .g-medium--2_8 {
        float: left;
        margin-right: 2.61%;
        width: 20.302%;
        margin-right: 6.264%; }
    .g-medium--5 .g-medium--3_8 {
        float: left;
        margin-right: 2.61%;
        width: 33.585%;
        margin-right: 6.264%; }
    .g-medium--5 .g-medium--5_8 {
        float: left;
        margin-right: 2.61%;
        width: 60.151%;
        margin-right: 6.264%; }
    .g-medium--5 .g-medium--5_8 .g-medium--2_5 {
        float: left;
        margin-right: 2.61%;
        width: 33.98656%;
        margin-right: 10.0224%; }
    .g-medium--5 .g-medium--5_8 .g-medium--3_5 {
        float: left;
        margin-right: 2.61%;
        width: 55.99104%;
        margin-right: 10.0224%; }
    .g-medium--5 .g-medium--5_8 .g-medium--last {
        margin-right: 0; }
    .g-medium--5 .g-medium--2_9 {
        float: left;
        margin-right: 2.61%;
        width: 17.3502222222%;
        margin-right: 6.264%; }
    .g-medium--5 .g-medium--3_9 {
        float: left;
        margin-right: 2.61%;
        width: 29.1573333333%;
        margin-right: 6.264%; }
    .g-medium--5 .g-medium--4_9 {
        float: left;
        margin-right: 2.61%;
        width: 40.9644444444%;
        margin-right: 6.264%; }
    .g-medium--5 .g-medium--5_9 {
        float: left;
        margin-right: 2.61%;
        width: 52.7715555556%;
        margin-right: 6.264%; }
    .g-medium--5 .g-medium--6_9 {
        float: left;
        margin-right: 2.61%;
        width: 64.5786666667%;
        margin-right: 6.264%; }
    .g-medium--5 .g--half,
    .g-medium--5 .g-medium--half {
        float: left;
        margin-right: 2.61%;
        width: 46.868%;
        margin-right: 6.264%; }
    .g-medium--5 .g--pull-half {
        margin-right: 53.132%; }
    .g-medium--5 .g-medium--last {
        margin-right: 0; }
    .g-medium--push-5 {
        margin-left: 42.7541666667%; }
    .g-medium--pull-5 {
        margin-right: 42.7541666667%; }
    .g-medium--6 {
        float: left;
        margin-right: 2.61%;
        width: 48.695%; }
    .g-medium--6 .g-medium--1 {
        width: 3.5483333333%;
        margin-right: 5.22%; }
    .g-medium--6 .g-medium--2 {
        width: 12.3166666667%;
        margin-right: 5.22%; }
    .g-medium--6 .g-medium--3 {
        width: 21.085%;
        margin-right: 5.22%; }
    .g-medium--6 .g-medium--4 {
        width: 29.8533333333%;
        margin-right: 5.22%; }
    .g-medium--6 .g-medium--5 {
        width: 38.6216666667%;
        margin-right: 5.22%; }
    .g-medium--6 .g-medium--6 {
        width: 47.39%;
        margin-right: 5.22%; }
    .g-medium--6 .g-medium--7 {
        width: 56.1583333333%;
        margin-right: 5.22%; }
    .g-medium--6 .g-medium--8 {
        width: 64.9266666667%;
        margin-right: 5.22%; }
    .g-medium--6 .g-medium--9 {
        width: 73.695%;
        margin-right: 5.22%; }
    .g-medium--6 .g-medium--10 {
        width: 82.4633333333%;
        margin-right: 5.22%; }
    .g-medium--6 .g-medium--11 {
        width: 91.2316666667%;
        margin-right: 5.22%; }
    .g-medium--6 .g-medium--12 {
        width: 100%;
        margin-right: 0; }
    .g-medium--6 .g--third {
        float: left;
        margin-right: 2.61%;
        width: 29.8533333333%;
        margin-right: 5.22%; }
    .g-medium--6 .g--twothirds {
        float: left;
        margin-right: 2.61%;
        width: 64.9266666667%;
        margin-right: 5.22%; }
    .g-medium--6 .g-medium--2_10 {
        float: left;
        margin-right: 2.61%;
        width: 15.824%;
        margin-right: 5.22%; }
    .g-medium--6 .g-medium--3_10 {
        float: left;
        margin-right: 2.61%;
        width: 26.346%;
        margin-right: 5.22%; }
    .g-medium--6 .g-medium--4_10 {
        float: left;
        margin-right: 2.61%;
        width: 36.868%;
        margin-right: 5.22%; }
    .g-medium--6 .g-medium--5_10 {
        float: left;
        margin-right: 2.61%;
        width: 47.39%;
        margin-right: 5.22%; }
    .g-medium--6 .g-medium--5_10 .g-medium--2_5 {
        float: left;
        margin-right: 2.61%;
        width: 33.736%;
        margin-right: 10.44%; }
    .g-medium--6 .g-medium--5_10 .g-medium--3_5 {
        float: left;
        margin-right: 2.61%;
        width: 55.824%;
        margin-right: 10.44%; }
    .g-medium--6 .g-medium--5_10 .g-medium--last {
        margin-right: 0; }
    .g-medium--6 .g-medium-7_10 {
        float: left;
        margin-right: 2.61%;
        width: 68.434%;
        margin-right: 5.22%; }
    .g-medium--6 .g-medium--2_8 {
        float: left;
        margin-right: 2.61%;
        width: 21.085%;
        margin-right: 5.22%; }
    .g-medium--6 .g-medium--3_8 {
        float: left;
        margin-right: 2.61%;
        width: 34.2375%;
        margin-right: 5.22%; }
    .g-medium--6 .g-medium--5_8 {
        float: left;
        margin-right: 2.61%;
        width: 60.5425%;
        margin-right: 5.22%; }
    .g-medium--6 .g-medium--5_8 .g-medium--2_5 {
        float: left;
        margin-right: 2.61%;
        width: 34.9888%;
        margin-right: 8.352%; }
    .g-medium--6 .g-medium--5_8 .g-medium--3_5 {
        float: left;
        margin-right: 2.61%;
        width: 56.6592%;
        margin-right: 8.352%; }
    .g-medium--6 .g-medium--5_8 .g-medium--last {
        margin-right: 0; }
    .g-medium--6 .g-medium--2_9 {
        float: left;
        margin-right: 2.61%;
        width: 18.1622222222%;
        margin-right: 5.22%; }
    .g-medium--6 .g-medium--3_9 {
        float: left;
        margin-right: 2.61%;
        width: 29.8533333333%;
        margin-right: 5.22%; }
    .g-medium--6 .g-medium--4_9 {
        float: left;
        margin-right: 2.61%;
        width: 41.5444444444%;
        margin-right: 5.22%; }
    .g-medium--6 .g-medium--5_9 {
        float: left;
        margin-right: 2.61%;
        width: 53.2355555556%;
        margin-right: 5.22%; }
    .g-medium--6 .g-medium--6_9 {
        float: left;
        margin-right: 2.61%;
        width: 64.9266666667%;
        margin-right: 5.22%; }
    .g-medium--6 .g--half,
    .g-medium--6 .g-medium--half {
        float: left;
        margin-right: 2.61%;
        width: 47.39%;
        margin-right: 5.22%; }
    .g-medium--6 .g--pull-half {
        margin-right: 52.61%; }
    .g-medium--6 .g-medium--last {
        margin-right: 0; }
    .g-medium--push-6 {
        margin-left: 51.305%; }
    .g-medium--pull-6 {
        margin-right: 51.305%; }
    .g-medium--7 {
        float: left;
        margin-right: 2.61%;
        width: 57.2458333333%; }
    .g-medium--7 .g-medium--1 {
        width: 4.2319047619%;
        margin-right: 4.4742857143%; }
    .g-medium--7 .g-medium--2 {
        width: 12.9380952381%;
        margin-right: 4.4742857143%; }
    .g-medium--7 .g-medium--3 {
        width: 21.6442857143%;
        margin-right: 4.4742857143%; }
    .g-medium--7 .g-medium--4 {
        width: 30.3504761905%;
        margin-right: 4.4742857143%; }
    .g-medium--7 .g-medium--5 {
        width: 39.0566666667%;
        margin-right: 4.4742857143%; }
    .g-medium--7 .g-medium--6 {
        width: 47.7628571429%;
        margin-right: 4.4742857143%; }
    .g-medium--7 .g-medium--7 {
        width: 56.469047619%;
        margin-right: 4.4742857143%; }
    .g-medium--7 .g-medium--8 {
        width: 65.1752380952%;
        margin-right: 4.4742857143%; }
    .g-medium--7 .g-medium--9 {
        width: 73.8814285714%;
        margin-right: 4.4742857143%; }
    .g-medium--7 .g-medium--10 {
        width: 82.5876190476%;
        margin-right: 4.4742857143%; }
    .g-medium--7 .g-medium--11 {
        width: 91.2938095238%;
        margin-right: 4.4742857143%; }
    .g-medium--7 .g-medium--12 {
        width: 100%;
        margin-right: 0; }
    .g-medium--7 .g--third {
        float: left;
        margin-right: 2.61%;
        width: 30.3504761905%;
        margin-right: 4.4742857143%; }
    .g-medium--7 .g--twothirds {
        float: left;
        margin-right: 2.61%;
        width: 65.1752380952%;
        margin-right: 4.4742857143%; }
    .g-medium--7 .g-medium--2_10 {
        float: left;
        margin-right: 2.61%;
        width: 16.4205714286%;
        margin-right: 4.4742857143%; }
    .g-medium--7 .g-medium--3_10 {
        float: left;
        margin-right: 2.61%;
        width: 26.868%;
        margin-right: 4.4742857143%; }
    .g-medium--7 .g-medium--4_10 {
        float: left;
        margin-right: 2.61%;
        width: 37.3154285714%;
        margin-right: 4.4742857143%; }
    .g-medium--7 .g-medium--5_10 {
        float: left;
        margin-right: 2.61%;
        width: 47.7628571429%;
        margin-right: 4.4742857143%; }
    .g-medium--7 .g-medium--5_10 .g-medium--2_5 {
        float: left;
        margin-right: 2.61%;
        width: 34.6308571429%;
        margin-right: 8.9485714286%; }
    .g-medium--7 .g-medium--5_10 .g-medium--3_5 {
        float: left;
        margin-right: 2.61%;
        width: 56.4205714286%;
        margin-right: 8.9485714286%; }
    .g-medium--7 .g-medium--5_10 .g-medium--last {
        margin-right: 0; }
    .g-medium--7 .g-medium-7_10 {
        float: left;
        margin-right: 2.61%;
        width: 68.6577142857%;
        margin-right: 4.4742857143%; }
    .g-medium--7 .g-medium--2_8 {
        float: left;
        margin-right: 2.61%;
        width: 21.6442857143%;
        margin-right: 4.4742857143%; }
    .g-medium--7 .g-medium--3_8 {
        float: left;
        margin-right: 2.61%;
        width: 34.7035714286%;
        margin-right: 4.4742857143%; }
    .g-medium--7 .g-medium--5_8 {
        float: left;
        margin-right: 2.61%;
        width: 60.8221428571%;
        margin-right: 4.4742857143%; }
    .g-medium--7 .g-medium--5_8 .g-medium--2_5 {
        float: left;
        margin-right: 2.61%;
        width: 35.7046857143%;
        margin-right: 7.1588571429%; }
    .g-medium--7 .g-medium--5_8 .g-medium--3_5 {
        float: left;
        margin-right: 2.61%;
        width: 57.1364571429%;
        margin-right: 7.1588571429%; }
    .g-medium--7 .g-medium--5_8 .g-medium--last {
        margin-right: 0; }
    .g-medium--7 .g-medium--2_9 {
        float: left;
        margin-right: 2.61%;
        width: 18.7422222222%;
        margin-right: 4.4742857143%; }
    .g-medium--7 .g-medium--3_9 {
        float: left;
        margin-right: 2.61%;
        width: 30.3504761905%;
        margin-right: 4.4742857143%; }
    .g-medium--7 .g-medium--4_9 {
        float: left;
        margin-right: 2.61%;
        width: 41.9587301587%;
        margin-right: 4.4742857143%; }
    .g-medium--7 .g-medium--5_9 {
        float: left;
        margin-right: 2.61%;
        width: 53.566984127%;
        margin-right: 4.4742857143%; }
    .g-medium--7 .g-medium--6_9 {
        float: left;
        margin-right: 2.61%;
        width: 65.1752380952%;
        margin-right: 4.4742857143%; }
    .g-medium--7 .g--half,
    .g-medium--7 .g-medium--half {
        float: left;
        margin-right: 2.61%;
        width: 47.7628571429%;
        margin-right: 4.4742857143%; }
    .g-medium--7 .g--pull-half {
        margin-right: 52.2371428571%; }
    .g-medium--7 .g-medium--last {
        margin-right: 0; }
    .g-medium--push-7 {
        margin-left: 59.8558333333%; }
    .g-medium--pull-7 {
        margin-right: 59.8558333333%; }
    .g-medium--8 {
        float: left;
        margin-right: 2.61%;
        width: 65.7966666667%; }
    .g-medium--8 .g-medium--1 {
        width: 4.7445833333%;
        margin-right: 3.915%; }
    .g-medium--8 .g-medium--2 {
        width: 13.4041666667%;
        margin-right: 3.915%; }
    .g-medium--8 .g-medium--3 {
        width: 22.06375%;
        margin-right: 3.915%; }
    .g-medium--8 .g-medium--4 {
        width: 30.7233333333%;
        margin-right: 3.915%; }
    .g-medium--8 .g-medium--5 {
        width: 39.3829166667%;
        margin-right: 3.915%; }
    .g-medium--8 .g-medium--6 {
        width: 48.0425%;
        margin-right: 3.915%; }
    .g-medium--8 .g-medium--7 {
        width: 56.7020833333%;
        margin-right: 3.915%; }
    .g-medium--8 .g-medium--8 {
        width: 65.3616666667%;
        margin-right: 3.915%; }
    .g-medium--8 .g-medium--9 {
        width: 74.02125%;
        margin-right: 3.915%; }
    .g-medium--8 .g-medium--10 {
        width: 82.6808333333%;
        margin-right: 3.915%; }
    .g-medium--8 .g-medium--11 {
        width: 91.3404166667%;
        margin-right: 3.915%; }
    .g-medium--8 .g-medium--12 {
        width: 100%;
        margin-right: 0; }
    .g-medium--8 .g--third {
        float: left;
        margin-right: 2.61%;
        width: 30.7233333333%;
        margin-right: 3.915%; }
    .g-medium--8 .g--twothirds {
        float: left;
        margin-right: 2.61%;
        width: 65.3616666667%;
        margin-right: 3.915%; }
    .g-medium--8 .g-medium--2_10 {
        float: left;
        margin-right: 2.61%;
        width: 16.868%;
        margin-right: 3.915%; }
    .g-medium--8 .g-medium--3_10 {
        float: left;
        margin-right: 2.61%;
        width: 27.2595%;
        margin-right: 3.915%; }
    .g-medium--8 .g-medium--4_10 {
        float: left;
        margin-right: 2.61%;
        width: 37.651%;
        margin-right: 3.915%; }
    .g-medium--8 .g-medium--5_10 {
        float: left;
        margin-right: 2.61%;
        width: 48.0425%;
        margin-right: 3.915%; }
    .g-medium--8 .g-medium--5_10 .g-medium--2_5 {
        float: left;
        margin-right: 2.61%;
        width: 35.302%;
        margin-right: 7.83%; }
    .g-medium--8 .g-medium--5_10 .g-medium--3_5 {
        float: left;
        margin-right: 2.61%;
        width: 56.868%;
        margin-right: 7.83%; }
    .g-medium--8 .g-medium--5_10 .g-medium--last {
        margin-right: 0; }
    .g-medium--8 .g-medium-7_10 {
        float: left;
        margin-right: 2.61%;
        width: 68.8255%;
        margin-right: 3.915%; }
    .g-medium--8 .g-medium--2_8 {
        float: left;
        margin-right: 2.61%;
        width: 22.06375%;
        margin-right: 3.915%; }
    .g-medium--8 .g-medium--3_8 {
        float: left;
        margin-right: 2.61%;
        width: 35.053125%;
        margin-right: 3.915%; }
    .g-medium--8 .g-medium--5_8 {
        float: left;
        margin-right: 2.61%;
        width: 61.031875%;
        margin-right: 3.915%; }
    .g-medium--8 .g-medium--5_8 .g-medium--2_5 {
        float: left;
        margin-right: 2.61%;
        width: 36.2416%;
        margin-right: 6.264%; }
    .g-medium--8 .g-medium--5_8 .g-medium--3_5 {
        float: left;
        margin-right: 2.61%;
        width: 57.4944%;
        margin-right: 6.264%; }
    .g-medium--8 .g-medium--5_8 .g-medium--last {
        margin-right: 0; }
    .g-medium--8 .g-medium--2_9 {
        float: left;
        margin-right: 2.61%;
        width: 19.1772222222%;
        margin-right: 3.915%; }
    .g-medium--8 .g-medium--3_9 {
        float: left;
        margin-right: 2.61%;
        width: 30.7233333333%;
        margin-right: 3.915%; }
    .g-medium--8 .g-medium--4_9 {
        float: left;
        margin-right: 2.61%;
        width: 42.2694444444%;
        margin-right: 3.915%; }
    .g-medium--8 .g-medium--5_9 {
        float: left;
        margin-right: 2.61%;
        width: 53.8155555556%;
        margin-right: 3.915%; }
    .g-medium--8 .g-medium--6_9 {
        float: left;
        margin-right: 2.61%;
        width: 65.3616666667%;
        margin-right: 3.915%; }
    .g-medium--8 .g--half,
    .g-medium--8 .g-medium--half {
        float: left;
        margin-right: 2.61%;
        width: 48.0425%;
        margin-right: 3.915%; }
    .g-medium--8 .g--pull-half {
        margin-right: 51.9575%; }
    .g-medium--8 .g-medium--last {
        margin-right: 0; }
    .g-medium--push-8 {
        margin-left: 68.4066666667%; }
    .g-medium--pull-8 {
        margin-right: 68.4066666667%; }
    .g-medium--9 {
        float: left;
        margin-right: 2.61%;
        width: 74.3475%; }
    .g-medium--9 .g-medium--1 {
        width: 5.1433333333%;
        margin-right: 3.48%; }
    .g-medium--9 .g-medium--2 {
        width: 13.7666666667%;
        margin-right: 3.48%; }
    .g-medium--9 .g-medium--3 {
        width: 22.39%;
        margin-right: 3.48%; }
    .g-medium--9 .g-medium--4 {
        width: 31.0133333333%;
        margin-right: 3.48%; }
    .g-medium--9 .g-medium--5 {
        width: 39.6366666667%;
        margin-right: 3.48%; }
    .g-medium--9 .g-medium--6 {
        width: 48.26%;
        margin-right: 3.48%; }
    .g-medium--9 .g-medium--7 {
        width: 56.8833333333%;
        margin-right: 3.48%; }
    .g-medium--9 .g-medium--8 {
        width: 65.5066666667%;
        margin-right: 3.48%; }
    .g-medium--9 .g-medium--9 {
        width: 74.13%;
        margin-right: 3.48%; }
    .g-medium--9 .g-medium--10 {
        width: 82.7533333333%;
        margin-right: 3.48%; }
    .g-medium--9 .g-medium--11 {
        width: 91.3766666667%;
        margin-right: 3.48%; }
    .g-medium--9 .g-medium--12 {
        width: 100%;
        margin-right: 0; }
    .g-medium--9 .g--third {
        float: left;
        margin-right: 2.61%;
        width: 31.0133333333%;
        margin-right: 3.48%; }
    .g-medium--9 .g--twothirds {
        float: left;
        margin-right: 2.61%;
        width: 65.5066666667%;
        margin-right: 3.48%; }
    .g-medium--9 .g-medium--2_10 {
        float: left;
        margin-right: 2.61%;
        width: 17.216%;
        margin-right: 3.48%; }
    .g-medium--9 .g-medium--3_10 {
        float: left;
        margin-right: 2.61%;
        width: 27.564%;
        margin-right: 3.48%; }
    .g-medium--9 .g-medium--4_10 {
        float: left;
        margin-right: 2.61%;
        width: 37.912%;
        margin-right: 3.48%; }
    .g-medium--9 .g-medium--5_10 {
        float: left;
        margin-right: 2.61%;
        width: 48.26%;
        margin-right: 3.48%; }
    .g-medium--9 .g-medium--5_10 .g-medium--2_5 {
        float: left;
        margin-right: 2.61%;
        width: 35.824%;
        margin-right: 6.96%; }
    .g-medium--9 .g-medium--5_10 .g-medium--3_5 {
        float: left;
        margin-right: 2.61%;
        width: 57.216%;
        margin-right: 6.96%; }
    .g-medium--9 .g-medium--5_10 .g-medium--last {
        margin-right: 0; }
    .g-medium--9 .g-medium-7_10 {
        float: left;
        margin-right: 2.61%;
        width: 68.956%;
        margin-right: 3.48%; }
    .g-medium--9 .g-medium--2_8 {
        float: left;
        margin-right: 2.61%;
        width: 22.39%;
        margin-right: 3.48%; }
    .g-medium--9 .g-medium--3_8 {
        float: left;
        margin-right: 2.61%;
        width: 35.325%;
        margin-right: 3.48%; }
    .g-medium--9 .g-medium--5_8 {
        float: left;
        margin-right: 2.61%;
        width: 61.195%;
        margin-right: 3.48%; }
    .g-medium--9 .g-medium--5_8 .g-medium--2_5 {
        float: left;
        margin-right: 2.61%;
        width: 36.6592%;
        margin-right: 5.568%; }
    .g-medium--9 .g-medium--5_8 .g-medium--3_5 {
        float: left;
        margin-right: 2.61%;
        width: 57.7728%;
        margin-right: 5.568%; }
    .g-medium--9 .g-medium--5_8 .g-medium--last {
        margin-right: 0; }
    .g-medium--9 .g-medium--2_9 {
        float: left;
        margin-right: 2.61%;
        width: 19.5155555556%;
        margin-right: 3.48%; }
    .g-medium--9 .g-medium--3_9 {
        float: left;
        margin-right: 2.61%;
        width: 31.0133333333%;
        margin-right: 3.48%; }
    .g-medium--9 .g-medium--4_9 {
        float: left;
        margin-right: 2.61%;
        width: 42.5111111111%;
        margin-right: 3.48%; }
    .g-medium--9 .g-medium--5_9 {
        float: left;
        margin-right: 2.61%;
        width: 54.0088888889%;
        margin-right: 3.48%; }
    .g-medium--9 .g-medium--6_9 {
        float: left;
        margin-right: 2.61%;
        width: 65.5066666667%;
        margin-right: 3.48%; }
    .g-medium--9 .g--half,
    .g-medium--9 .g-medium--half {
        float: left;
        margin-right: 2.61%;
        width: 48.26%;
        margin-right: 3.48%; }
    .g-medium--9 .g--pull-half {
        margin-right: 51.74%; }
    .g-medium--9 .g-medium--last {
        margin-right: 0; }
    .g-medium--push-9 {
        margin-left: 76.9575%; }
    .g-medium--pull-9 {
        margin-right: 76.9575%; }
    .g-medium--10 {
        float: left;
        margin-right: 2.61%;
        width: 82.8983333333%; }
    .g-medium--10 .g-medium--1 {
        width: 5.4623333333%;
        margin-right: 3.132%; }
    .g-medium--10 .g-medium--2 {
        width: 14.0566666667%;
        margin-right: 3.132%; }
    .g-medium--10 .g-medium--3 {
        width: 22.651%;
        margin-right: 3.132%; }
    .g-medium--10 .g-medium--4 {
        width: 31.2453333333%;
        margin-right: 3.132%; }
    .g-medium--10 .g-medium--5 {
        width: 39.8396666667%;
        margin-right: 3.132%; }
    .g-medium--10 .g-medium--6 {
        width: 48.434%;
        margin-right: 3.132%; }
    .g-medium--10 .g-medium--7 {
        width: 57.0283333333%;
        margin-right: 3.132%; }
    .g-medium--10 .g-medium--8 {
        width: 65.6226666667%;
        margin-right: 3.132%; }
    .g-medium--10 .g-medium--9 {
        width: 74.217%;
        margin-right: 3.132%; }
    .g-medium--10 .g-medium--10 {
        width: 82.8113333333%;
        margin-right: 3.132%; }
    .g-medium--10 .g-medium--11 {
        width: 91.4056666667%;
        margin-right: 3.132%; }
    .g-medium--10 .g-medium--12 {
        width: 100%;
        margin-right: 0; }
    .g-medium--10 .g--third {
        float: left;
        margin-right: 2.61%;
        width: 31.2453333333%;
        margin-right: 3.132%; }
    .g-medium--10 .g--twothirds {
        float: left;
        margin-right: 2.61%;
        width: 65.6226666667%;
        margin-right: 3.132%; }
    .g-medium--10 .g-medium--2_10 {
        float: left;
        margin-right: 2.61%;
        width: 17.4944%;
        margin-right: 3.132%; }
    .g-medium--10 .g-medium--3_10 {
        float: left;
        margin-right: 2.61%;
        width: 27.8076%;
        margin-right: 3.132%; }
    .g-medium--10 .g-medium--4_10 {
        float: left;
        margin-right: 2.61%;
        width: 38.1208%;
        margin-right: 3.132%; }
    .g-medium--10 .g-medium--5_10 {
        float: left;
        margin-right: 2.61%;
        width: 48.434%;
        margin-right: 3.132%; }
    .g-medium--10 .g-medium--5_10 .g-medium--2_5 {
        float: left;
        margin-right: 2.61%;
        width: 36.2416%;
        margin-right: 6.264%; }
    .g-medium--10 .g-medium--5_10 .g-medium--3_5 {
        float: left;
        margin-right: 2.61%;
        width: 57.4944%;
        margin-right: 6.264%; }
    .g-medium--10 .g-medium--5_10 .g-medium--last {
        margin-right: 0; }
    .g-medium--10 .g-medium-7_10 {
        float: left;
        margin-right: 2.61%;
        width: 69.0604%;
        margin-right: 3.132%; }
    .g-medium--10 .g-medium--2_8 {
        float: left;
        margin-right: 2.61%;
        width: 22.651%;
        margin-right: 3.132%; }
    .g-medium--10 .g-medium--3_8 {
        float: left;
        margin-right: 2.61%;
        width: 35.5425%;
        margin-right: 3.132%; }
    .g-medium--10 .g-medium--5_8 {
        float: left;
        margin-right: 2.61%;
        width: 61.3255%;
        margin-right: 3.132%; }
    .g-medium--10 .g-medium--5_8 .g-medium--2_5 {
        float: left;
        margin-right: 2.61%;
        width: 36.99328%;
        margin-right: 5.0112%; }
    .g-medium--10 .g-medium--5_8 .g-medium--3_5 {
        float: left;
        margin-right: 2.61%;
        width: 57.99552%;
        margin-right: 5.0112%; }
    .g-medium--10 .g-medium--5_8 .g-medium--last {
        margin-right: 0; }
    .g-medium--10 .g-medium--2_9 {
        float: left;
        margin-right: 2.61%;
        width: 19.7862222222%;
        margin-right: 3.132%; }
    .g-medium--10 .g-medium--3_9 {
        float: left;
        margin-right: 2.61%;
        width: 31.2453333333%;
        margin-right: 3.132%; }
    .g-medium--10 .g-medium--4_9 {
        float: left;
        margin-right: 2.61%;
        width: 42.7044444444%;
        margin-right: 3.132%; }
    .g-medium--10 .g-medium--5_9 {
        float: left;
        margin-right: 2.61%;
        width: 54.1635555556%;
        margin-right: 3.132%; }
    .g-medium--10 .g-medium--6_9 {
        float: left;
        margin-right: 2.61%;
        width: 65.6226666667%;
        margin-right: 3.132%; }
    .g-medium--10 .g--half,
    .g-medium--10 .g-medium--half {
        float: left;
        margin-right: 2.61%;
        width: 48.434%;
        margin-right: 3.132%; }
    .g-medium--10 .g--pull-half {
        margin-right: 51.566%; }
    .g-medium--10 .g-medium--last {
        margin-right: 0; }
    .g-medium--push-10 {
        margin-left: 85.5083333333%; }
    .g-medium--pull-10 {
        margin-right: 85.5083333333%; }
    .g-medium--11 {
        float: left;
        margin-right: 2.61%;
        width: 91.4491666667%; }
    .g-medium--11 .g-medium--1 {
        width: 5.7233333333%;
        margin-right: 2.8472727273%; }
    .g-medium--11 .g-medium--2 {
        width: 14.2939393939%;
        margin-right: 2.8472727273%; }
    .g-medium--11 .g-medium--3 {
        width: 22.8645454545%;
        margin-right: 2.8472727273%; }
    .g-medium--11 .g-medium--4 {
        width: 31.4351515152%;
        margin-right: 2.8472727273%; }
    .g-medium--11 .g-medium--5 {
        width: 40.0057575758%;
        margin-right: 2.8472727273%; }
    .g-medium--11 .g-medium--6 {
        width: 48.5763636364%;
        margin-right: 2.8472727273%; }
    .g-medium--11 .g-medium--7 {
        width: 57.146969697%;
        margin-right: 2.8472727273%; }
    .g-medium--11 .g-medium--8 {
        width: 65.7175757576%;
        margin-right: 2.8472727273%; }
    .g-medium--11 .g-medium--9 {
        width: 74.2881818182%;
        margin-right: 2.8472727273%; }
    .g-medium--11 .g-medium--10 {
        width: 82.8587878788%;
        margin-right: 2.8472727273%; }
    .g-medium--11 .g-medium--11 {
        width: 91.4293939394%;
        margin-right: 2.8472727273%; }
    .g-medium--11 .g-medium--12 {
        width: 100%;
        margin-right: 0; }
    .g-medium--11 .g--third {
        float: left;
        margin-right: 2.61%;
        width: 31.4351515152%;
        margin-right: 2.8472727273%; }
    .g-medium--11 .g--twothirds {
        float: left;
        margin-right: 2.61%;
        width: 65.7175757576%;
        margin-right: 2.8472727273%; }
    .g-medium--11 .g-medium--2_10 {
        float: left;
        margin-right: 2.61%;
        width: 17.7221818182%;
        margin-right: 2.8472727273%; }
    .g-medium--11 .g-medium--3_10 {
        float: left;
        margin-right: 2.61%;
        width: 28.0069090909%;
        margin-right: 2.8472727273%; }
    .g-medium--11 .g-medium--4_10 {
        float: left;
        margin-right: 2.61%;
        width: 38.2916363636%;
        margin-right: 2.8472727273%; }
    .g-medium--11 .g-medium--5_10 {
        float: left;
        margin-right: 2.61%;
        width: 48.5763636364%;
        margin-right: 2.8472727273%; }
    .g-medium--11 .g-medium--5_10 .g-medium--2_5 {
        float: left;
        margin-right: 2.61%;
        width: 36.5832727273%;
        margin-right: 5.6945454545%; }
    .g-medium--11 .g-medium--5_10 .g-medium--3_5 {
        float: left;
        margin-right: 2.61%;
        width: 57.7221818182%;
        margin-right: 5.6945454545%; }
    .g-medium--11 .g-medium--5_10 .g-medium--last {
        margin-right: 0; }
    .g-medium--11 .g-medium-7_10 {
        float: left;
        margin-right: 2.61%;
        width: 69.1458181818%;
        margin-right: 2.8472727273%; }
    .g-medium--11 .g-medium--2_8 {
        float: left;
        margin-right: 2.61%;
        width: 22.8645454545%;
        margin-right: 2.8472727273%; }
    .g-medium--11 .g-medium--3_8 {
        float: left;
        margin-right: 2.61%;
        width: 35.7204545455%;
        margin-right: 2.8472727273%; }
    .g-medium--11 .g-medium--5_8 {
        float: left;
        margin-right: 2.61%;
        width: 61.4322727273%;
        margin-right: 2.8472727273%; }
    .g-medium--11 .g-medium--5_8 .g-medium--2_5 {
        float: left;
        margin-right: 2.61%;
        width: 37.2666181818%;
        margin-right: 4.5556363636%; }
    .g-medium--11 .g-medium--5_8 .g-medium--3_5 {
        float: left;
        margin-right: 2.61%;
        width: 58.1777454545%;
        margin-right: 4.5556363636%; }
    .g-medium--11 .g-medium--5_8 .g-medium--last {
        margin-right: 0; }
    .g-medium--11 .g-medium--2_9 {
        float: left;
        margin-right: 2.61%;
        width: 20.0076767677%;
        margin-right: 2.8472727273%; }
    .g-medium--11 .g-medium--3_9 {
        float: left;
        margin-right: 2.61%;
        width: 31.4351515152%;
        margin-right: 2.8472727273%; }
    .g-medium--11 .g-medium--4_9 {
        float: left;
        margin-right: 2.61%;
        width: 42.8626262626%;
        margin-right: 2.8472727273%; }
    .g-medium--11 .g-medium--5_9 {
        float: left;
        margin-right: 2.61%;
        width: 54.2901010101%;
        margin-right: 2.8472727273%; }
    .g-medium--11 .g-medium--6_9 {
        float: left;
        margin-right: 2.61%;
        width: 65.7175757576%;
        margin-right: 2.8472727273%; }
    .g-medium--11 .g--half,
    .g-medium--11 .g-medium--half {
        float: left;
        margin-right: 2.61%;
        width: 48.5763636364%;
        margin-right: 2.8472727273%; }
    .g-medium--11 .g--pull-half {
        margin-right: 51.4236363636%; }
    .g-medium--11 .g-medium--last {
        margin-right: 0; }
    .g-medium--push-11 {
        margin-left: 94.0591666667%; }
    .g-medium--pull-11 {
        margin-right: 94.0591666667%; }
    .g-medium--12 {
        float: left;
        margin-right: 2.61%;
        width: 100%;
        margin-right: 0; }
    .g-medium--12 .g-medium--1 {
        width: 5.9408333333%;
        margin-right: 2.61%; }
    .g-medium--12 .g-medium--2 {
        width: 14.4916666667%;
        margin-right: 2.61%; }
    .g-medium--12 .g-medium--3 {
        width: 23.0425%;
        margin-right: 2.61%; }
    .g-medium--12 .g-medium--4 {
        width: 31.5933333333%;
        margin-right: 2.61%; }
    .g-medium--12 .g-medium--5 {
        width: 40.1441666667%;
        margin-right: 2.61%; }
    .g-medium--12 .g-medium--6 {
        width: 48.695%;
        margin-right: 2.61%; }
    .g-medium--12 .g-medium--7 {
        width: 57.2458333333%;
        margin-right: 2.61%; }
    .g-medium--12 .g-medium--8 {
        width: 65.7966666667%;
        margin-right: 2.61%; }
    .g-medium--12 .g-medium--9 {
        width: 74.3475%;
        margin-right: 2.61%; }
    .g-medium--12 .g-medium--10 {
        width: 82.8983333333%;
        margin-right: 2.61%; }
    .g-medium--12 .g-medium--11 {
        width: 91.4491666667%;
        margin-right: 2.61%; }
    .g-medium--12 .g-medium--12 {
        width: 100%;
        margin-right: 0; }
    .g-medium--12 .g--third {
        float: left;
        margin-right: 2.61%;
        width: 31.5933333333%;
        margin-right: 2.61%; }
    .g-medium--12 .g--twothirds {
        float: left;
        margin-right: 2.61%;
        width: 65.7966666667%;
        margin-right: 2.61%; }
    .g-medium--12 .g-medium--2_10 {
        float: left;
        margin-right: 2.61%;
        width: 17.912%;
        margin-right: 2.61%; }
    .g-medium--12 .g-medium--3_10 {
        float: left;
        margin-right: 2.61%;
        width: 28.173%;
        margin-right: 2.61%; }
    .g-medium--12 .g-medium--4_10 {
        float: left;
        margin-right: 2.61%;
        width: 38.434%;
        margin-right: 2.61%; }
    .g-medium--12 .g-medium--5_10 {
        float: left;
        margin-right: 2.61%;
        width: 48.695%;
        margin-right: 2.61%; }
    .g-medium--12 .g-medium--5_10 .g-medium--2_5 {
        float: left;
        margin-right: 2.61%;
        width: 36.868%;
        margin-right: 5.22%; }
    .g-medium--12 .g-medium--5_10 .g-medium--3_5 {
        float: left;
        margin-right: 2.61%;
        width: 57.912%;
        margin-right: 5.22%; }
    .g-medium--12 .g-medium--5_10 .g-medium--last {
        margin-right: 0; }
    .g-medium--12 .g-medium-7_10 {
        float: left;
        margin-right: 2.61%;
        width: 69.217%;
        margin-right: 2.61%; }
    .g-medium--12 .g-medium--2_8 {
        float: left;
        margin-right: 2.61%;
        width: 23.0425%;
        margin-right: 2.61%; }
    .g-medium--12 .g-medium--3_8 {
        float: left;
        margin-right: 2.61%;
        width: 35.86875%;
        margin-right: 2.61%; }
    .g-medium--12 .g-medium--5_8 {
        float: left;
        margin-right: 2.61%;
        width: 61.52125%;
        margin-right: 2.61%; }
    .g-medium--12 .g-medium--5_8 .g-medium--2_5 {
        float: left;
        margin-right: 2.61%;
        width: 37.4944%;
        margin-right: 4.176%; }
    .g-medium--12 .g-medium--5_8 .g-medium--3_5 {
        float: left;
        margin-right: 2.61%;
        width: 58.3296%;
        margin-right: 4.176%; }
    .g-medium--12 .g-medium--5_8 .g-medium--last {
        margin-right: 0; }
    .g-medium--12 .g-medium--2_9 {
        float: left;
        margin-right: 2.61%;
        width: 20.1922222222%;
        margin-right: 2.61%; }
    .g-medium--12 .g-medium--3_9 {
        float: left;
        margin-right: 2.61%;
        width: 31.5933333333%;
        margin-right: 2.61%; }
    .g-medium--12 .g-medium--4_9 {
        float: left;
        margin-right: 2.61%;
        width: 42.9944444444%;
        margin-right: 2.61%; }
    .g-medium--12 .g-medium--5_9 {
        float: left;
        margin-right: 2.61%;
        width: 54.3955555556%;
        margin-right: 2.61%; }
    .g-medium--12 .g-medium--6_9 {
        float: left;
        margin-right: 2.61%;
        width: 65.7966666667%;
        margin-right: 2.61%; }
    .g-medium--12 .g--half,
    .g-medium--12 .g-medium--half {
        float: left;
        margin-right: 2.61%;
        width: 48.695%;
        margin-right: 2.61%; }
    .g-medium--12 .g--pull-half {
        margin-right: 51.305%; }
    .g-medium--12 .g-medium--last {
        margin-right: 0; }
    .g-medium--full {
        float: left;
        margin-right: 2.61%;
        margin-right: 0;
        width: 100%; }
    .g-medium--hide {
        float: left;
        margin-right: 2.61%;
        display: none; }
    .g--third {
        float: left;
        margin-right: 2.61%;
        width: 5.9408333333%; }
    .g--twothirds {
        float: left;
        margin-right: 2.61%;
        width: 11.8816666667%; }
    .g-medium--3_10 {
        float: left;
        margin-right: 2.61%;
        width: 28.173%; }
    .g-medium--3_8 {
        float: left;
        margin-right: 2.61%;
        width: 35.86875%; }
    .g-medium--5_8 {
        float: left;
        margin-right: 2.61%;
        width: 61.52125%; }
    .g-medium--4_10 {
        float: left;
        margin-right: 2.61%;
        width: 38.434%; }
    .g--half,
    .g-medium--half {
        float: left;
        margin-right: 2.61%;
        width: 48.695%; }
    .g-medium--last {
        margin-right: 0; }
    .g-medium--last + .g-medium--half {
        clear: left; }
    .g--pull-half {
        margin-right: 51.305%; } }

@media only screen and (min-width: 769px) {
    .g-wide--1 {
        float: left;
        margin-right: 1.613%;
        width: 6.85475%; }
    .g-wide--1 .g-wide--1 {
        width: -9.4096666667%;
        margin-right: 19.356%; }
    .g-wide--1 .g-wide--2 {
        width: 0.5366666667%;
        margin-right: 19.356%; }
    .g-wide--1 .g-wide--3 {
        width: 10.483%;
        margin-right: 19.356%; }
    .g-wide--1 .g-wide--4 {
        width: 20.4293333333%;
        margin-right: 19.356%; }
    .g-wide--1 .g-wide--5 {
        width: 30.3756666667%;
        margin-right: 19.356%; }
    .g-wide--1 .g-wide--6 {
        width: 40.322%;
        margin-right: 19.356%; }
    .g-wide--1 .g-wide--7 {
        width: 50.2683333333%;
        margin-right: 19.356%; }
    .g-wide--1 .g-wide--8 {
        width: 60.2146666667%;
        margin-right: 19.356%; }
    .g-wide--1 .g-wide--9 {
        width: 70.161%;
        margin-right: 19.356%; }
    .g-wide--1 .g-wide--10 {
        width: 80.1073333333%;
        margin-right: 19.356%; }
    .g-wide--1 .g-wide--11 {
        width: 90.0536666667%;
        margin-right: 19.356%; }
    .g-wide--1 .g-wide--12 {
        width: 100%;
        margin-right: 0; }
    .g-wide--1 .g--third {
        float: left;
        margin-right: 1.613%;
        width: 20.4293333333%;
        margin-right: 19.356%; }
    .g-wide--1 .g--twothirds {
        float: left;
        margin-right: 1.613%;
        width: 60.2146666667%;
        margin-right: 19.356%; }
    .g-wide--1 .g-wide--2_9 {
        float: left;
        margin-right: 1.613%;
        width: 7.1675555556%;
        margin-right: 19.356%; }
    .g-wide--1 .g-wide--3_9 {
        float: left;
        margin-right: 1.613%;
        width: 20.4293333333%;
        margin-right: 19.356%; }
    .g-wide--1 .g-wide--6_9 {
        float: left;
        margin-right: 1.613%;
        width: 60.2146666667%;
        margin-right: 19.356%; }
    .g-wide--1 .g-wide--7_9 {
        float: left;
        margin-right: 1.613%;
        width: 73.4764444444%;
        margin-right: 19.356%; }
    .g-wide--1 .g-wide--2_10 {
        float: left;
        margin-right: 1.613%;
        width: 4.5152%;
        margin-right: 19.356%; }
    .g-wide--1 .g-wide--3_10 {
        float: left;
        margin-right: 1.613%;
        width: 16.4508%;
        margin-right: 19.356%; }
    .g-wide--1 .g-wide--4_10 {
        float: left;
        margin-right: 1.613%;
        width: 28.3864%;
        margin-right: 19.356%; }
    .g-wide--1 .g-wide--5_10 {
        float: left;
        margin-right: 1.613%;
        width: 40.322%;
        margin-right: 19.356%; }
    .g-wide--1 .g-wide--5_10 .g-wide--2_5 {
        float: left;
        margin-right: 1.613%;
        width: 16.7728%;
        margin-right: 38.712%; }
    .g-wide--1 .g-wide--5_10 .g-wide--3_5 {
        float: left;
        margin-right: 1.613%;
        width: 44.5152%;
        margin-right: 38.712%; }
    .g-wide--1 .g-wide--5_10 .g-wide--last {
        margin-right: 0; }
    .g-wide--1 .g-wide--7_10 {
        float: left;
        margin-right: 1.613%;
        width: 64.1932%;
        margin-right: 19.356%; }
    .g-wide--1 .g-wide--2_8 {
        float: left;
        margin-right: 1.613%;
        width: 10.483%;
        margin-right: 19.356%; }
    .g-wide--1 .g-wide--3_8 {
        float: left;
        margin-right: 1.613%;
        width: 25.4025%;
        margin-right: 19.356%; }
    .g-wide--1 .g-wide--5_8 {
        float: left;
        margin-right: 1.613%;
        width: 55.2415%;
        margin-right: 19.356%; }
    .g-wide--1 .g-wide--5_8 .g-wide--2_5 {
        float: left;
        margin-right: 1.613%;
        width: 21.41824%;
        margin-right: 30.9696%; }
    .g-wide--1 .g-wide--5_8 .g-wide--3_5 {
        float: left;
        margin-right: 1.613%;
        width: 47.61216%;
        margin-right: 30.9696%; }
    .g-wide--1 .g-wide--5_8 .g-wide--last {
        margin-right: 0; }
    .g-wide--1 .g-wide--6_8 {
        float: left;
        margin-right: 1.613%;
        width: 70.161%;
        margin-right: 19.356%; }
    .g-wide--1 .g--half,
    .g-wide--1 .g-wide--half {
        float: left;
        margin-right: 1.613%;
        width: 40.322%;
        margin-right: 19.356%; }
    .g-wide--1 .g--pull-half {
        margin-right: 59.678%; }
    .g-wide--1 .g-wide--last {
        margin-right: 0; }
    .g-wide--push-1 {
        margin-left: 8.46775%; }
    .g-wide--pull-1 {
        margin-right: 8.46775%; }
    .g-wide--2 {
        float: left;
        margin-right: 1.613%;
        width: 15.3225%; }
    .g-wide--2 .g-wide--1 {
        width: -0.5381666667%;
        margin-right: 9.678%; }
    .g-wide--2 .g-wide--2 {
        width: 8.6016666667%;
        margin-right: 9.678%; }
    .g-wide--2 .g-wide--3 {
        width: 17.7415%;
        margin-right: 9.678%; }
    .g-wide--2 .g-wide--4 {
        width: 26.8813333333%;
        margin-right: 9.678%; }
    .g-wide--2 .g-wide--5 {
        width: 36.0211666667%;
        margin-right: 9.678%; }
    .g-wide--2 .g-wide--6 {
        width: 45.161%;
        margin-right: 9.678%; }
    .g-wide--2 .g-wide--7 {
        width: 54.3008333333%;
        margin-right: 9.678%; }
    .g-wide--2 .g-wide--8 {
        width: 63.4406666667%;
        margin-right: 9.678%; }
    .g-wide--2 .g-wide--9 {
        width: 72.5805%;
        margin-right: 9.678%; }
    .g-wide--2 .g-wide--10 {
        width: 81.7203333333%;
        margin-right: 9.678%; }
    .g-wide--2 .g-wide--11 {
        width: 90.8601666667%;
        margin-right: 9.678%; }
    .g-wide--2 .g-wide--12 {
        width: 100%;
        margin-right: 0; }
    .g-wide--2 .g--third {
        float: left;
        margin-right: 1.613%;
        width: 26.8813333333%;
        margin-right: 9.678%; }
    .g-wide--2 .g--twothirds {
        float: left;
        margin-right: 1.613%;
        width: 63.4406666667%;
        margin-right: 9.678%; }
    .g-wide--2 .g-wide--2_9 {
        float: left;
        margin-right: 1.613%;
        width: 14.6948888889%;
        margin-right: 9.678%; }
    .g-wide--2 .g-wide--3_9 {
        float: left;
        margin-right: 1.613%;
        width: 26.8813333333%;
        margin-right: 9.678%; }
    .g-wide--2 .g-wide--6_9 {
        float: left;
        margin-right: 1.613%;
        width: 63.4406666667%;
        margin-right: 9.678%; }
    .g-wide--2 .g-wide--7_9 {
        float: left;
        margin-right: 1.613%;
        width: 75.6271111111%;
        margin-right: 9.678%; }
    .g-wide--2 .g-wide--2_10 {
        float: left;
        margin-right: 1.613%;
        width: 12.2576%;
        margin-right: 9.678%; }
    .g-wide--2 .g-wide--3_10 {
        float: left;
        margin-right: 1.613%;
        width: 23.2254%;
        margin-right: 9.678%; }
    .g-wide--2 .g-wide--4_10 {
        float: left;
        margin-right: 1.613%;
        width: 34.1932%;
        margin-right: 9.678%; }
    .g-wide--2 .g-wide--5_10 {
        float: left;
        margin-right: 1.613%;
        width: 45.161%;
        margin-right: 9.678%; }
    .g-wide--2 .g-wide--5_10 .g-wide--2_5 {
        float: left;
        margin-right: 1.613%;
        width: 28.3864%;
        margin-right: 19.356%; }
    .g-wide--2 .g-wide--5_10 .g-wide--3_5 {
        float: left;
        margin-right: 1.613%;
        width: 52.2576%;
        margin-right: 19.356%; }
    .g-wide--2 .g-wide--5_10 .g-wide--last {
        margin-right: 0; }
    .g-wide--2 .g-wide--7_10 {
        float: left;
        margin-right: 1.613%;
        width: 67.0966%;
        margin-right: 9.678%; }
    .g-wide--2 .g-wide--2_8 {
        float: left;
        margin-right: 1.613%;
        width: 17.7415%;
        margin-right: 9.678%; }
    .g-wide--2 .g-wide--3_8 {
        float: left;
        margin-right: 1.613%;
        width: 31.45125%;
        margin-right: 9.678%; }
    .g-wide--2 .g-wide--5_8 {
        float: left;
        margin-right: 1.613%;
        width: 58.87075%;
        margin-right: 9.678%; }
    .g-wide--2 .g-wide--5_8 .g-wide--2_5 {
        float: left;
        margin-right: 1.613%;
        width: 30.70912%;
        margin-right: 15.4848%; }
    .g-wide--2 .g-wide--5_8 .g-wide--3_5 {
        float: left;
        margin-right: 1.613%;
        width: 53.80608%;
        margin-right: 15.4848%; }
    .g-wide--2 .g-wide--5_8 .g-wide--last {
        margin-right: 0; }
    .g-wide--2 .g-wide--6_8 {
        float: left;
        margin-right: 1.613%;
        width: 72.5805%;
        margin-right: 9.678%; }
    .g-wide--2 .g--half,
    .g-wide--2 .g-wide--half {
        float: left;
        margin-right: 1.613%;
        width: 45.161%;
        margin-right: 9.678%; }
    .g-wide--2 .g--pull-half {
        margin-right: 54.839%; }
    .g-wide--2 .g-wide--last {
        margin-right: 0; }
    .g-wide--push-2 {
        margin-left: 16.9355%; }
    .g-wide--pull-2 {
        margin-right: 16.9355%; }
    .g-wide--3 {
        float: left;
        margin-right: 1.613%;
        width: 23.79025%; }
    .g-wide--3 .g-wide--1 {
        width: 2.419%;
        margin-right: 6.452%; }
    .g-wide--3 .g-wide--2 {
        width: 11.29%;
        margin-right: 6.452%; }
    .g-wide--3 .g-wide--3 {
        width: 20.161%;
        margin-right: 6.452%; }
    .g-wide--3 .g-wide--4 {
        width: 29.032%;
        margin-right: 6.452%; }
    .g-wide--3 .g-wide--5 {
        width: 37.903%;
        margin-right: 6.452%; }
    .g-wide--3 .g-wide--6 {
        width: 46.774%;
        margin-right: 6.452%; }
    .g-wide--3 .g-wide--7 {
        width: 55.645%;
        margin-right: 6.452%; }
    .g-wide--3 .g-wide--8 {
        width: 64.516%;
        margin-right: 6.452%; }
    .g-wide--3 .g-wide--9 {
        width: 73.387%;
        margin-right: 6.452%; }
    .g-wide--3 .g-wide--10 {
        width: 82.258%;
        margin-right: 6.452%; }
    .g-wide--3 .g-wide--11 {
        width: 91.129%;
        margin-right: 6.452%; }
    .g-wide--3 .g-wide--12 {
        width: 100%;
        margin-right: 0; }
    .g-wide--3 .g--third {
        float: left;
        margin-right: 1.613%;
        width: 29.032%;
        margin-right: 6.452%; }
    .g-wide--3 .g--twothirds {
        float: left;
        margin-right: 1.613%;
        width: 64.516%;
        margin-right: 6.452%; }
    .g-wide--3 .g-wide--2_9 {
        float: left;
        margin-right: 1.613%;
        width: 17.204%;
        margin-right: 6.452%; }
    .g-wide--3 .g-wide--3_9 {
        float: left;
        margin-right: 1.613%;
        width: 29.032%;
        margin-right: 6.452%; }
    .g-wide--3 .g-wide--6_9 {
        float: left;
        margin-right: 1.613%;
        width: 64.516%;
        margin-right: 6.452%; }
    .g-wide--3 .g-wide--7_9 {
        float: left;
        margin-right: 1.613%;
        width: 76.344%;
        margin-right: 6.452%; }
    .g-wide--3 .g-wide--2_10 {
        float: left;
        margin-right: 1.613%;
        width: 14.8384%;
        margin-right: 6.452%; }
    .g-wide--3 .g-wide--3_10 {
        float: left;
        margin-right: 1.613%;
        width: 25.4836%;
        margin-right: 6.452%; }
    .g-wide--3 .g-wide--4_10 {
        float: left;
        margin-right: 1.613%;
        width: 36.1288%;
        margin-right: 6.452%; }
    .g-wide--3 .g-wide--5_10 {
        float: left;
        margin-right: 1.613%;
        width: 46.774%;
        margin-right: 6.452%; }
    .g-wide--3 .g-wide--5_10 .g-wide--2_5 {
        float: left;
        margin-right: 1.613%;
        width: 32.2576%;
        margin-right: 12.904%; }
    .g-wide--3 .g-wide--5_10 .g-wide--3_5 {
        float: left;
        margin-right: 1.613%;
        width: 54.8384%;
        margin-right: 12.904%; }
    .g-wide--3 .g-wide--5_10 .g-wide--last {
        margin-right: 0; }
    .g-wide--3 .g-wide--7_10 {
        float: left;
        margin-right: 1.613%;
        width: 68.0644%;
        margin-right: 6.452%; }
    .g-wide--3 .g-wide--2_8 {
        float: left;
        margin-right: 1.613%;
        width: 20.161%;
        margin-right: 6.452%; }
    .g-wide--3 .g-wide--3_8 {
        float: left;
        margin-right: 1.613%;
        width: 33.4675%;
        margin-right: 6.452%; }
    .g-wide--3 .g-wide--5_8 {
        float: left;
        margin-right: 1.613%;
        width: 60.0805%;
        margin-right: 6.452%; }
    .g-wide--3 .g-wide--5_8 .g-wide--2_5 {
        float: left;
        margin-right: 1.613%;
        width: 33.80608%;
        margin-right: 10.3232%; }
    .g-wide--3 .g-wide--5_8 .g-wide--3_5 {
        float: left;
        margin-right: 1.613%;
        width: 55.87072%;
        margin-right: 10.3232%; }
    .g-wide--3 .g-wide--5_8 .g-wide--last {
        margin-right: 0; }
    .g-wide--3 .g-wide--6_8 {
        float: left;
        margin-right: 1.613%;
        width: 73.387%;
        margin-right: 6.452%; }
    .g-wide--3 .g--half,
    .g-wide--3 .g-wide--half {
        float: left;
        margin-right: 1.613%;
        width: 46.774%;
        margin-right: 6.452%; }
    .g-wide--3 .g--pull-half {
        margin-right: 53.226%; }
    .g-wide--3 .g-wide--last {
        margin-right: 0; }
    .g-wide--push-3 {
        margin-left: 25.40325%; }
    .g-wide--pull-3 {
        margin-right: 25.40325%; }
    .g-wide--4 {
        float: left;
        margin-right: 1.613%;
        width: 32.258%; }
    .g-wide--4 .g-wide--1 {
        width: 3.8975833333%;
        margin-right: 4.839%; }
    .g-wide--4 .g-wide--2 {
        width: 12.6341666667%;
        margin-right: 4.839%; }
    .g-wide--4 .g-wide--3 {
        width: 21.37075%;
        margin-right: 4.839%; }
    .g-wide--4 .g-wide--4 {
        width: 30.1073333333%;
        margin-right: 4.839%; }
    .g-wide--4 .g-wide--5 {
        width: 38.8439166667%;
        margin-right: 4.839%; }
    .g-wide--4 .g-wide--6 {
        width: 47.5805%;
        margin-right: 4.839%; }
    .g-wide--4 .g-wide--7 {
        width: 56.3170833333%;
        margin-right: 4.839%; }
    .g-wide--4 .g-wide--8 {
        width: 65.0536666667%;
        margin-right: 4.839%; }
    .g-wide--4 .g-wide--9 {
        width: 73.79025%;
        margin-right: 4.839%; }
    .g-wide--4 .g-wide--10 {
        width: 82.5268333333%;
        margin-right: 4.839%; }
    .g-wide--4 .g-wide--11 {
        width: 91.2634166667%;
        margin-right: 4.839%; }
    .g-wide--4 .g-wide--12 {
        width: 100%;
        margin-right: 0; }
    .g-wide--4 .g--third {
        float: left;
        margin-right: 1.613%;
        width: 30.1073333333%;
        margin-right: 4.839%; }
    .g-wide--4 .g--twothirds {
        float: left;
        margin-right: 1.613%;
        width: 65.0536666667%;
        margin-right: 4.839%; }
    .g-wide--4 .g-wide--2_9 {
        float: left;
        margin-right: 1.613%;
        width: 18.4585555556%;
        margin-right: 4.839%; }
    .g-wide--4 .g-wide--3_9 {
        float: left;
        margin-right: 1.613%;
        width: 30.1073333333%;
        margin-right: 4.839%; }
    .g-wide--4 .g-wide--6_9 {
        float: left;
        margin-right: 1.613%;
        width: 65.0536666667%;
        margin-right: 4.839%; }
    .g-wide--4 .g-wide--7_9 {
        float: left;
        margin-right: 1.613%;
        width: 76.7024444444%;
        margin-right: 4.839%; }
    .g-wide--4 .g-wide--2_10 {
        float: left;
        margin-right: 1.613%;
        width: 16.1288%;
        margin-right: 4.839%; }
    .g-wide--4 .g-wide--3_10 {
        float: left;
        margin-right: 1.613%;
        width: 26.6127%;
        margin-right: 4.839%; }
    .g-wide--4 .g-wide--4_10 {
        float: left;
        margin-right: 1.613%;
        width: 37.0966%;
        margin-right: 4.839%; }
    .g-wide--4 .g-wide--5_10 {
        float: left;
        margin-right: 1.613%;
        width: 47.5805%;
        margin-right: 4.839%; }
    .g-wide--4 .g-wide--5_10 .g-wide--2_5 {
        float: left;
        margin-right: 1.613%;
        width: 34.1932%;
        margin-right: 9.678%; }
    .g-wide--4 .g-wide--5_10 .g-wide--3_5 {
        float: left;
        margin-right: 1.613%;
        width: 56.1288%;
        margin-right: 9.678%; }
    .g-wide--4 .g-wide--5_10 .g-wide--last {
        margin-right: 0; }
    .g-wide--4 .g-wide--7_10 {
        float: left;
        margin-right: 1.613%;
        width: 68.5483%;
        margin-right: 4.839%; }
    .g-wide--4 .g-wide--2_8 {
        float: left;
        margin-right: 1.613%;
        width: 21.37075%;
        margin-right: 4.839%; }
    .g-wide--4 .g-wide--3_8 {
        float: left;
        margin-right: 1.613%;
        width: 34.475625%;
        margin-right: 4.839%; }
    .g-wide--4 .g-wide--5_8 {
        float: left;
        margin-right: 1.613%;
        width: 60.685375%;
        margin-right: 4.839%; }
    .g-wide--4 .g-wide--5_8 .g-wide--2_5 {
        float: left;
        margin-right: 1.613%;
        width: 35.35456%;
        margin-right: 7.7424%; }
    .g-wide--4 .g-wide--5_8 .g-wide--3_5 {
        float: left;
        margin-right: 1.613%;
        width: 56.90304%;
        margin-right: 7.7424%; }
    .g-wide--4 .g-wide--5_8 .g-wide--last {
        margin-right: 0; }
    .g-wide--4 .g-wide--6_8 {
        float: left;
        margin-right: 1.613%;
        width: 73.79025%;
        margin-right: 4.839%; }
    .g-wide--4 .g--half,
    .g-wide--4 .g-wide--half {
        float: left;
        margin-right: 1.613%;
        width: 47.5805%;
        margin-right: 4.839%; }
    .g-wide--4 .g--pull-half {
        margin-right: 52.4195%; }
    .g-wide--4 .g-wide--last {
        margin-right: 0; }
    .g-wide--push-4 {
        margin-left: 33.871%; }
    .g-wide--pull-4 {
        margin-right: 33.871%; }
    .g-wide--5 {
        float: left;
        margin-right: 1.613%;
        width: 40.72575%; }
    .g-wide--5 .g-wide--1 {
        width: 4.7847333333%;
        margin-right: 3.8712%; }
    .g-wide--5 .g-wide--2 {
        width: 13.4406666667%;
        margin-right: 3.8712%; }
    .g-wide--5 .g-wide--3 {
        width: 22.0966%;
        margin-right: 3.8712%; }
    .g-wide--5 .g-wide--4 {
        width: 30.7525333333%;
        margin-right: 3.8712%; }
    .g-wide--5 .g-wide--5 {
        width: 39.4084666667%;
        margin-right: 3.8712%; }
    .g-wide--5 .g-wide--6 {
        width: 48.0644%;
        margin-right: 3.8712%; }
    .g-wide--5 .g-wide--7 {
        width: 56.7203333333%;
        margin-right: 3.8712%; }
    .g-wide--5 .g-wide--8 {
        width: 65.3762666667%;
        margin-right: 3.8712%; }
    .g-wide--5 .g-wide--9 {
        width: 74.0322%;
        margin-right: 3.8712%; }
    .g-wide--5 .g-wide--10 {
        width: 82.6881333333%;
        margin-right: 3.8712%; }
    .g-wide--5 .g-wide--11 {
        width: 91.3440666667%;
        margin-right: 3.8712%; }
    .g-wide--5 .g-wide--12 {
        width: 100%;
        margin-right: 0; }
    .g-wide--5 .g--third {
        float: left;
        margin-right: 1.613%;
        width: 30.7525333333%;
        margin-right: 3.8712%; }
    .g-wide--5 .g--twothirds {
        float: left;
        margin-right: 1.613%;
        width: 65.3762666667%;
        margin-right: 3.8712%; }
    .g-wide--5 .g-wide--2_9 {
        float: left;
        margin-right: 1.613%;
        width: 19.2112888889%;
        margin-right: 3.8712%; }
    .g-wide--5 .g-wide--3_9 {
        float: left;
        margin-right: 1.613%;
        width: 30.7525333333%;
        margin-right: 3.8712%; }
    .g-wide--5 .g-wide--6_9 {
        float: left;
        margin-right: 1.613%;
        width: 65.3762666667%;
        margin-right: 3.8712%; }
    .g-wide--5 .g-wide--7_9 {
        float: left;
        margin-right: 1.613%;
        width: 76.9175111111%;
        margin-right: 3.8712%; }
    .g-wide--5 .g-wide--2_10 {
        float: left;
        margin-right: 1.613%;
        width: 16.90304%;
        margin-right: 3.8712%; }
    .g-wide--5 .g-wide--3_10 {
        float: left;
        margin-right: 1.613%;
        width: 27.29016%;
        margin-right: 3.8712%; }
    .g-wide--5 .g-wide--4_10 {
        float: left;
        margin-right: 1.613%;
        width: 37.67728%;
        margin-right: 3.8712%; }
    .g-wide--5 .g-wide--5_10 {
        float: left;
        margin-right: 1.613%;
        width: 48.0644%;
        margin-right: 3.8712%; }
    .g-wide--5 .g-wide--5_10 .g-wide--2_5 {
        float: left;
        margin-right: 1.613%;
        width: 35.35456%;
        margin-right: 7.7424%; }
    .g-wide--5 .g-wide--5_10 .g-wide--3_5 {
        float: left;
        margin-right: 1.613%;
        width: 56.90304%;
        margin-right: 7.7424%; }
    .g-wide--5 .g-wide--5_10 .g-wide--last {
        margin-right: 0; }
    .g-wide--5 .g-wide--7_10 {
        float: left;
        margin-right: 1.613%;
        width: 68.83864%;
        margin-right: 3.8712%; }
    .g-wide--5 .g-wide--2_8 {
        float: left;
        margin-right: 1.613%;
        width: 22.0966%;
        margin-right: 3.8712%; }
    .g-wide--5 .g-wide--3_8 {
        float: left;
        margin-right: 1.613%;
        width: 35.0805%;
        margin-right: 3.8712%; }
    .g-wide--5 .g-wide--5_8 {
        float: left;
        margin-right: 1.613%;
        width: 61.0483%;
        margin-right: 3.8712%; }
    .g-wide--5 .g-wide--5_8 .g-wide--2_5 {
        float: left;
        margin-right: 1.613%;
        width: 36.283648%;
        margin-right: 6.19392%; }
    .g-wide--5 .g-wide--5_8 .g-wide--3_5 {
        float: left;
        margin-right: 1.613%;
        width: 57.522432%;
        margin-right: 6.19392%; }
    .g-wide--5 .g-wide--5_8 .g-wide--last {
        margin-right: 0; }
    .g-wide--5 .g-wide--6_8 {
        float: left;
        margin-right: 1.613%;
        width: 74.0322%;
        margin-right: 3.8712%; }
    .g-wide--5 .g--half,
    .g-wide--5 .g-wide--half {
        float: left;
        margin-right: 1.613%;
        width: 48.0644%;
        margin-right: 3.8712%; }
    .g-wide--5 .g--pull-half {
        margin-right: 51.9356%; }
    .g-wide--5 .g-wide--last {
        margin-right: 0; }
    .g-wide--push-5 {
        margin-left: 42.33875%; }
    .g-wide--pull-5 {
        margin-right: 42.33875%; }
    .g-wide--6 {
        float: left;
        margin-right: 1.613%;
        width: 49.1935%; }
    .g-wide--6 .g-wide--1 {
        width: 5.3761666667%;
        margin-right: 3.226%; }
    .g-wide--6 .g-wide--2 {
        width: 13.9783333333%;
        margin-right: 3.226%; }
    .g-wide--6 .g-wide--3 {
        width: 22.5805%;
        margin-right: 3.226%; }
    .g-wide--6 .g-wide--4 {
        width: 31.1826666667%;
        margin-right: 3.226%; }
    .g-wide--6 .g-wide--5 {
        width: 39.7848333333%;
        margin-right: 3.226%; }
    .g-wide--6 .g-wide--6 {
        width: 48.387%;
        margin-right: 3.226%; }
    .g-wide--6 .g-wide--7 {
        width: 56.9891666667%;
        margin-right: 3.226%; }
    .g-wide--6 .g-wide--8 {
        width: 65.5913333333%;
        margin-right: 3.226%; }
    .g-wide--6 .g-wide--9 {
        width: 74.1935%;
        margin-right: 3.226%; }
    .g-wide--6 .g-wide--10 {
        width: 82.7956666667%;
        margin-right: 3.226%; }
    .g-wide--6 .g-wide--11 {
        width: 91.3978333333%;
        margin-right: 3.226%; }
    .g-wide--6 .g-wide--12 {
        width: 100%;
        margin-right: 0; }
    .g-wide--6 .g--third {
        float: left;
        margin-right: 1.613%;
        width: 31.1826666667%;
        margin-right: 3.226%; }
    .g-wide--6 .g--twothirds {
        float: left;
        margin-right: 1.613%;
        width: 65.5913333333%;
        margin-right: 3.226%; }
    .g-wide--6 .g-wide--2_9 {
        float: left;
        margin-right: 1.613%;
        width: 19.7131111111%;
        margin-right: 3.226%; }
    .g-wide--6 .g-wide--3_9 {
        float: left;
        margin-right: 1.613%;
        width: 31.1826666667%;
        margin-right: 3.226%; }
    .g-wide--6 .g-wide--6_9 {
        float: left;
        margin-right: 1.613%;
        width: 65.5913333333%;
        margin-right: 3.226%; }
    .g-wide--6 .g-wide--7_9 {
        float: left;
        margin-right: 1.613%;
        width: 77.0608888889%;
        margin-right: 3.226%; }
    .g-wide--6 .g-wide--2_10 {
        float: left;
        margin-right: 1.613%;
        width: 17.4192%;
        margin-right: 3.226%; }
    .g-wide--6 .g-wide--3_10 {
        float: left;
        margin-right: 1.613%;
        width: 27.7418%;
        margin-right: 3.226%; }
    .g-wide--6 .g-wide--4_10 {
        float: left;
        margin-right: 1.613%;
        width: 38.0644%;
        margin-right: 3.226%; }
    .g-wide--6 .g-wide--5_10 {
        float: left;
        margin-right: 1.613%;
        width: 48.387%;
        margin-right: 3.226%; }
    .g-wide--6 .g-wide--5_10 .g-wide--2_5 {
        float: left;
        margin-right: 1.613%;
        width: 36.1288%;
        margin-right: 6.452%; }
    .g-wide--6 .g-wide--5_10 .g-wide--3_5 {
        float: left;
        margin-right: 1.613%;
        width: 57.4192%;
        margin-right: 6.452%; }
    .g-wide--6 .g-wide--5_10 .g-wide--last {
        margin-right: 0; }
    .g-wide--6 .g-wide--7_10 {
        float: left;
        margin-right: 1.613%;
        width: 69.0322%;
        margin-right: 3.226%; }
    .g-wide--6 .g-wide--2_8 {
        float: left;
        margin-right: 1.613%;
        width: 22.5805%;
        margin-right: 3.226%; }
    .g-wide--6 .g-wide--3_8 {
        float: left;
        margin-right: 1.613%;
        width: 35.48375%;
        margin-right: 3.226%; }
    .g-wide--6 .g-wide--5_8 {
        float: left;
        margin-right: 1.613%;
        width: 61.29025%;
        margin-right: 3.226%; }
    .g-wide--6 .g-wide--5_8 .g-wide--2_5 {
        float: left;
        margin-right: 1.613%;
        width: 36.90304%;
        margin-right: 5.1616%; }
    .g-wide--6 .g-wide--5_8 .g-wide--3_5 {
        float: left;
        margin-right: 1.613%;
        width: 57.93536%;
        margin-right: 5.1616%; }
    .g-wide--6 .g-wide--5_8 .g-wide--last {
        margin-right: 0; }
    .g-wide--6 .g-wide--6_8 {
        float: left;
        margin-right: 1.613%;
        width: 74.1935%;
        margin-right: 3.226%; }
    .g-wide--6 .g--half,
    .g-wide--6 .g-wide--half {
        float: left;
        margin-right: 1.613%;
        width: 48.387%;
        margin-right: 3.226%; }
    .g-wide--6 .g--pull-half {
        margin-right: 51.613%; }
    .g-wide--6 .g-wide--last {
        margin-right: 0; }
    .g-wide--push-6 {
        margin-left: 50.8065%; }
    .g-wide--pull-6 {
        margin-right: 50.8065%; }
    .g-wide--7 {
        float: left;
        margin-right: 1.613%;
        width: 57.66125%; }
    .g-wide--7 .g-wide--1 {
        width: 5.7986190476%;
        margin-right: 2.7651428571%; }
    .g-wide--7 .g-wide--2 {
        width: 14.3623809524%;
        margin-right: 2.7651428571%; }
    .g-wide--7 .g-wide--3 {
        width: 22.9261428571%;
        margin-right: 2.7651428571%; }
    .g-wide--7 .g-wide--4 {
        width: 31.4899047619%;
        margin-right: 2.7651428571%; }
    .g-wide--7 .g-wide--5 {
        width: 40.0536666667%;
        margin-right: 2.7651428571%; }
    .g-wide--7 .g-wide--6 {
        width: 48.6174285714%;
        margin-right: 2.7651428571%; }
    .g-wide--7 .g-wide--7 {
        width: 57.1811904762%;
        margin-right: 2.7651428571%; }
    .g-wide--7 .g-wide--8 {
        width: 65.744952381%;
        margin-right: 2.7651428571%; }
    .g-wide--7 .g-wide--9 {
        width: 74.3087142857%;
        margin-right: 2.7651428571%; }
    .g-wide--7 .g-wide--10 {
        width: 82.8724761905%;
        margin-right: 2.7651428571%; }
    .g-wide--7 .g-wide--11 {
        width: 91.4362380952%;
        margin-right: 2.7651428571%; }
    .g-wide--7 .g-wide--12 {
        width: 100%;
        margin-right: 0; }
    .g-wide--7 .g--third {
        float: left;
        margin-right: 1.613%;
        width: 31.4899047619%;
        margin-right: 2.7651428571%; }
    .g-wide--7 .g--twothirds {
        float: left;
        margin-right: 1.613%;
        width: 65.744952381%;
        margin-right: 2.7651428571%; }
    .g-wide--7 .g-wide--2_9 {
        float: left;
        margin-right: 1.613%;
        width: 20.0715555556%;
        margin-right: 2.7651428571%; }
    .g-wide--7 .g-wide--3_9 {
        float: left;
        margin-right: 1.613%;
        width: 31.4899047619%;
        margin-right: 2.7651428571%; }
    .g-wide--7 .g-wide--6_9 {
        float: left;
        margin-right: 1.613%;
        width: 65.744952381%;
        margin-right: 2.7651428571%; }
    .g-wide--7 .g-wide--7_9 {
        float: left;
        margin-right: 1.613%;
        width: 77.1633015873%;
        margin-right: 2.7651428571%; }
    .g-wide--7 .g-wide--2_10 {
        float: left;
        margin-right: 1.613%;
        width: 17.7878857143%;
        margin-right: 2.7651428571%; }
    .g-wide--7 .g-wide--3_10 {
        float: left;
        margin-right: 1.613%;
        width: 28.0644%;
        margin-right: 2.7651428571%; }
    .g-wide--7 .g-wide--4_10 {
        float: left;
        margin-right: 1.613%;
        width: 38.3409142857%;
        margin-right: 2.7651428571%; }
    .g-wide--7 .g-wide--5_10 {
        float: left;
        margin-right: 1.613%;
        width: 48.6174285714%;
        margin-right: 2.7651428571%; }
    .g-wide--7 .g-wide--5_10 .g-wide--2_5 {
        float: left;
        margin-right: 1.613%;
        width: 36.6818285714%;
        margin-right: 5.5302857143%; }
    .g-wide--7 .g-wide--5_10 .g-wide--3_5 {
        float: left;
        margin-right: 1.613%;
        width: 57.7878857143%;
        margin-right: 5.5302857143%; }
    .g-wide--7 .g-wide--5_10 .g-wide--last {
        margin-right: 0; }
    .g-wide--7 .g-wide--7_10 {
        float: left;
        margin-right: 1.613%;
        width: 69.1704571429%;
        margin-right: 2.7651428571%; }
    .g-wide--7 .g-wide--2_8 {
        float: left;
        margin-right: 1.613%;
        width: 22.9261428571%;
        margin-right: 2.7651428571%; }
    .g-wide--7 .g-wide--3_8 {
        float: left;
        margin-right: 1.613%;
        width: 35.7717857143%;
        margin-right: 2.7651428571%; }
    .g-wide--7 .g-wide--5_8 {
        float: left;
        margin-right: 1.613%;
        width: 61.4630714286%;
        margin-right: 2.7651428571%; }
    .g-wide--7 .g-wide--5_8 .g-wide--2_5 {
        float: left;
        margin-right: 1.613%;
        width: 37.3454628571%;
        margin-right: 4.4242285714%; }
    .g-wide--7 .g-wide--5_8 .g-wide--3_5 {
        float: left;
        margin-right: 1.613%;
        width: 58.2303085714%;
        margin-right: 4.4242285714%; }
    .g-wide--7 .g-wide--5_8 .g-wide--last {
        margin-right: 0; }
    .g-wide--7 .g-wide--6_8 {
        float: left;
        margin-right: 1.613%;
        width: 74.3087142857%;
        margin-right: 2.7651428571%; }
    .g-wide--7 .g--half,
    .g-wide--7 .g-wide--half {
        float: left;
        margin-right: 1.613%;
        width: 48.6174285714%;
        margin-right: 2.7651428571%; }
    .g-wide--7 .g--pull-half {
        margin-right: 51.3825714286%; }
    .g-wide--7 .g-wide--last {
        margin-right: 0; }
    .g-wide--push-7 {
        margin-left: 59.27425%; }
    .g-wide--pull-7 {
        margin-right: 59.27425%; }
    .g-wide--8 {
        float: left;
        margin-right: 1.613%;
        width: 66.129%; }
    .g-wide--8 .g-wide--1 {
        width: 6.1154583333%;
        margin-right: 2.4195%; }
    .g-wide--8 .g-wide--2 {
        width: 14.6504166667%;
        margin-right: 2.4195%; }
    .g-wide--8 .g-wide--3 {
        width: 23.185375%;
        margin-right: 2.4195%; }
    .g-wide--8 .g-wide--4 {
        width: 31.7203333333%;
        margin-right: 2.4195%; }
    .g-wide--8 .g-wide--5 {
        width: 40.2552916667%;
        margin-right: 2.4195%; }
    .g-wide--8 .g-wide--6 {
        width: 48.79025%;
        margin-right: 2.4195%; }
    .g-wide--8 .g-wide--7 {
        width: 57.3252083333%;
        margin-right: 2.4195%; }
    .g-wide--8 .g-wide--8 {
        width: 65.8601666667%;
        margin-right: 2.4195%; }
    .g-wide--8 .g-wide--9 {
        width: 74.395125%;
        margin-right: 2.4195%; }
    .g-wide--8 .g-wide--10 {
        width: 82.9300833333%;
        margin-right: 2.4195%; }
    .g-wide--8 .g-wide--11 {
        width: 91.4650416667%;
        margin-right: 2.4195%; }
    .g-wide--8 .g-wide--12 {
        width: 100%;
        margin-right: 0; }
    .g-wide--8 .g--third {
        float: left;
        margin-right: 1.613%;
        width: 31.7203333333%;
        margin-right: 2.4195%; }
    .g-wide--8 .g--twothirds {
        float: left;
        margin-right: 1.613%;
        width: 65.8601666667%;
        margin-right: 2.4195%; }
    .g-wide--8 .g-wide--2_9 {
        float: left;
        margin-right: 1.613%;
        width: 20.3403888889%;
        margin-right: 2.4195%; }
    .g-wide--8 .g-wide--3_9 {
        float: left;
        margin-right: 1.613%;
        width: 31.7203333333%;
        margin-right: 2.4195%; }
    .g-wide--8 .g-wide--6_9 {
        float: left;
        margin-right: 1.613%;
        width: 65.8601666667%;
        margin-right: 2.4195%; }
    .g-wide--8 .g-wide--7_9 {
        float: left;
        margin-right: 1.613%;
        width: 77.2401111111%;
        margin-right: 2.4195%; }
    .g-wide--8 .g-wide--2_10 {
        float: left;
        margin-right: 1.613%;
        width: 18.0644%;
        margin-right: 2.4195%; }
    .g-wide--8 .g-wide--3_10 {
        float: left;
        margin-right: 1.613%;
        width: 28.30635%;
        margin-right: 2.4195%; }
    .g-wide--8 .g-wide--4_10 {
        float: left;
        margin-right: 1.613%;
        width: 38.5483%;
        margin-right: 2.4195%; }
    .g-wide--8 .g-wide--5_10 {
        float: left;
        margin-right: 1.613%;
        width: 48.79025%;
        margin-right: 2.4195%; }
    .g-wide--8 .g-wide--5_10 .g-wide--2_5 {
        float: left;
        margin-right: 1.613%;
        width: 37.0966%;
        margin-right: 4.839%; }
    .g-wide--8 .g-wide--5_10 .g-wide--3_5 {
        float: left;
        margin-right: 1.613%;
        width: 58.0644%;
        margin-right: 4.839%; }
    .g-wide--8 .g-wide--5_10 .g-wide--last {
        margin-right: 0; }
    .g-wide--8 .g-wide--7_10 {
        float: left;
        margin-right: 1.613%;
        width: 69.27415%;
        margin-right: 2.4195%; }
    .g-wide--8 .g-wide--2_8 {
        float: left;
        margin-right: 1.613%;
        width: 23.185375%;
        margin-right: 2.4195%; }
    .g-wide--8 .g-wide--3_8 {
        float: left;
        margin-right: 1.613%;
        width: 35.9878125%;
        margin-right: 2.4195%; }
    .g-wide--8 .g-wide--5_8 {
        float: left;
        margin-right: 1.613%;
        width: 61.5926875%;
        margin-right: 2.4195%; }
    .g-wide--8 .g-wide--5_8 .g-wide--2_5 {
        float: left;
        margin-right: 1.613%;
        width: 37.67728%;
        margin-right: 3.8712%; }
    .g-wide--8 .g-wide--5_8 .g-wide--3_5 {
        float: left;
        margin-right: 1.613%;
        width: 58.45152%;
        margin-right: 3.8712%; }
    .g-wide--8 .g-wide--5_8 .g-wide--last {
        margin-right: 0; }
    .g-wide--8 .g-wide--6_8 {
        float: left;
        margin-right: 1.613%;
        width: 74.395125%;
        margin-right: 2.4195%; }
    .g-wide--8 .g--half,
    .g-wide--8 .g-wide--half {
        float: left;
        margin-right: 1.613%;
        width: 48.79025%;
        margin-right: 2.4195%; }
    .g-wide--8 .g--pull-half {
        margin-right: 51.20975%; }
    .g-wide--8 .g-wide--last {
        margin-right: 0; }
    .g-wide--push-8 {
        margin-left: 67.742%; }
    .g-wide--pull-8 {
        margin-right: 67.742%; }
    .g-wide--9 {
        float: left;
        margin-right: 1.613%;
        width: 74.59675%; }
    .g-wide--9 .g-wide--1 {
        width: 6.3618888889%;
        margin-right: 2.1506666667%; }
    .g-wide--9 .g-wide--2 {
        width: 14.8744444444%;
        margin-right: 2.1506666667%; }
    .g-wide--9 .g-wide--3 {
        width: 23.387%;
        margin-right: 2.1506666667%; }
    .g-wide--9 .g-wide--4 {
        width: 31.8995555556%;
        margin-right: 2.1506666667%; }
    .g-wide--9 .g-wide--5 {
        width: 40.4121111111%;
        margin-right: 2.1506666667%; }
    .g-wide--9 .g-wide--6 {
        width: 48.9246666667%;
        margin-right: 2.1506666667%; }
    .g-wide--9 .g-wide--7 {
        width: 57.4372222222%;
        margin-right: 2.1506666667%; }
    .g-wide--9 .g-wide--8 {
        width: 65.9497777778%;
        margin-right: 2.1506666667%; }
    .g-wide--9 .g-wide--9 {
        width: 74.4623333333%;
        margin-right: 2.1506666667%; }
    .g-wide--9 .g-wide--10 {
        width: 82.9748888889%;
        margin-right: 2.1506666667%; }
    .g-wide--9 .g-wide--11 {
        width: 91.4874444444%;
        margin-right: 2.1506666667%; }
    .g-wide--9 .g-wide--12 {
        width: 100%;
        margin-right: 0; }
    .g-wide--9 .g--third {
        float: left;
        margin-right: 1.613%;
        width: 31.8995555556%;
        margin-right: 2.1506666667%; }
    .g-wide--9 .g--twothirds {
        float: left;
        margin-right: 1.613%;
        width: 65.9497777778%;
        margin-right: 2.1506666667%; }
    .g-wide--9 .g-wide--2_9 {
        float: left;
        margin-right: 1.613%;
        width: 20.5494814815%;
        margin-right: 2.1506666667%; }
    .g-wide--9 .g-wide--3_9 {
        float: left;
        margin-right: 1.613%;
        width: 31.8995555556%;
        margin-right: 2.1506666667%; }
    .g-wide--9 .g-wide--6_9 {
        float: left;
        margin-right: 1.613%;
        width: 65.9497777778%;
        margin-right: 2.1506666667%; }
    .g-wide--9 .g-wide--7_9 {
        float: left;
        margin-right: 1.613%;
        width: 77.2998518519%;
        margin-right: 2.1506666667%; }
    .g-wide--9 .g-wide--2_10 {
        float: left;
        margin-right: 1.613%;
        width: 18.2794666667%;
        margin-right: 2.1506666667%; }
    .g-wide--9 .g-wide--3_10 {
        float: left;
        margin-right: 1.613%;
        width: 28.4945333333%;
        margin-right: 2.1506666667%; }
    .g-wide--9 .g-wide--4_10 {
        float: left;
        margin-right: 1.613%;
        width: 38.7096%;
        margin-right: 2.1506666667%; }
    .g-wide--9 .g-wide--5_10 {
        float: left;
        margin-right: 1.613%;
        width: 48.9246666667%;
        margin-right: 2.1506666667%; }
    .g-wide--9 .g-wide--5_10 .g-wide--2_5 {
        float: left;
        margin-right: 1.613%;
        width: 37.4192%;
        margin-right: 4.3013333333%; }
    .g-wide--9 .g-wide--5_10 .g-wide--3_5 {
        float: left;
        margin-right: 1.613%;
        width: 58.2794666667%;
        margin-right: 4.3013333333%; }
    .g-wide--9 .g-wide--5_10 .g-wide--last {
        margin-right: 0; }
    .g-wide--9 .g-wide--7_10 {
        float: left;
        margin-right: 1.613%;
        width: 69.3548%;
        margin-right: 2.1506666667%; }
    .g-wide--9 .g-wide--2_8 {
        float: left;
        margin-right: 1.613%;
        width: 23.387%;
        margin-right: 2.1506666667%; }
    .g-wide--9 .g-wide--3_8 {
        float: left;
        margin-right: 1.613%;
        width: 36.1558333333%;
        margin-right: 2.1506666667%; }
    .g-wide--9 .g-wide--5_8 {
        float: left;
        margin-right: 1.613%;
        width: 61.6935%;
        margin-right: 2.1506666667%; }
    .g-wide--9 .g-wide--5_8 .g-wide--2_5 {
        float: left;
        margin-right: 1.613%;
        width: 37.93536%;
        margin-right: 3.4410666667%; }
    .g-wide--9 .g-wide--5_8 .g-wide--3_5 {
        float: left;
        margin-right: 1.613%;
        width: 58.6235733333%;
        margin-right: 3.4410666667%; }
    .g-wide--9 .g-wide--5_8 .g-wide--last {
        margin-right: 0; }
    .g-wide--9 .g-wide--6_8 {
        float: left;
        margin-right: 1.613%;
        width: 74.4623333333%;
        margin-right: 2.1506666667%; }
    .g-wide--9 .g--half,
    .g-wide--9 .g-wide--half {
        float: left;
        margin-right: 1.613%;
        width: 48.9246666667%;
        margin-right: 2.1506666667%; }
    .g-wide--9 .g--pull-half {
        margin-right: 51.0753333333%; }
    .g-wide--9 .g-wide--last {
        margin-right: 0; }
    .g-wide--push-9 {
        margin-left: 76.20975%; }
    .g-wide--pull-9 {
        margin-right: 76.20975%; }
    .g-wide--10 {
        float: left;
        margin-right: 1.613%;
        width: 83.0645%; }
    .g-wide--10 .g-wide--1 {
        width: 6.5590333333%;
        margin-right: 1.9356%; }
    .g-wide--10 .g-wide--2 {
        width: 15.0536666667%;
        margin-right: 1.9356%; }
    .g-wide--10 .g-wide--3 {
        width: 23.5483%;
        margin-right: 1.9356%; }
    .g-wide--10 .g-wide--4 {
        width: 32.0429333333%;
        margin-right: 1.9356%; }
    .g-wide--10 .g-wide--5 {
        width: 40.5375666667%;
        margin-right: 1.9356%; }
    .g-wide--10 .g-wide--6 {
        width: 49.0322%;
        margin-right: 1.9356%; }
    .g-wide--10 .g-wide--7 {
        width: 57.5268333333%;
        margin-right: 1.9356%; }
    .g-wide--10 .g-wide--8 {
        width: 66.0214666667%;
        margin-right: 1.9356%; }
    .g-wide--10 .g-wide--9 {
        width: 74.5161%;
        margin-right: 1.9356%; }
    .g-wide--10 .g-wide--10 {
        width: 83.0107333333%;
        margin-right: 1.9356%; }
    .g-wide--10 .g-wide--11 {
        width: 91.5053666667%;
        margin-right: 1.9356%; }
    .g-wide--10 .g-wide--12 {
        width: 100%;
        margin-right: 0; }
    .g-wide--10 .g--third {
        float: left;
        margin-right: 1.613%;
        width: 32.0429333333%;
        margin-right: 1.9356%; }
    .g-wide--10 .g--twothirds {
        float: left;
        margin-right: 1.613%;
        width: 66.0214666667%;
        margin-right: 1.9356%; }
    .g-wide--10 .g-wide--2_9 {
        float: left;
        margin-right: 1.613%;
        width: 20.7167555556%;
        margin-right: 1.9356%; }
    .g-wide--10 .g-wide--3_9 {
        float: left;
        margin-right: 1.613%;
        width: 32.0429333333%;
        margin-right: 1.9356%; }
    .g-wide--10 .g-wide--6_9 {
        float: left;
        margin-right: 1.613%;
        width: 66.0214666667%;
        margin-right: 1.9356%; }
    .g-wide--10 .g-wide--7_9 {
        float: left;
        margin-right: 1.613%;
        width: 77.3476444444%;
        margin-right: 1.9356%; }
    .g-wide--10 .g-wide--2_10 {
        float: left;
        margin-right: 1.613%;
        width: 18.45152%;
        margin-right: 1.9356%; }
    .g-wide--10 .g-wide--3_10 {
        float: left;
        margin-right: 1.613%;
        width: 28.64508%;
        margin-right: 1.9356%; }
    .g-wide--10 .g-wide--4_10 {
        float: left;
        margin-right: 1.613%;
        width: 38.83864%;
        margin-right: 1.9356%; }
    .g-wide--10 .g-wide--5_10 {
        float: left;
        margin-right: 1.613%;
        width: 49.0322%;
        margin-right: 1.9356%; }
    .g-wide--10 .g-wide--5_10 .g-wide--2_5 {
        float: left;
        margin-right: 1.613%;
        width: 37.67728%;
        margin-right: 3.8712%; }
    .g-wide--10 .g-wide--5_10 .g-wide--3_5 {
        float: left;
        margin-right: 1.613%;
        width: 58.45152%;
        margin-right: 3.8712%; }
    .g-wide--10 .g-wide--5_10 .g-wide--last {
        margin-right: 0; }
    .g-wide--10 .g-wide--7_10 {
        float: left;
        margin-right: 1.613%;
        width: 69.41932%;
        margin-right: 1.9356%; }
    .g-wide--10 .g-wide--2_8 {
        float: left;
        margin-right: 1.613%;
        width: 23.5483%;
        margin-right: 1.9356%; }
    .g-wide--10 .g-wide--3_8 {
        float: left;
        margin-right: 1.613%;
        width: 36.29025%;
        margin-right: 1.9356%; }
    .g-wide--10 .g-wide--5_8 {
        float: left;
        margin-right: 1.613%;
        width: 61.77415%;
        margin-right: 1.9356%; }
    .g-wide--10 .g-wide--5_8 .g-wide--2_5 {
        float: left;
        margin-right: 1.613%;
        width: 38.141824%;
        margin-right: 3.09696%; }
    .g-wide--10 .g-wide--5_8 .g-wide--3_5 {
        float: left;
        margin-right: 1.613%;
        width: 58.761216%;
        margin-right: 3.09696%; }
    .g-wide--10 .g-wide--5_8 .g-wide--last {
        margin-right: 0; }
    .g-wide--10 .g-wide--6_8 {
        float: left;
        margin-right: 1.613%;
        width: 74.5161%;
        margin-right: 1.9356%; }
    .g-wide--10 .g--half,
    .g-wide--10 .g-wide--half {
        float: left;
        margin-right: 1.613%;
        width: 49.0322%;
        margin-right: 1.9356%; }
    .g-wide--10 .g--pull-half {
        margin-right: 50.9678%; }
    .g-wide--10 .g-wide--last {
        margin-right: 0; }
    .g-wide--push-10 {
        margin-left: 84.6775%; }
    .g-wide--pull-10 {
        margin-right: 84.6775%; }
    .g-wide--11 {
        float: left;
        margin-right: 1.613%;
        width: 91.53225%; }
    .g-wide--11 .g-wide--1 {
        width: 6.7203333333%;
        margin-right: 1.7596363636%; }
    .g-wide--11 .g-wide--2 {
        width: 15.2003030303%;
        margin-right: 1.7596363636%; }
    .g-wide--11 .g-wide--3 {
        width: 23.6802727273%;
        margin-right: 1.7596363636%; }
    .g-wide--11 .g-wide--4 {
        width: 32.1602424242%;
        margin-right: 1.7596363636%; }
    .g-wide--11 .g-wide--5 {
        width: 40.6402121212%;
        margin-right: 1.7596363636%; }
    .g-wide--11 .g-wide--6 {
        width: 49.1201818182%;
        margin-right: 1.7596363636%; }
    .g-wide--11 .g-wide--7 {
        width: 57.6001515152%;
        margin-right: 1.7596363636%; }
    .g-wide--11 .g-wide--8 {
        width: 66.0801212121%;
        margin-right: 1.7596363636%; }
    .g-wide--11 .g-wide--9 {
        width: 74.5600909091%;
        margin-right: 1.7596363636%; }
    .g-wide--11 .g-wide--10 {
        width: 83.0400606061%;
        margin-right: 1.7596363636%; }
    .g-wide--11 .g-wide--11 {
        width: 91.520030303%;
        margin-right: 1.7596363636%; }
    .g-wide--11 .g-wide--12 {
        width: 100%;
        margin-right: 0; }
    .g-wide--11 .g--third {
        float: left;
        margin-right: 1.613%;
        width: 32.1602424242%;
        margin-right: 1.7596363636%; }
    .g-wide--11 .g--twothirds {
        float: left;
        margin-right: 1.613%;
        width: 66.0801212121%;
        margin-right: 1.7596363636%; }
    .g-wide--11 .g-wide--2_9 {
        float: left;
        margin-right: 1.613%;
        width: 20.8536161616%;
        margin-right: 1.7596363636%; }
    .g-wide--11 .g-wide--3_9 {
        float: left;
        margin-right: 1.613%;
        width: 32.1602424242%;
        margin-right: 1.7596363636%; }
    .g-wide--11 .g-wide--6_9 {
        float: left;
        margin-right: 1.613%;
        width: 66.0801212121%;
        margin-right: 1.7596363636%; }
    .g-wide--11 .g-wide--7_9 {
        float: left;
        margin-right: 1.613%;
        width: 77.3867474747%;
        margin-right: 1.7596363636%; }
    .g-wide--11 .g-wide--2_10 {
        float: left;
        margin-right: 1.613%;
        width: 18.5922909091%;
        margin-right: 1.7596363636%; }
    .g-wide--11 .g-wide--3_10 {
        float: left;
        margin-right: 1.613%;
        width: 28.7682545455%;
        margin-right: 1.7596363636%; }
    .g-wide--11 .g-wide--4_10 {
        float: left;
        margin-right: 1.613%;
        width: 38.9442181818%;
        margin-right: 1.7596363636%; }
    .g-wide--11 .g-wide--5_10 {
        float: left;
        margin-right: 1.613%;
        width: 49.1201818182%;
        margin-right: 1.7596363636%; }
    .g-wide--11 .g-wide--5_10 .g-wide--2_5 {
        float: left;
        margin-right: 1.613%;
        width: 37.8884363636%;
        margin-right: 3.5192727273%; }
    .g-wide--11 .g-wide--5_10 .g-wide--3_5 {
        float: left;
        margin-right: 1.613%;
        width: 58.5922909091%;
        margin-right: 3.5192727273%; }
    .g-wide--11 .g-wide--5_10 .g-wide--last {
        margin-right: 0; }
    .g-wide--11 .g-wide--7_10 {
        float: left;
        margin-right: 1.613%;
        width: 69.4721090909%;
        margin-right: 1.7596363636%; }
    .g-wide--11 .g-wide--2_8 {
        float: left;
        margin-right: 1.613%;
        width: 23.6802727273%;
        margin-right: 1.7596363636%; }
    .g-wide--11 .g-wide--3_8 {
        float: left;
        margin-right: 1.613%;
        width: 36.4002272727%;
        margin-right: 1.7596363636%; }
    .g-wide--11 .g-wide--5_8 {
        float: left;
        margin-right: 1.613%;
        width: 61.8401363636%;
        margin-right: 1.7596363636%; }
    .g-wide--11 .g-wide--5_8 .g-wide--2_5 {
        float: left;
        margin-right: 1.613%;
        width: 38.3107490909%;
        margin-right: 2.8154181818%; }
    .g-wide--11 .g-wide--5_8 .g-wide--3_5 {
        float: left;
        margin-right: 1.613%;
        width: 58.8738327273%;
        margin-right: 2.8154181818%; }
    .g-wide--11 .g-wide--5_8 .g-wide--last {
        margin-right: 0; }
    .g-wide--11 .g-wide--6_8 {
        float: left;
        margin-right: 1.613%;
        width: 74.5600909091%;
        margin-right: 1.7596363636%; }
    .g-wide--11 .g--half,
    .g-wide--11 .g-wide--half {
        float: left;
        margin-right: 1.613%;
        width: 49.1201818182%;
        margin-right: 1.7596363636%; }
    .g-wide--11 .g--pull-half {
        margin-right: 50.8798181818%; }
    .g-wide--11 .g-wide--last {
        margin-right: 0; }
    .g-wide--push-11 {
        margin-left: 93.14525%; }
    .g-wide--pull-11 {
        margin-right: 93.14525%; }
    .g-wide--12 {
        float: left;
        margin-right: 1.613%;
        width: 100%;
        margin-right: 0; }
    .g-wide--12 .g-wide--1 {
        width: 6.85475%;
        margin-right: 1.613%; }
    .g-wide--12 .g-wide--2 {
        width: 15.3225%;
        margin-right: 1.613%; }
    .g-wide--12 .g-wide--3 {
        width: 23.79025%;
        margin-right: 1.613%; }
    .g-wide--12 .g-wide--4 {
        width: 32.258%;
        margin-right: 1.613%; }
    .g-wide--12 .g-wide--5 {
        width: 40.72575%;
        margin-right: 1.613%; }
    .g-wide--12 .g-wide--6 {
        width: 49.1935%;
        margin-right: 1.613%; }
    .g-wide--12 .g-wide--7 {
        width: 57.66125%;
        margin-right: 1.613%; }
    .g-wide--12 .g-wide--8 {
        width: 66.129%;
        margin-right: 1.613%; }
    .g-wide--12 .g-wide--9 {
        width: 74.59675%;
        margin-right: 1.613%; }
    .g-wide--12 .g-wide--10 {
        width: 83.0645%;
        margin-right: 1.613%; }
    .g-wide--12 .g-wide--11 {
        width: 91.53225%;
        margin-right: 1.613%; }
    .g-wide--12 .g-wide--12 {
        width: 100%;
        margin-right: 0; }
    .g-wide--12 .g--third {
        float: left;
        margin-right: 1.613%;
        width: 32.258%;
        margin-right: 1.613%; }
    .g-wide--12 .g--twothirds {
        float: left;
        margin-right: 1.613%;
        width: 66.129%;
        margin-right: 1.613%; }
    .g-wide--12 .g-wide--2_9 {
        float: left;
        margin-right: 1.613%;
        width: 20.9676666667%;
        margin-right: 1.613%; }
    .g-wide--12 .g-wide--3_9 {
        float: left;
        margin-right: 1.613%;
        width: 32.258%;
        margin-right: 1.613%; }
    .g-wide--12 .g-wide--6_9 {
        float: left;
        margin-right: 1.613%;
        width: 66.129%;
        margin-right: 1.613%; }
    .g-wide--12 .g-wide--7_9 {
        float: left;
        margin-right: 1.613%;
        width: 77.4193333333%;
        margin-right: 1.613%; }
    .g-wide--12 .g-wide--2_10 {
        float: left;
        margin-right: 1.613%;
        width: 18.7096%;
        margin-right: 1.613%; }
    .g-wide--12 .g-wide--3_10 {
        float: left;
        margin-right: 1.613%;
        width: 28.8709%;
        margin-right: 1.613%; }
    .g-wide--12 .g-wide--4_10 {
        float: left;
        margin-right: 1.613%;
        width: 39.0322%;
        margin-right: 1.613%; }
    .g-wide--12 .g-wide--5_10 {
        float: left;
        margin-right: 1.613%;
        width: 49.1935%;
        margin-right: 1.613%; }
    .g-wide--12 .g-wide--5_10 .g-wide--2_5 {
        float: left;
        margin-right: 1.613%;
        width: 38.0644%;
        margin-right: 3.226%; }
    .g-wide--12 .g-wide--5_10 .g-wide--3_5 {
        float: left;
        margin-right: 1.613%;
        width: 58.7096%;
        margin-right: 3.226%; }
    .g-wide--12 .g-wide--5_10 .g-wide--last {
        margin-right: 0; }
    .g-wide--12 .g-wide--7_10 {
        float: left;
        margin-right: 1.613%;
        width: 69.5161%;
        margin-right: 1.613%; }
    .g-wide--12 .g-wide--2_8 {
        float: left;
        margin-right: 1.613%;
        width: 23.79025%;
        margin-right: 1.613%; }
    .g-wide--12 .g-wide--3_8 {
        float: left;
        margin-right: 1.613%;
        width: 36.491875%;
        margin-right: 1.613%; }
    .g-wide--12 .g-wide--5_8 {
        float: left;
        margin-right: 1.613%;
        width: 61.895125%;
        margin-right: 1.613%; }
    .g-wide--12 .g-wide--5_8 .g-wide--2_5 {
        float: left;
        margin-right: 1.613%;
        width: 38.45152%;
        margin-right: 2.5808%; }
    .g-wide--12 .g-wide--5_8 .g-wide--3_5 {
        float: left;
        margin-right: 1.613%;
        width: 58.96768%;
        margin-right: 2.5808%; }
    .g-wide--12 .g-wide--5_8 .g-wide--last {
        margin-right: 0; }
    .g-wide--12 .g-wide--6_8 {
        float: left;
        margin-right: 1.613%;
        width: 74.59675%;
        margin-right: 1.613%; }
    .g-wide--12 .g--half,
    .g-wide--12 .g-wide--half {
        float: left;
        margin-right: 1.613%;
        width: 49.1935%;
        margin-right: 1.613%; }
    .g-wide--12 .g--pull-half {
        margin-right: 50.8065%; }
    .g-wide--12 .g-wide--last {
        margin-right: 0; }
    .g-wide--full {
        float: left;
        margin-right: 1.613%;
        margin-right: 0;
        width: 100%; }
    .g--third {
        float: left;
        margin-right: 1.613%;
        width: 32.258%; }
    .g-wide--3_10 {
        float: left;
        margin-right: 1.613%;
        width: 28.8709%; }
    .g-wide--3_8 {
        float: left;
        margin-right: 1.613%;
        width: 36.491875%; }
    .g-wide--5_8 {
        float: left;
        margin-right: 1.613%;
        width: 61.895125%; }
    .g-wide--4_10 {
        float: left;
        margin-right: 1.613%;
        width: 39.0322%; }
    .g--twothirds {
        float: left;
        margin-right: 1.613%;
        width: 63.213%; }
    .g--half,
    .g-wide--half {
        float: left;
        margin-right: 1.613%;
        width: 49.1935%; }
    .g--pull-half {
        margin-right: 50.8065%; }
    .g-wide--last {
        margin-right: 0; } }

.g--last {
    margin-right: 0; }

.g--centered {
    float: none;
    margin-left: auto;
    margin-right: auto; }

.grid-overlay {
    display: none;
    pointer-events: none; }
.debug .grid-overlay {
    box-sizing: content-box;
    position: relative;
    padding-left: 5%;
    padding-right: 5%;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    display: block; }
@media only screen and (min-width: 321px) {
    .debug .grid-overlay {
        padding-left: 4.8%;
        padding-right: 4.8%;
        max-width: 688px; } }
@media only screen and (min-width: 769px) {
    .debug .grid-overlay {
        padding-left: 4.4%;
        padding-right: 4.4%;
        max-width: 864px; } }
.debug .grid-overlay [class*="g-"] {
    height: 100%;
    background-color: rgba(89, 89, 89, 0.2); }
@media only screen and (min-width: 321px) and (max-width: 768px) {
    .debug .grid-overlay .g-wide--last {
        display: none; } }
@media only screen and (max-width: 320px) {
    .debug .grid-overlay {
        display: none; } }

/**
*
* Typography
*
**/
h1, h2, h3, h4, h5, p {
    margin: 0; }

.small,
small {
    font-size: 13px;
    line-height: 2.0000em;
    /* 26px */
    padding-top: 2.0000em;
    padding-bottom: 0; }

.base,
p,
ul,
ol {
    font-size: 16px;
    line-height: 1.6250em;
    /* 26px */
    padding-top: 1.6250em;
    padding-bottom: 0; }

.medium,
h4 {
    font-size: 16px;
    line-height: 1.6250em;
    /* 26px */
    padding-top: 1.6250em;
    padding-bottom: 0; }
@media only screen and (min-width: 769px) {
    .medium,
    h4 {
        font-size: 20px;
        font-weight: 300;
        line-height: 1.3000em;
        /* 26px */
        padding-top: 1.3000em;
        padding-bottom: 0; } }

.large,
h3 {
    font-size: 20px;
    font-weight: 300;
    line-height: 1.3000em;
    /* 26px */
    padding-top: 1.3000em;
    padding-bottom: 0; }
@media only screen and (min-width: 769px) {
    .large,
    h3 {
        font-family: "PT Sans", Helvetica, sans-serif;
        font-size: 26px;
        font-weight: 300;
        line-height: 1.0000em;
        /* 26px */
        padding-top: 1.0000em;
        padding-bottom: 0; } }

.xlarge,
h2 {
    font-family: "PT Sans", Helvetica, sans-serif;
    font-size: 26px;
    font-weight: 300;
    line-height: 1.0000em;
    /* 26px */
    padding-top: 1.0000em;
    padding-bottom: 0; }
@media only screen and (min-width: 769px) {
    .xlarge,
    h2 {
        font-family: "PT Sans", Helvetica, sans-serif;
        font-size: 42px;
        font-weight: 300;
        line-height: 1.2381em;
        /* 52px */
        padding-top: 0.6190em;
        padding-bottom: 0; } }

.xxlarge,
h1 {
    font-family: "PT Sans", Helvetica, sans-serif;
    font-size: 42px;
    font-weight: 300;
    line-height: 1.2381em;
    /* 52px */
    padding-top: 0.6190em;
    padding-bottom: 0; }
@media only screen and (min-width: 769px) {
    .xxlarge,
    h1 {
        font-family: "PT Sans", Helvetica, sans-serif;
        font-size: 68px;
        font-weight: 300;
        line-height: 1.1471em;
        /* 78px */
        padding-top: 0.3824em;
        padding-bottom: 0; } }

.huge {
    font-family: "PT Sans", Helvetica, sans-serif;
    font-size: 68px;
    font-weight: 300;
    line-height: 1.1471em;
    /* 78px */
    padding-top: 0.3824em;
    padding-bottom: 0; }
@media only screen and (min-width: 769px) {
    .huge {
        font-family: "PT Sans", Helvetica, sans-serif;
        font-size: 110px;
        font-weight: 300;
        line-height: 1.19em;
        /* 130px */
        padding-top: 0.2364em;
        padding-bottom: 0; } }

li > p {
    padding-top: 0; }

/**
*
* Button
*
**/
.button, .button--primary, .button--secondary, .button--secondary-variation {
    display: inline-block;
    padding: 12px 32px;
    margin-bottom: 13px;
    margin-top: 13px;
    min-height: 26px;
    text-align: center;
    font-family: "PT Sans", Helvetica, sans-serif;
    font-weight: 600;
    text-decoration: none;
    outline: 0;
    transition: none; }
.button:hover, .button--primary:hover, .button--secondary:hover, .button--secondary-variation:hover {
    background: #4d4d4d;
    color: #ffffff;
    border: 1px solid #4d4d4d;
    text-decoration: none; }

.button--primary {
    background: #4285f4;
    color: #ffffff;
    border: 1px solid #1266f1; }

.button--secondary {
    background: #ffffff;
    color: #3372df;
    border: 1px solid #e6e6e6; }

.button--secondary-variation {
    background: #ffffff;
    color: #3372df;
    border: 1px solid #e6e6e6;
    border-color: transparent; }

/**
*
* List
*
**/
ul,
ol {
    list-style: none;
    margin: 0; }
@media only screen and (max-width: 320px) {
    ul,
    ol {
        padding-left: 0; } }

ul li {
    position: relative;
    padding-left: 16px; }
ul li::before {
    font-family: "icons";
    font-size: 13px;
    display: block;
    font-weight: 400;
    position: absolute;
    top: 0;
    left: 0;
    line-height: 26px; }
ul li::before {
    font-size: 4px; }

ol {
    counter-reset: list; }
ol > li {
    position: relative;
    padding-left: 32px; }
ol > li::before {
    counter-increment: list;
    content: "0" counter(list);
    color: inherit;
    font-weight: 400;
    display: inline-block;
    position: absolute;
    left: 0; }
ol > li:nth-child(10n) ~ li::before, ol > li:nth-child(10n)::before {
    content: counter(list); }

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

/*==========  LIST LINKS  ==========*/
ul.list-links li::before {
    display: none; }

ul.list-links a {
    font-weight: 400; }
ul.list-links a::before {
    font-family: "icons";
    font-size: 13px;
    display: block;
    font-weight: 400;
    position: absolute;
    top: 0;
    left: 0;
    line-height: 26px; }
ul.list-links a::before {
    font-size: 4px; }

ul.list-links.list-links--primary a {
    font-weight: 400;
    font-family: "PT Sans", Helvetica, sans-serif;
    line-height: 1;
    text-decoration: none; }
ul.list-links.list-links--primary a::before {
    font-family: "icons";
    font-size: 13px;
    display: block;
    font-weight: 400;
    position: absolute;
    top: 0;
    left: 0;
    line-height: 26px; }

ol.list-links li::before {
    display: none; }

ol.list-links li a {
    display: inline-block;
    font-weight: 300; }
ol.list-links li a::before {
    counter-increment: list;
    content: "0" counter(list);
    color: inherit;
    font-weight: 400;
    display: inline-block;
    position: absolute;
    left: 0; }

ol.list-links li:nth-child(10n) ~ li a::before,
ol.list-links li:nth-child(10n) a::before {
    content: counter(list); }

ol.list-links.list-links--secondary a::before {
    display: none; }

.list-links--secondary {
    font-size: 16px;
    line-height: 1.6250em;
    /* 26px */
    padding-top: 1.6250em;
    padding-bottom: 0;
    padding-left: 0; }
.list-links--secondary li {
    padding-left: 0; }

/*==========  ANCHOR LIST  ==========*/
.list-anchor {
    padding-left: 0; }
.list-anchor li {
    font-size: 16px;
    line-height: 1.6250em;
    /* 26px */
    padding-top: 1.6250em;
    padding-bottom: 0;
    padding-top: 0;
    padding-left: 0; }
.list-anchor li::before {
    display: none; }
.list-anchor a {
    line-height: 1;
    display: inline-block;
    padding-left: 16px; }
.list-anchor a::before {
    font-family: "icons";
    font-size: 13px;
    display: block;
    font-weight: 400;
    position: absolute;
    top: 0;
    left: 0;
    line-height: 26px; }
.list-anchor a::before {
    font-size: 4px; }

/*==========  SMALL LIST  ==========*/
@media only screen and (min-width: 321px) {
    .list-small li {
        font-size: 13px;
        line-height: 2.0000em;
        /* 26px */
        padding-top: 2.0000em;
        padding-bottom: 0;
        padding-top: 0; } }

/*==========  CENTERED LIST  ==========*/
.list-centered {
    text-align: center;
    padding-left: 0; }

/*==========  FEATURED LIST  ==========*/
.featured-list {
    padding-top: 78px;
    padding-bottom: 78px; }

.featured-list__item {
    background: #ffffff;
    padding-left: 0;
    padding-top: 26px;
    padding-bottom: 26px;
    margin-top: 26px; }
@media only screen and (min-width: 321px) {
    .featured-list__item {
        min-height: 338px;
        padding: 52px 32px; } }
.featured-list__item:first-child {
    margin-top: 0; }
.featured-list__item p {
    margin-bottom: 26px; }

.featured-list__img-wrapper {
    display: none;
    position: relative;
    padding-top: 26px;
    margin: 0 -5%; }
@media only screen and (min-width: 321px) {
    .featured-list__img-wrapper {
        display: block;
        padding-top: 0;
        margin: 0; } }

@media only screen and (min-width: 321px) {
    .featured-list__img {
        padding-top: 60.8%;
        padding-bottom: 0;
        height: 0;
        overflow: hidden;
        position: absolute;
        width: 100%; } }

.featured-list__img img {
    display: block;
    margin: 0 auto;
    max-width: 100%; }
@media only screen and (min-width: 321px) {
    .featured-list__img img {
        margin: 0;
        position: absolute;
        top: 0;
        height: 100%;
        width: 100%;
        left: 0; } }

/*==========  RELATED GUIDES LIST  ==========*/
.related-guides-list {
    font-family: "PT Sans", Helvetica, sans-serif;
    padding-top: 0;
    padding-left: 0; }
@media only screen and (min-width: 321px) {
    .related-guides-list {
        padding-top: 26px; } }
@media only screen and (min-width: 769px) {
    .related-guides-list {
        padding-top: 0; } }
.related-guides-list p {
    padding-top: 0; }
.related-guides-list .tag {
    padding-top: 0; }
.related-guides-list li {
    padding-top: 26px;
    padding-bottom: 25px;
    border-bottom: 1px solid #e0e0e0; }
.related-guides-list li:last-child {
    border-color: transparent; }
@media only screen and (min-width: 321px) {
    .related-guides-list li {
        padding-top: 0;
        padding-bottom: 0;
        border-color: transparent; } }

/*==========  LIST RESET  ==========*/
.list--reset {
    padding-left: 0; }
.list--reset li {
    padding-left: 0; }
.list--reset.list-links a::before,
.list--reset li::before {
    display: none !important; }

/*==========  LESSONS  ==========*/
.list-lessons {
    padding-left: 0; }
.list-lessons a {
    color: #ffffff; }
.list-lessons .current,
.list-lessons .current a {
    text-decoration: none;
    cursor: default; }
.list-lessons .current .icon {
    font-size: 13px;
    display: inline-block;
    background: rgba(0, 0, 0, 0.2);
    border-radius: 100%;
    width: 26px;
    line-height: 26px;
    text-align: center;
    margin-left: 7px; }

/*==========  GUIDES INTO - used on homepage  ==========*/
.list-guides-intro {
    margin-bottom: 52px; }
@media only screen and (max-width: 320px) {
    .list-guides-intro {
        padding-top: 52px; } }
.list-guides-intro li {
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 51px;
    margin-bottom: 52px; }
@media only screen and (min-width: 321px) {
    .list-guides-intro li {
        border-color: transparent;
        padding-bottom: 0; } }
.list-guides-intro li:last-child {
    border-bottom: transparent;
    margin-bottom: 0; }

/**
*
* Link
*
**/
a {
    color: #cb4437; }

a:hover {
    color: #cb4437; }

.cta--primary {
    font-family: "PT Sans", Helvetica, sans-serif;
    color: #cb4437;
    font-weight: 400;
    display: inline-block;
    line-height: 1;
    text-decoration: none; }
.cta--primary:hover {
    color: rgba(0, 0, 0, 0.87); }
.cta--primary::before {
    display: inline-block;
    padding-right: 10px;
    font-family: "icons";
    line-height: 25px;
    font-size: 13px;
    content: ""; }

.cta--secondary {
    font-family: "PT Sans", Helvetica, sans-serif;
    color: #cb4437;
    font-weight: 400;
    display: inline-block;
    line-height: 1; }
.cta--secondary:hover {
    color: rgba(0, 0, 0, 0.87); }

/**
*
* Table
*
**/
table {
    margin-top: 26px;
    width: 100%; }
table thead {
    background: #3372df;
    color: #ffffff; }
table th {
    text-align: center;
    display: none;
    font-family: "PT Sans", Helvetica, sans-serif;
    font-size: 16px;
    line-height: 1.6250em;
    /* 26px */
    padding-top: 1.6250em;
    padding-bottom: 0; }
@media only screen and (min-width: 769px) {
    table th {
        font-size: 20px;
        font-weight: 300;
        line-height: 1.3000em;
        /* 26px */
        padding-top: 1.3000em;
        padding-bottom: 0; } }
@media only screen and (min-width: 321px) {
    table tr {
        border-bottom: 1px solid #ffffff; } }
table tbody {
    background: #f0f0f0; }
table td {
    display: block;
    padding-top: 13px;
    padding-bottom: 13px; }
table td::before {
    content: attr(data-th) " :";
    display: inline-block;
    color: #ffffff;
    background: #3372df;
    border-right: 2px solid #ffffff;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100px;
    max-height: 100%;
    font-family: "PT Sans", Helvetica, sans-serif;
    font-size: 16px;
    font-weight: 400;
    padding-left: 13px;
    padding-top: 13px; }
@media only screen and (min-width: 321px) {
    table td::before {
        display: none; } }
table th,
table td {
    position: relative;
    padding-left: 140px; }
@media only screen and (min-width: 321px) {
    table th,
    table td {
        display: table-cell; } }
@media only screen and (min-width: 321px) {
    table th {
        padding: 26px;
        padding-top: 13px;
        padding-bottom: 12px; } }
@media only screen and (min-width: 321px) {
    table td {
        padding: 26px;
        padding-bottom: 25px; } }

td:last-child::after {
    content: "";
    display: block;
    background: #ffffff;
    height: 1px;
    left: 0;
    position: absolute;
    bottom: 0;
    width: 100%; }
@media only screen and (min-width: 321px) {
    td:last-child::after {
        display: none; } }

.table-2 col {
    width: 344px; }
@media only screen and (min-width: 769px) {
    .table-2 col {
        width: 432px; } }

@media only screen and (min-width: 321px) {
    .table-2 th:first-child,
    .table-2 td:first-child {
        border-right: 2px solid #ffffff; } }

.table-3 col {
    width: 229.333333333px; }
@media only screen and (min-width: 769px) {
    .table-3 col {
        width: 288px; } }

@media only screen and (min-width: 321px) {
    .table-3 th:nth-child(2),
    .table-3 td:nth-child(2) {
        border-left: 2px solid #ffffff;
        border-right: 2px solid #ffffff; } }

.table-4 col {
    width: 172px; }
@media only screen and (min-width: 769px) {
    .table-4 col {
        width: 216px; } }

@media only screen and (min-width: 321px) {
    .table-4 th:nth-child(2), .table-4 th:nth-child(3),
    .table-4 td:nth-child(2),
    .table-4 td:nth-child(3) {
        border-left: 2px solid #ffffff;
        border-right: 2px solid #ffffff; } }

/**
*
* Media - imgs/videos
*
**/
img,
video,
object {
    max-width: 100%; }

.content img {
    margin-top: 26px;
    margin-bottom: 26px; }

/**
*
* Breadcrumb
*
**/
.breadcrumbs {
    display: none;
    position: relative;
    z-index: 1; }
@media only screen and (min-width: 321px) {
    .breadcrumbs {
        display: block; } }

.breadcrumbs p {
    font-size: 13px;
    line-height: 2.0000em;
    /* 26px */
    padding-top: 2.0000em;
    padding-bottom: 0;
    padding-top: 26px; }

.breadcrumbs__link {
    font-size: 13px;
    line-height: 2.0000em;
    /* 26px */
    padding-top: 2.0000em;
    padding-bottom: 0;
    color: black;
    font-weight: 400;
    padding-top: 0; }
@media only screen and (min-width: 321px) {
    .breadcrumbs__link {
        padding-top: 0; } }

/**
*
* subsection__title
*
**/
.subsection-title {
    color: rgba(0, 0, 0, 0.87);
    margin-top: 52px; }

.subsection-number {
    font-size: 16px;
    line-height: 1.6250em;
    /* 26px */
    padding-top: 1.6250em;
    padding-bottom: 0;
    padding-top: 0;
    display: block; }

/**
*
* Articles list
*
**/
.articles-list {
    padding-left: 0; }

.articles-list__item {
    padding-bottom: 52px;
    padding-left: 0; }
.articles-list__item:last-child {
    padding-bottom: 53px; }
.articles-list__item::before {
    content: "";
    display: block;
    width: 40%;
    height: 1px;
    box-shadow: inset 0 1px 0 0 #e0e0e0;
    margin-right: 0;
    margin-left: 30%; }
.articles-list__item h3 a:hover {
    text-decoration: none; }
.articles-list__item p {
    margin-top: 26px;
    margin-bottom: 26px; }
.articles-list__item:first-child {
    padding-top: 0; }
@media only screen and (min-width: 321px) {
    .articles-list__item:first-child {
        padding-top: 24px; } }
.articles-list__item:first-child::before {
    display: none; }

/**
*
* Guides List
*
**/
.guides-list {
    overflow: hidden; }
@media only screen and (min-width: 321px) {
    .guides-list {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding-top: 52px; } }

.guides-list__item {
    padding: 0;
    background: #ffffff;
    margin-top: 26px;
    margin-bottom: 0; }
@media only screen and (min-width: 321px) {
    .guides-list__item {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap; } }
.guides-list__item h3 {
    margin: 0 32px; }
.guides-list__item p {
    margin: 26px 32px 0; }
@media only screen and (min-width: 321px) {
    .guides-list__item .primary-content {
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1; } }
.guides-list__item .secondary-content {
    position: relative;
    margin-top: 51px;
    border-top: 1px solid #e0e0e0; }
@media only screen and (min-width: 321px) {
    .guides-list__item .secondary-content {
        width: 100%; } }
.guides-list__item .secondary-content .icon-circle {
    position: absolute;
    top: -28px;
    left: 50%;
    margin-left: -21px;
    border: 2px solid #ffffff; }
.guides-list__item .secondary-content .icon-circle i {
    font-size: 23px; }
.guides-list__item ol {
    margin: 26px 0 0;
    padding: 52px 0 52px;
    margin-top: 0; }
.guides-list__item::before {
    display: none; }

/**
*
* Icon Circle
*
**/
.icon-circle,
.icon-circle--large {
    height: 0;
    width: 0;
    background: rgba(0, 0, 0, 0.54);
    display: block;
    position: relative;
    border-radius: 100%;
    font-size: 0;
    padding: 22px;
    margin: 4px auto; }
.icon-circle i,
.icon-circle span,
.icon-circle--large i,
.icon-circle--large span {
    position: absolute;
    line-height: 0px;
    top: 50%;
    width: 100%;
    left: 0;
    text-align: center;
    color: #ffffff;
    font-size: 26px; }
.icon-circle span,
.icon-circle--large span {
    font-family: "PT Sans", Helvetica, sans-serif;
    font-size: 26px;
    font-weight: 700; }
@media only screen and (min-width: 321px) {
    .icon-circle span,
    .icon-circle--large span {
        font-size: 42px; } }

.icon-circle--large {
    margin-top: 0;
    margin-bottom: 0;
    padding: 26px;
    position: relative; }
.icon-circle--large i {
    font-size: 26px; }
@media only screen and (min-width: 321px) {
    .icon-circle--large i {
        font-size: 42px; } }
@media only screen and (min-width: 321px) {
    .icon-circle--large {
        padding: 37px;
        border: 2px solid #ffffff; }
    a .icon-circle--large {
        padding: 38px;
        box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.42);
        border: 1px solid;
        transition: all 100ms linear;
        -webkit-transform: translateZ(0);
        transform: translateZ(0); }
    .no-touch a:hover .icon-circle--large {
        box-shadow: inset 0px 0px 0px 1px #ffffff;
        -webkit-transform: scale(1.1);
        transform: scale(1.1); } }

.icon-circle--nav {
    height: 0;
    width: 0;
    background: rgba(0, 0, 0, 0.54);
    display: block;
    position: relative;
    border-radius: 100%;
    font-size: 0;
    padding: 13px;
    margin: 0 auto; }
@media only screen and (min-width: 321px) {
    .icon-circle--nav {
        padding: 22px;
        margin-top: 4px;
        margin-bottom: 4px; } }
.icon-circle--nav i {
    position: absolute;
    line-height: 1px;
    top: 50%;
    width: 100%;
    left: 0;
    text-align: center;
    color: #ffffff;
    font-size: 16px; }
@media only screen and (min-width: 321px) {
    .icon-circle--nav i {
        font-size: 26px; } }

/**
*
* Themed styles
*
**/
.theme--multi-device-layouts .themed {
    color: #297ea9; }

.theme--introduction-to-media .themed {
    color: #cf423a; }

.theme--user-input .themed {
    color: #2c8566; }

.theme--performance .themed {
    color: #7b5294; }

.theme--multi-device-layouts .themed--background,
.theme--multi-device-layouts .themed--background.next-lessons::before {
    background-color: #297ea9; }

.theme--introduction-to-media .themed--background,
.theme--introduction-to-media .themed--background.next-lessons::before {
    background-color: #cf423a; }

.theme--user-input .themed--background,
.theme--user-input .themed--background.next-lessons::before {
    background-color: #2c8566; }

.theme--performance .themed--background,
.theme--performance .themed--background.next-lessons::before {
    background-color: #7b5294; }

.theme--multi-device-layouts .themed--hover:hover {
    color: #297ea9; }

.theme--introduction-to-media .themed--hover:hover {
    color: #cf423a; }

.theme--user-input .themed--hover:hover {
    color: #2c8566; }

.theme--performance .themed--hover:hover {
    color: #7b5294; }

.theme--multi-device-layouts .themed--hover-secondary:hover {
    color: #89c4e2; }

.theme--introduction-to-media .themed--hover-secondary:hover {
    color: #edb8b5; }

.theme--user-input .themed--hover-secondary:hover {
    color: #78d2b3; }

.theme--performance .themed--hover-secondary:hover {
    color: #c4add2; }

.article--multi-device-layouts .article-container h1, .article--multi-device-layouts
.article-container h2 {
    color: #297ea9; }

.article--introduction-to-media .article-container h1, .article--introduction-to-media
.article-container h2 {
    color: #cf423a; }

.article--user-input .article-container h1, .article--user-input
.article-container h2 {
    color: #2c8566; }

.article--performance .article-container h1, .article--performance
.article-container h2 {
    color: #7b5294; }

.nav-theme--multi-device-layouts .themed--hover:hover {
    color: #297ea9; }

.nav-theme--introduction-to-media .themed--hover:hover {
    color: #cf423a; }

.nav-theme--user-input .themed--hover:hover {
    color: #2c8566; }

.nav-theme--performance .themed--hover:hover {
    color: #7b5294; }

.nav-theme--multi-device-layouts .themed {
    color: #297ea9; }

.nav-theme--introduction-to-media .themed {
    color: #cf423a; }

.nav-theme--user-input .themed {
    color: #2c8566; }

.nav-theme--performance .themed {
    color: #7b5294; }

.nav-theme--multi-device-layouts .themed--background {
    background-color: #297ea9; }

.nav-theme--introduction-to-media .themed--background {
    background-color: #cf423a; }

.nav-theme--user-input .themed--background {
    background-color: #2c8566; }

.nav-theme--performance .themed--background {
    background-color: #7b5294; }

/**
*
* Styleguide
*
**/
.page--styleguide .styleguide__module-title {
    margin-bottom: 26px; }

.page--styleguide section {
    margin-bottom: 52px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 77px; }

.page--styleguide .styleguide__color-list {
    text-align: center; }
.page--styleguide .styleguide__color-list li {
    border-bottom: 52px solid;
    margin-bottom: 26px;
    position: relative; }

.page--styleguide .styleguide__breadcrumb .breadcrumbs {
    display: block; }

.page--styleguide .styleguide__lists ul,
.page--styleguide .styleguide__lists ol {
    margin-bottom: 26px; }

.page--styleguide .styleguide__inverted-block {
    background: #e8e8e8;
    padding: 0 13px; }

.page--styleguide .styleguide__theme-block {
    background: #297ea9;
    padding: 0 13px; }

.demo {
    margin-bottom: 26px;
    margin-top: 26px; }

.demo [class*="g-"] {
    background-color: rgba(0, 0, 0, 0.26);
    position: relative;
    margin-bottom: 26px;
    min-height: 156px; }
.demo [class*="g-"]::before, .demo [class*="g-"]::after {
    font-size: 13px;
    line-height: 2.0000em;
    /* 26px */
    padding-top: 2.0000em;
    padding-bottom: 0;
    display: block;
    margin: 0 10px; }
.demo [class*="g-"]::before {
    content: 'HTML classes: ';
    font-weight: 700; }
.demo [class*="g-"]::after {
    content: attr(class);
    word-spacing: 15px; }

/**
*
* Resources page
*
**/
.page--resources .article-section__icon,
.page--resources .articles-count,
.page--resources .guides-list__item .secondary-content {
    display: none; }

.page--resources .primary-content {
    padding-top: 26px;
    padding-bottom: 52px; }
.page--resources .primary-content p {
    margin-top: 0; }

/**
*
* Helper
*
**/
.clear::before, .clear::after {
    content: '';
    display: table; }

.clear::after {
    clear: both; }

/*==========  COLORS  ==========*/
.color--blue {
    color: #3372df; }

.color--red {
    color: #cb4437; }

.color--green {
    color: #0f9d58; }

.color--yellow {
    color: #f4b400; }

.color--blue-secondary {
    color: #b7cdf4; }

.color--red-secondary {
    color: #ebb6b0; }

.color--green-secondary {
    color: #56efa5; }

.color--yellow-secondary {
    color: #ffd45b; }

.color--gray-background {
    color: #f0f0f0; }

.color--gray-keyline {
    color: #e0e0e0; }

.color--gray {
    color: rgba(0, 0, 0, 0.54); }

.color--gray-dark {
    color: rgba(0, 0, 0, 0.87); }

.color--text {
    color: #000000; }

.color--highlight {
    color: #3372df; }

.color--warning {
    color: #ffd45b; }

.color--danger {
    color: #cb4437; }

.color--muted {
    color: #737373; }

.color--remember {
    color: #09829a; }

.color--learning {
    color: #da2e75; }

.color--layouts {
    color: #297ea9; }

.color--user {
    color: #2c8566; }

.color--media {
    color: #cf423a; }

.color--performance {
    color: #7b5294; }

.color--layouts-secondary {
    color: #89c4e2; }

.color--user-secondary {
    color: #78d2b3; }

.color--media-secondary {
    color: #edb8b5; }

.color--performance-secondary {
    color: #c4add2; }

/*==========  TEXT DIVIDER  ==========*/
.text-divider {
    position: relative;
    margin-bottom: 26px; }
.text-divider::after {
    content: '';
    display: block;
    position: absolute;
    width: 40%;
    height: 1px;
    box-shadow: 0 1px 0 0 #e0e0e0;
    left: 30%;
    bottom: -13px; }
.text-divider.xlarge {
    margin-bottom: 52px; }
.text-divider.xlarge::after {
    bottom: -26px; }
.text-divider.xxlarge {
    margin-bottom: 78px; }
.text-divider.xxlarge::after {
    bottom: -39px; }
.text-divider.huge {
    margin-bottom: 78px; }
.text-divider.huge::after {
    bottom: -39px; }

/*==========  GENERIC  ==========*/
.centered {
    text-align: center; }

/*==========  TAG  ==========*/
.tag {
    font-size: 13px;
    line-height: 2.0000em;
    /* 26px */
    padding-top: 2.0000em;
    padding-bottom: 0;
    font-family: "PT Sans", Helvetica, sans-serif;
    text-transform: uppercase;
    font-weight: 700;
    display: inline-block;
    text-decoration: none; }
.tag:hover {
    color: rgba(0, 0, 0, 0.87); }
.tag::before {
    content: '# ';
    display: inline-block; }

html,
body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0; }

body {
    position: relative;
    font-family: "Noto Serif", serif;
    font-weight: 300;
    background-color: #fff;
    box-sizing: border-box;
    min-height: 100%; }

body.open {
    overflow: hidden; }

.base,
p,
ul,
ol {
    font-size: 18px; }

@media all and (min-width: 769px) {
    .g-wide--hide {
        display: none; } }

.ok-top-promo {
    height: 80px;
    padding: 5px;
    position: relative; }
.ok-top-promo a {
    text-decoration: none;
    color: #fff; }
.ok-top-promo time {
    color: #fff;
    font-size: 13px;
    position: absolute;
    bottom: 5px; }
.ok-top-promo p {
    font-size: 12px;
    font-family: "PT Sans", Helvetica, Arial, sans-serif;
    padding: 0;
    line-height: 120%; }

.ok-top-promo-wrapper {
    background: #e94f35; }

.ok-top-promo-tagline {
    background: #e94f35;
    font-size: 36px;
    font-weight: bold;
    color: #fff;
    line-height: 60px;
    text-align: center;
    vertical-align: middle;
    height: 80px; }

.ok-top-promo-news {
    background: #e94f35; }
.ok-top-promo-news .ok-top-promo-news-img-col {
    display: block;
    height: 120px;
    width: 40%;
    margin: -10px 10px 10px -10px;
    float: left; }

.ok-top-promo-photo {
    background: #e94f35;
    clear: both; }
.ok-top-promo-photo .ok-top-promo-photo-img-col {
    display: block;
    float: left;
    width: 50%;
    height: 80px;
    margin: -5px 5px 0 -5px;
    overflow: hidden; }
.ok-top-promo-photo .ok-top-promo-photo-img-col img {
    width: auto;
    height: 80px; }
.ok-top-promo-photo p[rel="title"] {
    width: 50%;
    position: absolute;
    bottom: 5px; }


.ok-top-promo-info {
    background: #e94f35;
    color: #fff;
    font-size: 12px;
    padding-top: 15px; }

.ok-top-promo-project {
    position: relative;
    display: block;
    width: 93%;
    height: 80px;
    text-align: center;
    text-decoration: none; }
.ok-top-promo-project:visited {
    color: #fff; }
@media all and (max-width: 769px) {
    .ok-top-promo-project {
        width: 90%; } }
@media all and (max-width: 321px) {
    .ok-top-promo-project {
        font-size: 18px;
        line-height: 20px;
        width: 100%; } }
.ok-top-promo-project [rel="title"] {
    position: relative;
    top: -80px;
    display: block;
    width: 100%;
    font-size: 24px;
    color: #fff;
    font-weight: bold;
    height: 80px;
    overflow: hidden;
    vertical-align: middle;
    line-height: 100%;
    text-align: center;
    /*padding-top: 27px;*/
    padding-right: 100px; }
@media all and (max-width: 769px) {
    .ok-top-promo-project [rel="title"] {
        font-size: 20px;
        line-height: 24px;
        text-align: left;
        padding-left: 22px;
        padding-top: 15px; } }
@media all and (max-width: 321px) {
    .ok-top-promo-project [rel="title"] {
        font-size: 18px;
        line-height: 20px;
        padding-top: 19px;
        padding-right: 30px;
        text-align: center; } }
.ok-top-promo-project img {
    top: 0;
    width: 100%;
    height: 80px;
    object-fit: cover;
    font-family: 'object-fit: cover;';
    mix-blend-mode: multiply;
    filter: grey;
    -webkit-filter: grayscale(1);
    filter: grayscale(1); }
.ok-top-promo-project .ok-top-promo-project-badge {
    position: absolute;
    top: 28px;
    right: 0;
    display: inline-block;
    font-size: 14px;
    line-height: 14px;
    color: #fff;
    padding: 6px;
    background: #000; }
@media all and (max-width: 321px) {
    .ok-top-promo-project .ok-top-promo-project-badge {
        top: 0;
        right: 22px;
        width: 80px;
        height: 22px;
        font-size: 12px;
        line-height: 22px;
        padding: 0px;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        -webkit-transform-origin: right top;
        transform-origin: right top; } }

.ok-mobile-menu-open .ok-main-menu {
    display: block;
    position: fixed;
    z-index: 101;
    top: 80px;
    margin: 0;
    width: 320px;
    right: 0;
    height: 2000px;
    background: #fff; }
.ok-mobile-menu-open .ok-main-menu > ul {
    float: none;
    display: block;
    padding: 20px;
    height: auto; }
.ok-mobile-menu-open .ok-main-menu > ul > li {
    display: block;
    float: none;
    height: auto;
    text-align: left; }
.ok-mobile-menu-open .ok-main-menu > ul > li > a {
    font-size: 18px;
    line-height: 40px; }
.ok-mobile-menu-open .ok-main-menu .ok-menu-search {
    float: none;
    width: 100%; }

.ok-main-menu {
    position: relative; }
@media all and (max-width: 769px) {
    .ok-main-menu {
        display: none; } }
.ok-main-menu > ul {
    list-style: none;
    padding: 0;
    margin: 4px 0 0 0;
    display: table;
    width: 85%;
    float: left;
    height: 22px; }
.ok-main-menu > ul > li {
    height: 22px;
    list-style: none;
    display: table-cell;
    text-align: center;
    padding: 0;
    margin: 0 auto;
    position: inherit; }
.ok-main-menu > ul > li > a {
    display: block;
    text-decoration: none;
    font-size: 16px;
    font-weight: normal;
    line-height: 22px;
    white-space: nowrap;
    color: #000;
    text-transform: lowercase; }
.ok-main-menu > ul > li:before {
    content: ''; }
.ok-main-menu .ok-main-menu-selected a {
    color: #e94f35; }
.ok-main-menu .ok-menu-search {
    float: right;
    padding-left: 5px;
    width: 15%; }
.ok-main-menu .ok-menu-search form {
    margin: 0;
    padding: 0; }
.ok-main-menu .ok-menu-search input {
    float: left;
    font-family: "PT Sans", Helvetica, Arial, sans-serif;
    font-size: 12px;
    line-height: 24px;
    padding: 0;
    color: #9b9b9b;
    width: 60%;
    border: 0; }
.ok-main-menu .ok-menu-search button {
    float: right;
    width: 40%;
    background: transparent url(../images/icons/search.png) left center no-repeat;
    font-family: "PT Sans", Helvetica, Arial, sans-serif;
    font-size: 12px;
    padding: 0 0 0 27px;
    border: 0;
    color: #9b9b9b;
    text-transform: lowercase;
    line-height: 24px; }

#mobile-menu-overlay {
    top: 0;
    left: 0;
    padding: 0 !important;
    margin: 0;
    position: absolute !important;
    height: 4000px;
    overflow: hidden;
    z-index: 100;
    background: rgba(0, 0, 0, 0.5) !important; }

body.ok-mobile-menu-open {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    overflow: hidden; }

.ok-height-align {
    display: table; }

.ok-themes-3rd-item {
    border: 1px solid #969696;
    height: 277px;
    margin-bottom: 20px; }
@media all and (max-width: 769px) {
    .ok-themes-3rd-item {
        height: auto; } }
@media all and (max-width: 321px) {
    .ok-themes-3rd-item {
        height: auto; } }
.ok-themes-3rd-item a {
    text-decoration: none;
    font-weight: bold;
    font-size: 17px;
    line-height: 100%;
    color: #000; }
.ok-themes-3rd-item a span {
    padding: 14px 14px 0 14px;
    display: block;
    overflow: hidden;
    height: 70px; }
@media all and (max-width: 321px) {
    .ok-themes-3rd-item a span {
        height: auto;
        padding: 12px; } }
.ok-themes-3rd-item .ok-themes-3rd-item-img {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 198px;
    display: block;
    overflow: hidden; }
.ok-themes-3rd-item .ok-themes-3rd-item-img img {
    object-fit: cover;
    font-family: 'object-fit: cover;';
    max-width: 100%;
    max-height: 100%;
    min-width: 100%;
    min-height: 198px;
    width: auto;
    height: auto;
    display: block; }
@media all and (max-width: 321px) {
    .ok-themes-3rd-item .ok-themes-3rd-item-img img {
        height: auto; } }

.ok-themes-3rd-item-large img {
    width: 100%;
    height: 277px;
    object-fit: cover;
    font-family: 'object-fit: cover;'; }
@media all and (max-width: 769px) {
    .ok-themes-3rd-item-large img {
        height: auto; } }
@media all and (max-width: 321px) {
    .ok-themes-3rd-item-large img {
        height: auto; } }

.ok-themes-3rd-item-large span[rel="title"] {
    position: relative;
    margin-top: -79px;
    height: 79px;
    color: #fff; }

.ok-section-expert {
    display: block;
    border: 1px solid #e94f35;
    margin-bottom: 20px;
    /*padding: 10px 0; */
}
@media all and (max-width: 321px) {
    .ok-section-expert {
        padding: 10px 16px 20px 16px; } }
.ok-section-expert .ok-section-expert-photo {
    position: relative;
    width: 143px;
    height: 143px;
    border-radius: 50%;
    overflow: hidden;
    margin: 10px auto;
    text-align: center; }
.ok-section-expert .ok-section-expert-photo img {
    object-fit: cover;
    font-family: 'object-fit: cover;';
    width: 143px;
    height: 143px;
    filter: grey;
    -webkit-filter: grayscale(1);
    filter: grayscale(1); }
.ok-section-expert [rel="title"] {
    text-decoration: none;
    font-size: 18px;
    color: #000;
    display: block;
    margin-top: 5px;
    padding-right: 5px; }
.ok-section-expert .ok-section-expert-quote {
    font-weight: bold;
    vertical-align: middle;
    height: 183px;
}
@media all and (max-width: 321px) {
    .ok-section-expert .ok-section-expert-quote {
        height: auto;
    }
}
.ok-section-expert .ok-section-expert-intro {
    font-size: 16px;
    padding-right: 10px;
    height: 183px;
    font-weight: 300;
    line-height: 1.3000em;
}
@media all and (max-width: 321px) {
    .ok-section-expert .ok-section-expert-intro {
        height: auto; }
}

.ok-section-expert time, .ok-section-expert [rel="author"] {
    font-weight: normal; }

.ok-main-menu-submenu {
    position: absolute;
    left: 0;
    background: #e94f35;
    display: none;
    width: 100%;
    height: 40px;
    padding: 10px 0 0 5px; }
.ok-main-menu-submenu > ul {
    list-style: none;
    list-style-image: none;
    padding: 0;
    margin: 0;
    width: auto;
    height: 22px; }
.ok-main-menu-submenu > ul > li {
    list-style: none;
    display: table-cell;
    text-align: center;
    padding: 0;
    vertical-align: middle;
    border-right: 1px solid #fff;
    height: 22px; }
.ok-main-menu-submenu > ul > li > a {
    color: #ffffff;
    display: block;
    text-decoration: none;
    font-size: 22px;
    font-weight: normal;
    line-height: 22px;
    white-space: nowrap;
    text-transform: lowercase;
    padding: 0 5px 0 5px; }
.ok-main-menu-submenu > ul > li:last-child {
    border: 0; }
.ok-main-menu-submenu > ul > li:last-child a {
    padding: 0 0 0 5px; }
.ok-main-menu-submenu > ul > li:first-child > a {
    padding: 0 5px 0 0; }
.ok-main-menu-submenu > ul > li:before {
    content: ''; }

.ok-dot {
    display: inline-block;
    position: relative;
    width: 14px;
    height: 14px;
    border-radius: 45.5px;
    background-color: #e94f35;
    vertical-align: middle;
    margin-right: 10px; }

.ok-dot-small {
    width: 10px;
    height: 10px; }

.ok-themes {
    padding: 0; }
.ok-themes .ok-themes-main {
    padding: 0;
    display: block;
    float: left;
    margin-left: -1px;
    border-right: 1px solid rgba(255, 255, 255, 0.8); }
.ok-themes .ok-themes-2nd {
    padding: 0;
    display: block; }
.ok-themes .ok-themes-main-item {
    width: 100%;
    height: 409px;
    position: relative;
    margin-bottom: 20px; }
.ok-themes .ok-themes-main-item .ok-themes-main-item-img {
    position: relative;
    height: 409px;
    overflow: hidden; }
.ok-themes .ok-themes-main-item .ok-themes-main-item-img img {
    width: 100%;
    height: 409px;
    max-width: none;
    object-fit: cover;
    font-family: 'object-fit: cover;'; }
.ok-themes .ok-themes-main-item .ok-themes-main-item-title {
    position: absolute;
    bottom: 0;
    display: block;
    background: rgba(7, 0, 0, 0.65);
    width: 100%;
    padding: 15px 10px 20px 15px; }
.ok-themes .ok-themes-main-item .ok-themes-main-item-title [rel="title"] {
    text-decoration: none;
    font-size: 24px;
    color: #fff;
    display: block; }
.ok-themes .ok-themes-main-item .ok-themes-main-item-title time, .ok-themes .ok-themes-main-item .ok-themes-main-item-title [rel="category"], .ok-themes .ok-themes-main-item .ok-themes-main-item-title [rel="author"] {
    color: #fff;
    line-height: 15px;
    font-weight: normal; }
.ok-themes .ok-themes-main-item .ok-themes-main-item-title [rel="category"], .ok-themes .ok-themes-main-item .ok-themes-main-item-title [rel="author"] {
    font-weight: normal;
    border-color: #fff;
    text-decoration: none; }
.ok-themes .ok-themes-2nd-item {
    width: 100%;
    display: block;
    border: 1px solid #969696;
    margin-bottom: 20px;
    height: 123px;
    overflow: hidden; }
@media all and (max-width: 769px) {
    .ok-themes .ok-themes-2nd-item {
        height: 110px; } }
@media all and (max-width: 321px) {
    .ok-themes .ok-themes-2nd-item {
        height: auto; } }
.ok-themes .ok-themes-2nd-item .ok-themes-2nd-item-img .ok-img-wrapper {
    display: block;
    height: 123px; }
@media all and (max-width: 769px) {
    .ok-themes .ok-themes-2nd-item .ok-themes-2nd-item-img .ok-img-wrapper {
        height: 110px; } }
@media all and (max-width: 321px) {
    .ok-themes .ok-themes-2nd-item .ok-themes-2nd-item-img .ok-img-wrapper {
        height: 192px; } }
.ok-themes .ok-themes-2nd-item .ok-themes-2nd-item-img .ok-img-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    font-family: 'object-fit: cover;'; }
.ok-themes .ok-themes-2nd-item .ok-themes-2nd-item-title {
    line-height: 100%;
    padding-top: 12px; }
@media all and (max-width: 321px) {
    .ok-themes .ok-themes-2nd-item .ok-themes-2nd-item-title {
        padding: 12px; } }
.ok-themes .ok-themes-2nd-item .ok-themes-2nd-item-title [rel="title"] {
    font-size: 17px;
    text-decoration: none;
    line-height: 20px;
    color: #000;
    display: block;
    font-weight: bold;
    padding-top: 8px;
    padding-right: 5px;
    padding-bottom: 8px; }
.ok-themes .ok-themes-2nd-item .ok-themes-2nd-item-title time, .ok-themes .ok-themes-2nd-item .ok-themes-2nd-item-title [rel="author"], .ok-themes .ok-themes-2nd-item .ok-themes-2nd-item-title [rel="category"] {
    line-height: 15px; }

.ok-themes-category .ok-themes-main-item {
    border: 1px solid #979797;
    height: 552px;
    overflow: hidden; }
@media all and (max-width: 769px) {
    .ok-themes-category .ok-themes-main-item {
        height: auto;
        overflow: visible; } }
.ok-themes-category .ok-themes-main-item .ok-themes-main-item-desc {
    font-size: 15px;
    line-height: 22px;
    padding: 0px 20px 20px 20px; }
@media all and (max-width: 321px) {
    .ok-themes-category .ok-themes-main-item .ok-themes-main-item-desc {
        padding: 0 12px 12px 12px; } }
.ok-themes-category .ok-themes-main-item .ok-themes-main-item-title {
    position: inherit;
    display: block;
    width: 100%;
    background: transparent;
    padding: 15px 20px 20px 20px; }
@media all and (max-width: 321px) {
    .ok-themes-category .ok-themes-main-item .ok-themes-main-item-title {
        padding: 10px 12px 12px 12px; } }
.ok-themes-category .ok-themes-main-item .ok-themes-main-item-title [rel="title"] {
    text-decoration: none;
    font-size: 18px;
    font-weight: bold;
    color: #000;
    display: block;
    margin: 10px 0 0 0; }
.ok-themes-category .ok-themes-main-item .ok-themes-main-item-title [rel="category"], .ok-themes-category .ok-themes-main-item .ok-themes-main-item-title [rel="author"] {
    color: #e94f35;
    line-height: 15px;
    font-weight: bold;
    border-color: #e94f35; }
.ok-themes-category .ok-themes-main-item .ok-themes-main-item-title time, .ok-themes-category .ok-themes-main-item .ok-themes-main-item-title [rel="author"] {
    font-weight: normal;
    color: #e94f35;
    border-color: #e94f35; }
.ok-themes-category .ok-themes-main-item .ok-themes-main-item-img {
    height: 197px; }
@media all and (max-width: 769px) {
    .ok-themes-category .ok-themes-main-item .ok-themes-main-item-img {
        height: auto; } }
.ok-themes-category .ok-themes-main-item .ok-themes-main-item-img img {
    width: 100%;
    height: 197px;
    object-fit: cover;
    font-family: 'object-fit: cover;'; }
@media all and (max-width: 769px) {
    .ok-themes-category .ok-themes-main-item .ok-themes-main-item-img img {
        height: auto; } }

.ok-themes-category .ok-themes-3rd {
    margin-bottom: 20px;
    color: #4a4a4a; }
.ok-themes-category .ok-themes-3rd [rel="title"] {
    color: #4a4a4a;
    display: block;
    font-size: 23px;
    text-decoration: none;
    font-weight: bold; }

.ok-material-metadata time, .ok-material-metadata [rel="category"], .ok-material-metadata [rel="author"], .ok-material-metadata [rel="address"] {
    font-family: "PT Sans", Helvetica, Arial, sans-serif;
    color: #e94f35;
    font-size: 12px;
    line-height: 15px; }

.ok-material-metadata [rel="category"], .ok-material-metadata [rel="author"] {
    border-left: 1px solid #e94f35;
    padding-left: 5px;
    text-decoration: none; }

.ok-material-metadata [rel="category"] {
    font-weight: bold; }

.ok-material-metadata time {
    font-family: "PT Sans", Helvetica, Arial, sans-serif;
    color: #e94f35;
    font-size: 12px; }

.ok-material-metadata [rel="category"] {
    font-family: "PT Sans", Helvetica, Arial, sans-serif;
    color: #e94f35;
    font-size: 12px;
    font-weight: bold;
    border-left: 1px solid #e94f35;
    padding-left: 5px; }

.ok-quote {
    border: 1px solid #979797;
    border-left: none;
    border-right: none;
    text-align: center;
    height: 168px;
    display: table-cell;
    vertical-align: middle;
    position: relative;
    margin-bottom: 20px; }
.ok-quote .ok-quote-sign {
    width: 22px;
    left: 49%;
    top: -11px;
    height: 22px;
    position: absolute;
    background: transparent url(../images/icons/group.png) center center no-repeat; }
.ok-quote .ok-quote-text {
    display: table-cell;
    vertical-align: middle;
    font-size: 18px;
    font-weight: bold;
    height: 130px; }
.ok-quote .ok-quote-title {
    font-size: 12px;
    font-family: "PT Sans", Helvetica, Arial, sans-serif;
    color: #e94f35; }

.ok-photo-small {
    position: relative;
    margin-bottom: 20px; }
.ok-photo-small .ok-img-wrapper {
    width: 100%;
    height: 183px;
    overflow: hidden; }
@media all and (max-width: 769px) {
    .ok-photo-small .ok-img-wrapper {
        height: auto; } }
.ok-photo-small img {
    background: #999;
    width: 100%;
    height: 100%;
    object-fit: cover;
    font-family: 'object-fit: cover;'; }
.ok-photo-small [rel="title"] {
    position: relative;
    padding: 0 20px 0 20px;
    margin: 0;
    display: block;
    margin-top: -60px;
    height: 60px;
    color: #fff;
    text-decoration: none;
    font-size: 18px;
    font-weight: bold;
}
@media all and (max-width: 321px) {
    .ok-photo-small [rel="title"] {
        padding: 0 12px 16px 12px;
        margin-top: -82px;
        height: 82px; } }

.ok-addl-material {
    margin-bottom: 20px; }
.ok-addl-material [rel="title"] {
    font-size: 24px;
    font-weight: bold;
    text-decoration: none;
    display: block;
    color: #4a4a4a; }
@media all and (max-width: 321px) {
    .ok-addl-material [rel="title"] {
        margin: 12px 0 10px 0; } }
.ok-addl-material .ok-addl-material-intro {
    margin-top: 10px;
    font-size: 16px;
    line-height: 22px;
    color: #4a4a4a; }
.ok-addl-material .ok-img-wrapper {
    width: 100%;
    background: #e94f35; }
@media all and (max-width: 769px) {
    .ok-addl-material .ok-img-wrapper {
        height: auto; } }
.ok-addl-material .ok-img-wrapper img {
    width: 100%;
    height: 225px;
    object-fit: cover;
    font-family: 'object-fit: cover;';
    mix-blend-mode: multiply;
    opacity: 0.77; }

.ok-photo-container {
    background: #f0f0f0;
    margin-bottom: 20px; }

.ok-photo-description {
    line-height: 140%;
    padding: 10px 15px 10px 0; }
@media all and (max-width: 769px) {
    .ok-photo-description {
        padding: 20px; } }
@media all and (max-width: 321px) {
    .ok-photo-description {
        padding: 12px; } }
.ok-photo-description [rel="title"] {
    text-decoration: none;
    font-size: 18px;
    color: #000;
    display: block;
    font-weight: bold;
    margin: 10px 0;
    line-height: 22px; }
.ok-photo-description [rel="subsection"] {
    display: block;
    color: #e94f35;
    font-weight: bold;
    margin: 5px 0 10px 0;
    font-size: 18px; }
.ok-photo-description [rel="address"] {
    font-weight: bold; }

.ok-cityman-answer {
    font-size: 16px;
    line-height: 22px; }

.ok-fixed-height-w-scroll {
    position: relative;
    padding-right: 20px;
    height: 410px;
    overflow-y: scroll; }
@media all and (max-width: 769px) {
    .ok-fixed-height-w-scroll {
        height: auto;
        padding-right: 0;
        overflow-y: auto; } }
@media all and (max-width: 321px) {
    .ok-fixed-height-w-scroll {
        height: auto;
        padding-right: 0;
        overflow-y: auto; } }

.ok-last-news-side-home {
    height: 455px; }
@media all and (max-width: 769px) {
    .ok-last-news-side-home {
        height: auto;
        padding-right: 0;
        overflow: visible; } }

.ps > .ps__scrollbar-x-rail,
.ps > .ps__scrollbar-y-rail {
    opacity: 0.6 !important; }

.ps > .ps__scrollbar-y-rail > .ps__scrollbar-y {
    width: 4px; }

.ok-fixed-height-w-scroll::-webkit-scrollbar-track {
    background-color: #d8d8d8; }

.ok-fixed-height-w-scroll::-webkit-scrollbar {
    width: 4px;
    background-color: #d8d8d8; }

.ok-fixed-height-w-scroll::-webkit-scrollbar-thumb {
    background-color: #9b9b9b; }

.ok-last-news-category {
    height: 512px; }

.ok-wide-section > ul {
    padding: 0;
    margin: 0;
    text-align: left; }
.ok-wide-section > ul > li {
    padding: 0;
    margin: 0;
    line-height: 20px; }
.ok-wide-section > ul > li > a {
    text-decoration: none;
    font-size: 14px;
    font-weight: normal;
    color: #000; }
.ok-wide-section > ul > li > a > time {
    color: #e94f35;
    font-family: "PT Sans", Helvetica, Arial, sans-serif; }
.ok-wide-section > ul > li:before {
    content: ''; }

.ok-highlighted-section {
    border: 1px solid #e94f35; }
.ok-highlighted-section header {
    text-transform: uppercase;
    background: #e94f35;
    font-size: 24px;
    height: 40px;
    line-height: 40px;
    color: #ffffff;
    font-weight: bold;
    padding: 0 100px;
    width: auto;
    display: inline-block; }
.ok-highlighted-section .ok-highlighted-section-all {
    display: inline-block;
    background: #838486;
    color: #ffffff;
    text-decoration: none;
    line-height: 40px;
    font-size: 14px;
    margin: 0;
    float: right;
    padding: 0 20px; }
.ok-highlighted-section > ul {
    padding: 0;
    margin: 15px 15px; }
.ok-highlighted-section > ul > li {
    padding: 5px 0;
    margin: 0;
    line-height: 22px; }
.ok-highlighted-section > ul > li > a {
    color: #000000;
    text-decoration: none;
    font-size: 20px;
    font-weight: bold; }
.ok-highlighted-section > ul > li > a [rel="title"] {
    margin-left: 20px; }
.ok-highlighted-section > ul > li:before {
    content: ''; }

.ok-poll {
    /**
   * How it should look when hovered
   */
    /**
   * Make those labels sexy
   */
    /**
   * How it should look when checked
   */
    /**
   * How it should look when disabled
   */ }
.ok-poll input[type=radio] {
    display: none; }
.ok-poll .active-label, .ok-poll label:focus, .ok-poll label:hover, .ok-poll label:active, .ok-poll input:checked + label {
    color: #e94f35; }
.ok-poll .active-label:before, .ok-poll label:focus:before, .ok-poll label:hover:before, .ok-poll label:active:before, .ok-poll input:checked + label:before {
    background: white;
    border-color: #e94f35; }
.ok-poll label {
    cursor: pointer;
    display: block;
    padding: 0 0 0 30px;
    position: relative;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    background: white;
    whitespace: no-wrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all .15s ease;
    /**
     * This is the radio fake dot basically
     */ }
.ok-poll label:first-of-type {
    border: 0; }
.ok-poll label:before {
    content: "";
    position: absolute;
    left: 0;
    top: 6px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    border: 1px solid #979797; }
.ok-poll input:checked + label:before {
    border-color: white;
    border: none;
    background: #e94f35; }
.ok-poll input:disabled + label {
    /*background: #efefef;*/
    color: rgba(0, 0, 0, 0.5);
    cursor: not-allowed; }
.ok-poll input:disabled + label:hover {
    border-color: rgba(0, 0, 0, 0.1); }
.ok-poll input:disabled + label:before {
    border-color: white;
    background: white; }
.ok-poll .ok-poll-main {
    height: 200px; }
@media all and (max-width: 769px) {
    .ok-poll .ok-poll-main {
        height: auto; } }
.ok-poll .ok-poll-title {
    font-size: 18px;
    font-weight: bold;
    margin: -6px 0 10px 0; }
.ok-poll form {
    text-align: left; }
.ok-poll ul {
    list-style: none;
    padding: 0; }
.ok-poll ul li {
    padding: 0;
    line-height: 150%;
    font-size: 14px; }
.ok-poll ul li:before {
    content: ''; }
.ok-poll [type="submit"] {
    font-size: 12px;
    font-family: "PT Sans", Helvetica, Arial, sans-serif;
    background: none;
    border: 0;
    text-transform: lowercase;
    color: #e94f35;
    margin-left: 25px; }

.ok-poll-results {
    text-align: left;
    margin-bottom: 20px; }
.ok-poll-results li:before {
    content: ''; }
.ok-poll-results .ok-poll-list {
    text-align: left;
    margin: 0;
    padding: 0; }
.ok-poll-results .ok-poll-list li {
    margin: 5px 0 10px 0; }
.ok-poll-results .ok-poll-list [rel="title"] {
    text-decoration: none;
    display: block;
    font-weight: bold;
    color: #000;
    font-size: 18px; }
.ok-poll-results .ok-poll-list [rel="contents"] {
    font-size: 12px;
    font-family: "PT Sans", Helvetica, Arial, sans-serif;
    color: #e94f35; }

.ok-poll-form [rel="title"] {
    display: block;
    margin: 10px; }

.ok-poll-form > ul {
    list-style: none;
    padding: 0;
    margin: 20px 0 0 20px; }
.ok-poll-form > ul > li {
    padding: 0;
    margin: 10px 0; }
.ok-poll-form > ul > li:before {
    content: ''; }

.ok-poll-form .ok-button {
    float: right;
    margin-right: 10px; }

.ok-frame-border {
    text-align: center;
    border: 1px solid #e94f35;
    padding: 0 20px 10px 20px;
    margin-bottom: 20px; }

.ok-frame-caption {
    font-family: "Noto Serif", serif;
    font-size: 18px;
    font-weight: bold;
    text-transform: lowercase;
    display: inline-block;
    background: #fff;
    color: #e94f35;
    top: -15px;
    position: relative;
    padding: 0 15px; }

.ok-news-wide .ok-content-list {
    padding: 0;
    margin: 0;
    line-height: 22px; }
.ok-news-wide .ok-content-list li {
    padding: 10px 0 10px 0;
    clear: both; }
.ok-news-wide .ok-content-list a {
    text-decoration: none;
    color: #000;
    font-size: 16px;
    line-height: 22px;
    font-weight: bold;
    margin: 5px 0;
    display: block; }
.ok-news-wide .ok-content-list a .ok-material-metadata {
    display: block; }
.ok-news-wide .ok-content-list a .ok-material-metadata time, .ok-news-wide .ok-content-list a .ok-material-metadata [rel="author"], .ok-news-wide .ok-content-list a .ok-material-metadata [rel="category"] {
    font-size: 14px; }
.ok-news-wide .ok-content-list a img {
    width: 129px;
    float: left;
    margin-right: 20px; }
.ok-news-wide .ok-content-list li:before {
    content: ''; }

.ok-content-more .ok-content-list {
    padding: 0;
    margin: 0;
    line-height: 22px; }
.ok-content-more .ok-content-list li {
    padding: 0 0 20px 0;
    clear: both; }
.ok-content-more .ok-content-list a {
    text-decoration: none;
    color: #000;
    font-size: 16px;
    line-height: 22px; }
.ok-content-more .ok-content-list a .ok-material-metadata {
    display: block; }
.ok-content-more .ok-content-list a img {
    width: 129px;
    float: left;
    margin-right: 20px; }
.ok-content-more .ok-content-list li:before {
    content: ''; }
.ok-content-more .ok-content-list li:after {
    content: '';
    clear: both;
    display: block; }

.ok-footer {
    border-top: 1px solid #000000; }

.ok-footer-info {
    padding: 20px;
    background: #838486;
    color: #ffffff;
    font-size: 12px;
    line-height: 16px; }
.ok-footer-info .ok-footer-info-nav ul {
    margin: 0 0 20px 0;
    padding: 0;
    display: table; }
.ok-footer-info .ok-footer-info-nav li {
    padding: 0;
    display: table-cell;
    text-align: left;
    border-right: 1px solid #fff; }
.ok-footer-info .ok-footer-info-nav li:first-child {
    text-align: left; }
.ok-footer-info .ok-footer-info-nav li:first-child > a {
    padding: 0 10px 0 0; }
.ok-footer-info .ok-footer-info-nav li:last-child {
    text-align: left;
    border: 0; }
.ok-footer-info .ok-footer-info-nav li:before {
    content: ''; }
.ok-footer-info .ok-footer-info-nav a {
    text-transform: uppercase;
    color: #fff;
    font-size: 18px;
    text-decoration: none;
    display: block;
    font-weight: normal;
    line-height: 18px;
    white-space: nowrap;
    padding: 0 10px; }

.ok-footer-search-form {
    margin-top: 15px;
    padding: 0 10px; }
.ok-footer-search-form input {
    width: 100%;
    background: transparent url(../images/ok-sign-hr.png) no-repeat 5px center;
    border: 1px solid #838486;
    padding: 5px 5px 5px 58px;
    line-height: 30px;
    height: 30px;
    color: #000; }
.ok-footer-search-form input::-webkit-input-placeholder {
    font-size: 12px;
    font-style: italic;
    color: #838486; }
.ok-footer-search-form input:-moz-placeholder {
    /* Firefox 18- */
    font-size: 12px;
    font-style: italic;
    color: #838486; }
.ok-footer-search-form input::-moz-placeholder {
    /* Firefox 19+ */
    font-size: 12px;
    font-style: italic;
    color: #838486; }
.ok-footer-search-form input:-ms-input-placeholder {
    font-size: 12px;
    font-style: italic;
    color: #838486; }

.ok-footer-social {
    margin: 20px 0 0 0;
    list-style: none;
    padding: 0 10px 10px 10px;
    display: table; }
.ok-footer-social li {
    display: table-cell;
    padding: 0 10px 0 0; }
.ok-footer-social li:before {
    content: ''; }

.ok-articles-list {
    padding: 0;
    margin: 0; }
.ok-articles-list a {
    text-decoration: none; }
.ok-articles-list li {
    clear: both;
    padding: 0;
    margin: 0 0 14px 0; }
.ok-articles-list li:before {
    content: ''; }
.ok-articles-list [rel="title"] {
    color: #000;
    font-size: 14px; }
.ok-articles-list time {
    color: #e94f35;
    font-size: 14px;
    font-weight: bold; }

.ok-articles-wide-list {
    padding: 0;
    margin: 0; }
.ok-articles-wide-list a {
    text-decoration: none; }
.ok-articles-wide-list li {
    clear: both;
    padding: 0;
    margin: 0 0 14px 0; }
.ok-articles-wide-list li:before {
    content: ''; }
.ok-articles-wide-list [rel="title"] {
    color: #000;
    font-size: 16px; }
.ok-articles-wide-list time {
    color: #e94f35;
    font-size: 16px;
    font-weight: bold; }
.ok-articles-wide-list .ok-articles-wide-list-item-text {
    clear: both;
    margin: 8px 0 25px 0; }
.ok-articles-wide-list .ok-articles-wide-list-item-text img {
    width: 190px;
    float: left;
    margin: 0 20px 20px 0; }
.ok-articles-wide-list .ok-articles-wide-list-item-text p {
    font-family: "PT Sans", Helvetica, Arial, sans-serif;
    font-size: 16px;
    line-height: 24px;
    margin: 0;
    padding: 0; }

.ok-photo-list {
    padding: 0;
    margin: 0; }
.ok-photo-list a {
    text-decoration: none; }
.ok-photo-list li {
    padding: 0;
    margin: 14px 0;
    line-height: 100%; }
.ok-photo-list li:before {
    content: ''; }
.ok-photo-list [rel="title"] {
    color: #000;
    font-size: 16px;
    font-weight: bold;
    display: block; }

.ok-main-list ul {
    padding: 0;
    margin: 0 0 40px 0; }

.ok-main-list time, .ok-main-list [rel="title"] {
    font-size: 20px;
    font-weight: bold; }

.ok-main-list h1 {
    font-size: 20px;
    font-weight: bold;
    text-transform: uppercase;
    color: #e94f35;
    margin: 0px 0 30px 10px; }

.ok-archive-pager {
    margin: 10px 0;
    position: relative;
    font-size: 14px; }
.ok-archive-pager header {
    text-transform: uppercase;
    font-size: 20px;
    font-weight: bold;
    color: #e94f35; }
.ok-archive-pager .ok-archive-pager-items {
    display: table;
    width: auto;
    padding: 0;
    margin: 0 0 0 -10px; }
.ok-archive-pager .ok-archive-pager-items > li {
    text-align: center;
    width: 30px;
    display: table-cell;
    position: inherit;
    white-space: nowrap;
    padding: 0; }
.ok-archive-pager .ok-archive-pager-items > li a {
    font-size: 14px;
    text-decoration: none;
    color: #838486;
    font-family: "PT Sans", Helvetica, Arial, sans-serif; }
.ok-archive-pager .ok-archive-pager-items .ok-archive-pager-items-selected {
    font-weight: bold;
    color: #000;
    border: 1px solid #e94f35; }
.ok-archive-pager .ok-archive-pager-items li:before {
    content: ''; }

.ok-comments-list {
    padding: 0;
    margin: 0; }
.ok-comments-list > * {
    font-size: 18px; }
.ok-comments-list .ok-comments-item-img-col {
    width: 17%;
    margin-right: 3%;
    padding-top: 3px;
    float: left; }
.ok-comments-list .ok-comments-item-text-col {
    width: 80%;
    float: left; }
.ok-comments-list a {
    text-decoration: none;
    color: #000; }
.ok-comments-list li {
    line-height: 125%;
    padding: 0;
    margin: 20px 0; }
.ok-comments-list li:before {
    content: ''; }
.ok-comments-list [rel="contents"] {
    display: block;
    color: #000;
    font-size: 18px;
    margin-bottom: 10px; }
.ok-comments-list time, .ok-comments-list [rel="title"], .ok-comments-list [rel="author"] {
    display: block;
    color: #838486;
    font-size: 18px; }

.ok-announce {
    padding: 10px 0; }
.ok-announce img {
    margin: 5px 0; }
.ok-announce time {
    font-size: 18px;
    color: #000; }
.ok-announce address {
    display: inline;
    font-size: 18px;
    color: #000;
    font-style: normal; }
.ok-announce address:before {
    content: '| '; }
.ok-announce [rel="title"] {
    display: block;
    font-size: 24px;
    color: #000000;
    text-decoration: none;
    margin: 5px 0; }

.ok-partners {
    border-top: 1px solid #000;
    padding: 10px; }

.ok-button {
    font-size: 20px;
    font-weight: bold;
    background: #e94f35;
    border: 0;
    color: #fff; }

.ok-hr {
    background: none;
    border: 0;
    border-bottom: 1px solid #e94f35;
    margin: 40px 0; }

.ok-global-wrapper, .ok-header-wrapper, #mobile-menu-overlay {
    background: #fff;
    max-width: 1281px;
    min-width: 1281px;
    padding-left: 20px;
    padding-right: 20px;
    position: relative; }
@media all and (min-width: 769px) {
    .ok-global-wrapper, .ok-header-wrapper, #mobile-menu-overlay {
        max-width: 1281px;
        min-width: 1281px; } }
@media all and (max-width: 769px) {
    .ok-global-wrapper, .ok-header-wrapper, #mobile-menu-overlay {
        min-width: 769px;
        max-width: 769px;
        padding-left: 16px;
        padding-right: 16px; } }
@media all and (max-width: 321px) {
    .ok-global-wrapper, .ok-header-wrapper, #mobile-menu-overlay {
        min-width: 321px;
        max-width: 321px;
        padding-left: 16px;
        padding-right: 16px; } }

@media all and (min-width: 769px) {
    .ok-top-header-fixed {
        display: block;
        position: fixed;
        max-width: 1241px;
        min-width: 1241px;
        background: #fff;
        padding-bottom: 10px;
        z-index: 20; } }

.ok-header-wrapper {
    margin-bottom: 31px; }
@media all and (min-width: 769px) {
    .ok-header-wrapper {
        height: 112px; } }
@media all and (max-width: 769px) {
    .ok-header-wrapper {
        padding: 0;
        padding-left: 16px;
        margin-bottom: 20px; } }
@media all and (max-width: 321px) {
    .ok-header-wrapper {
        padding-left: 16px;
        padding-right: 16px;
        margin-bottom: 20px; } }

.ok-highlight-sign {
    background: transparent url(../images/ok-sign.png);
    width: 56px;
    height: 72px;
    position: absolute;
    margin: -34px 0 0 10px; }

.ok-section, .ok-section-top {
    margin-bottom: 20px; }
.ok-section header, .ok-section-top header {
    color: #000;
    font-size: 16px;
    white-space: nowrap;
    font-weight: normal;
    height: 22px;
    line-height: 22px;
    text-transform: lowercase;
    padding-left: 28px;
    margin-bottom: 15px;
    margin-top: 5px;
    background: transparent url(../images/icons/group.png) left center no-repeat; }
@media all and (max-width: 769px) {
    .ok-section header, .ok-section-top header {
        font-size: 14px; } }
.ok-section header a, .ok-section-top header a {
    text-decoration: none;
    color: #000; }

.ok-section-top .ok-articles-list {
    padding: 0;
    padding-right: 10px;
    line-height: 80%; }

.ok-section-top time {
    color: #000; }

.ok-news-category-item {
    border: 1px solid #969696;
    height: 318px;
    overflow: hidden;
    margin-bottom: 20px; }
@media all and (max-width: 321px) {
    .ok-news-category-item {
        overflow: visible;
        height: auto; } }
.ok-news-category-item img {
    width: 100%;
    height: 198px;
    object-fit: cover;
    font-family: 'object-fit: cover;'; }
.ok-news-category-item time {
    margin-left: 15px; }
.ok-news-category-item [rel="title"] {
    margin: 10px 10px 10px 15px;
    font-weight: bold;
    text-decoration: none;
    font-size: 17px;
    color: #000;
    display: block;
    line-height: 130%; }

.ok-main {
    margin-bottom: 20px; }

.ok-content {
    font-size: 18px;
    margin: 0 0 30px 0; }
.ok-content p {
    font-size: 18px;
    padding: 8px 0; }
.ok-content p img {
    margin: 10px; }
@media all and (max-width: 769px) {
    .ok-content p img {
        width: 100%;
        display: block;
        float: none;
        margin: 10px 0; } }
.ok-content h1 {
    font-size: 24px;
    font-weight: bold;
    margin: 0 0 13px 0;
    padding: 0;
    font-family: "Noto Serif", serif; }
.ok-content h2, .ok-content h3, .ok-content h4 {
    font-size: 22px;
    font-family: "Noto Serif", serif;
    font-weight: bold;
    margin: 10px 0 10px 0; }
.ok-content .ok-content-metadata {
    display: block;
    margin-bottom: 20px; }
.ok-content .ok-content-img {
    margin: 0;
    width: 100%; }
.ok-content .ok-content-intro {
    display: block;
    font-size: 20px;
    margin: 20px 0; }
.ok-content .quote {
    display: block;
    font-weight: bold;
    padding: 0px 20px 0px 120px;
    margin: 20px 0px 20px 0;
    background: transparent url(../images/ok-sign-cite.png) no-repeat;
    min-height: 90px; }
.ok-content .ok-content-tags {
    font-family: "PT Sans", Helvetica, Arial, sans-serif;
    color: #e94f35;
    font-size: 12px;
    line-height: 16px;
    margin: 20px 0 20px 0; }
.ok-content .ok-content-tags > ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: inline;
    font-size: 12px;
    line-height: 16px; }
.ok-content .ok-content-tags > ul > li {
    padding: 0;
    display: inline;
    font-size: 12px;
    line-height: 16px; }
.ok-content .ok-content-tags > ul > li > a {
    text-decoration: none;
    color: #e94f35;
    font-size: 12px;
    line-height: 16px; }
.ok-content .ok-content-tags > ul > li > a:after {
    content: ' | '; }
.ok-content .ok-content-tags > ul > li:last-child > a:after {
    content: ''; }
.ok-content .ok-content-tags > ul > li:before {
    content: ''; }

.ok-content-category h1, .ok-content-category div {
    display: block;
    font-family: "Noto Serif", serif;
    white-space: nowrap;
    text-transform: lowercase;
    text-align: right;
    float: right;
    font-size: 70px;
    line-height: 70px;
    padding: 0;
    margin: 0;
    margin-right: 50%;
    margin-top: -40px;
    color: #d4d4d4;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: 100% 45px;
    transform-origin: 100% 45px; }
@media all and (max-width: 769px) {
    .ok-content-category h1, .ok-content-category div {
        -webkit-transform: none;
        transform: none;
        margin: 0;
        float: none;
        text-align: left;
        font-size: 60px;
        margin-bottom: 20px; } }
@media all and (max-width: 321px) {
    .ok-content-category h1, .ok-content-category div {
        -webkit-transform: none;
        transform: none;
        margin: 0;
        float: none;
        text-align: left;
        font-size: 31px;
        margin-bottom: 20px;
        line-height: 37px; } }

.ok-report-link-wrapper {
    position: relative;
    left: -14%; }
@media all and (max-width: 769px) {
    .ok-report-link-wrapper {
        left: auto;
        border: 1px solid #e94f35;
        height: 100px;
        width: 100%;
        text-align: center;
        display: table; } }
.ok-report-link-wrapper .ok-report-link {
    margin-top: -20px;
    position: absolute;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: 0px 0px;
    transform-origin: 0px 0px; }
@media all and (max-width: 769px) {
    .ok-report-link-wrapper .ok-report-link {
        display: table-cell;
        vertical-align: middle;
        position: relative;
        margin: auto;
        -webkit-transform: none;
        transform: none; } }
.ok-report-link-wrapper .ok-report-link a {
    font-family: "PT Sans", Helvetica, Arial, sans-serif;
    font-size: 16px;
    white-space: nowrap;
    color: #e94f35;
    text-decoration: none; }
@media all and (max-width: 769px) {
    .ok-report-link-wrapper .ok-report-link a {
        display: block; } }

.ok-share-links-wrapper {
    display: block;
    text-align: right;
    float: right; }
.ok-share-links-wrapper .ok-share-links {
    margin: 10px 0 0 15px;
    position: absolute; }
.ok-share-links-wrapper .ok-share-links a {
    margin: 0 0 13px 0;
    display: block; }
.ok-share-links-wrapper .ok-share-links.ok-share-links-fixed {
    position: fixed;
    top: 112px; }

/* SLICK Arrows */
.ok-gallery {
    border-bottom: 0; }
.ok-gallery time, .ok-gallery h1 {
    font-size: 36px;
    line-height: 36px;
    margin: 20px 0 3px 0;
    padding: 0; }
.ok-gallery time {
    color: #e94f35;
    float: left; }
.ok-gallery h1:before {
    content: " | "; }
.ok-gallery .ok-content-intro {
    float: none;
    width: auto;
    margin: 30px 0; }
.ok-gallery [rel="author"] {
    font-size: 20px;
    font-weight: normal;
    color: #000;
    text-decoration: none; }
.ok-gallery [rel="author"]:before {
    content: ''; }

.ok-gallery-home .slick-dots {
    position: relative;
    margin-top: -45px;
    padding-bottom: 15px; }

.ok-gallery-home img {
    width: 100%;
    height: 450px;
    object-fit: cover;
    font-family: 'object-fit: cover;'; }

.ok-gallery-big img {
    width: 100%; }

.ok-gallery-nav {
    margin: 0;
    margin-top: 30px; }
.ok-gallery-nav div {
    margin: 0 18px 0 0; }
.ok-gallery-nav div > img {
    cursor: pointer; }
.ok-gallery-nav li:before {
    content: ''; }

.ok-more-galleries header {
    font-size: 18px;
    color: #e94f35;
    display: block;
    margin: 0 0 20px 0; }

.ok-more-galleries [rel="title"] {
    font-size: 20px;
    font-weight: bold;
    text-decoration: none;
    color: #000;
    margin: 20px 0;
    display: block; }

.slick-prev,
.slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 22px;
    height: 38px;
    margin-top: -10px;
    padding: 0;
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent; }

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
    opacity: 1; }

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
    opacity: .25; }

.slick-prev {
    left: -25px;
    background-image: url(../images/arr-left.png); }

.slick-next {
    right: -25px;
    background-image: url(../images/arr-right.png); }

.slick-slider {
    position: relative; }

.ok-logo {
    display: block;
    height: 80px; }
@media all and (max-width: 321px) {
    .ok-logo {
        margin-bottom: 30px; } }
.ok-logo > div img {
    margin-top: 14px; }
@media all and (max-width: 321px) {
    .ok-logo > div img {
        margin-top: 16px;
        margin-bottom: 30px; } }

.ok-mobile-menu {
    width: 60px;
    height: 60px;
    background-image: none;
    background-color: transparent;
    border: none;
    padding: 0;
    display: none;
    transition: background-color 0.2s ease-out;
    -webkit-tap-highlight-color: transparent;
    position: absolute;
    top: 0;
    right: 0; }
@media all and (max-width: 769px) {
    .ok-mobile-menu {
        display: block; } }
.ok-mobile-menu:hover {
    background-color: rgba(205, 68, 52, 0.1); }
.ok-mobile-menu:focus {
    background-color: rgba(205, 68, 52, 0.2);
    outline: 0; }
.ok-mobile-menu:active {
    background-color: rgba(205, 68, 52, 0.4); }
.ok-mobile-menu img {
    height: 24px;
    width: 24px; }

.ok-archive-pager .slick-prev-cont,
.ok-archive-pager .slick-next-cont {
    display: inline;
    margin: 0;
    padding: 0;
    font-size: 12px; }

.ok-archive-pager .slick-prev,
.ok-archive-pager .slick-next {
    font-size: 0;
    line-height: 0;
    display: inline;
    position: inherit;
    top: auto;
    margin-top: -10px;
    width: 30px;
    height: 11px;
    font-size: 12px;
    padding: 0;
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
    background-repeat: no-repeat;
    background-position: center center; }

.ok-archive-pager .slick-prev {
    background-image: url(../images/arr-prev.png); }

.ok-archive-pager .slick-next {
    background-image: url(../images/arr-next.png); }

.ok-archive-pager .slick-disabled {
    opacity: 0.3; }

.ok-archive-months .ok-archive-month-item {
    display: inline;
    text-align: center;
    margin: 0 20px;
    white-space: nowrap;
    font-size: 12px;
    font-style: italic;
    text-decoration: none;
    color: #838486;
    cursor: pointer; }

.ok-archive-days {
    display: table;
    width: 100%; }
.ok-archive-days a {
    display: table-cell;
    font-size: 12px;
    font-style: italic;
    text-decoration: none;
    color: #838486; }

.ok-regions {
    background: #f0f0f0;
    margin-bottom: 20px;
    padding: 24px 20px 25px 20px;
    width: 103%;
    margin-left: -1.5%; }
@media all and (max-width: 769px) {
    .ok-regions {
        width: auto;
        margin-left: auto; } }
@media all and (max-width: 321px) {
    .ok-regions {
        padding: 16px; } }
.ok-regions .ok-regions-caption div {
    font-size: 50px;
    color: #d4d4d4;
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
    margin-top: 150px; }
@media all and (max-width: 321px) {
    .ok-regions .ok-regions-caption div {
        font-size: 31px;
        line-height: 37px;
        color: #d4d4d4;
        margin: 0 0 20px 0;
        -webkit-transform: none;
        transform: none; } }
.ok-regions .ok-regions-item .ok-regions-item-content {
    background: #fff;
    padding: 8px 14px;
    height: 188px;
    overflow: hidden; }
.ok-regions .ok-regions-item img {
    width: 100%;
    height: 127px;
    object-fit: cover;
    font-family: 'object-fit: cover;'; }
.ok-regions .ok-regions-item [rel="category"] {
    font-family: "Noto Serif", serif;
    font-weight: bold;
    font-size: 18px;
    color: #e94f35;
    text-decoration: none;
    display: block;
    border: 0;
    padding: 0;
    line-height: 22px;
    text-decoration: none;
    margin-bottom: 10px; }
.ok-regions .ok-regions-item [rel="title"] {
    font-size: 17px;
    line-height: 22px;
    color: #000;
    text-decoration: none;
    display: block;
    margin-top: 2px; }

.ok-bottom-banner img {
    min-width: 100%;
    height: 200px; }

.ok-bottom {
    margin-top: 20px;
    margin-bottom: 40px;
    border-top: 1px solid #979797; }
.ok-bottom nav {
    margin: 5px 0; }
.ok-bottom nav ul {
    padding: 0; }
.ok-bottom nav li {
    padding: 0;
    display: inline-block; }
.ok-bottom nav a {
    font-family: "PT Sans", Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: bold;
    display: inline-block;
    color: #9b9b9b;
    text-decoration: none;
    margin-right: 5px; }
.ok-bottom nav li:before {
    content: ''; }
.ok-bottom nav li:after {
    font-size: 12px;
    color: #9b9b9b;
    content: '|';
    top: -2px;
    position: relative; }
.ok-bottom nav li.last:after {
    content: ''; }
.ok-bottom .ok-bottom-copyright {
    font-family: "PT Sans", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 120%;
    color: #9b9b9b; }

.ok-side-block span {
    font-family: "PT Sans", Helvetica, Arial, sans-serif;
    font-weight: bold;
    font-size: 16px;
    color: #fff;
    display: block;
    padding: 10px;
    line-height: 1.3000em;
}

.ok-side-block [rel="title"] {
    /*font-weight: bold;*/
    color: #fff;
    text-decoration: none;
    display: block;
    padding: 10px;
    line-height: 1.3000em;
}

.ok-side-block-jurist {
    background: #4a4a4a; }

.ok-side-block-last {
    margin-bottom: 20px; }

a.ok-photo-badge {
    display: inline-block;
    font-weight: bold;
    font-size: 17px;
    line-height: 30px;
    height: 30px;
    position: absolute;
    margin-top: 15px;
    background: transparent url(../images/rectangle.png) right center no-repeat;
    color: #fff;
    padding: 0 15px 0 5px;
    text-decoration: none;
    z-index: 5; }

.ok-bw {
    mix-blend-mode: multiply;
    filter: grey;
    -webkit-filter: grayscale(1);
    filter: grayscale(1); }

.ok-city-weather {
    font-family: "PT Sans", Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
    line-height: 140%; }
.ok-city-weather [rel="temp"], .ok-city-weather [rel="weather"] {
    display: inline-block;
    padding: 0 8px;
    font-size: 22px;
    line-height: 24px;
    font-weight: bold;
    border: 1px solid #fff;
    border-width: 0 1px 0 0;
    vertical-align: top; }
.ok-city-weather [rel="temp"] img, .ok-city-weather [rel="weather"] img {
    vertical-align: top; }
.ok-city-weather [rel="temp"] {
    border-width: 0 1px; }

.ok-currencies {
    font-family: "PT Sans", Helvetica, Arial, sans-serif;
    font-size: 12px;
    line-height: 140%; }
.ok-currencies span {
    font-weight: bold; }

.slick-dots {
    display: block;
    width: 100%;
    padding: 0;
    list-style: none;
    text-align: center; }

.slick-dots li {
    position: relative;
    display: inline-block;
    width: 15px;
    height: 15px;
    margin: 0 1px;
    padding: 0;
    cursor: pointer; }

.slick-dots li:before {
    content: ''; }

.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 15px;
    height: 15px;
    padding: 0px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent; }

.slick-dots li button:hover,
.slick-dots li button:focus {
    outline: none; }

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
    opacity: 1; }

.slick-dots li button:before {
    font-size: 35px;
    line-height: 15px;
    position: absolute;
    top: 0;
    left: 0;
    width: 15px;
    height: 15px;
    content: '•';
    text-align: center;
    color: #ccc;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

.slick-dots li.slick-active button:before {
    color: #e94f35; }

.slick-prev,
.slick-next {
    font-size: 0;
    line-height: 0;
    display: inline;
    position: absolute;
    top: 50%;
    margin-top: -30px;
    width: 30px;
    height: 30px;
    padding: 0;
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent; }

.slick-prev {
    left: 10px;
    background-image: url(../images/arr-prev.png); }

.slick-next {
    right: 10px;
    background-image: url(../images/arr-next.png); }

.ok-photos-main-item {
    width: 100%;
    position: relative;
    margin-bottom: 20px; }
.ok-photos-main-item .ok-photos-main-item-img img {
    width: 100%; }
.ok-photos-main-item .ok-photos-main-item-text {
    color: #fff;
    font-size: 18px; }
.ok-photos-main-item .ok-photos-main-item-title {
    position: absolute;
    bottom: 0;
    display: block;
    background: rgba(0, 0, 0, 0.5);
    width: 100%;
    padding: 15px 10px 20px 15px; }
@media all and (max-width: 321px) {
    .ok-photos-main-item .ok-photos-main-item-title {
        position: relative; } }
.ok-photos-main-item .ok-photos-main-item-title [rel="title"] {
    text-decoration: none;
    font-size: 24px;
    color: #fff;
    display: block;
    margin: 10px 0; }
.ok-photos-main-item .ok-photos-main-item-title time, .ok-photos-main-item .ok-photos-main-item-title [rel="category"], .ok-photos-main-item .ok-photos-main-item-title [rel="author"] {
    color: #fff;
    line-height: 15px;
    font-weight: bold; }
.ok-photos-main-item .ok-photos-main-item-title [rel="category"], .ok-photos-main-item .ok-photos-main-item-title [rel="author"] {
    font-weight: normal;
    border-color: #fff;
    text-decoration: none; }

.ok-photos-list {
    margin-bottom: 0; }

.ok-photos-list-item {
    border: 1px solid #ccc;
    margin-top: 0;
    margin-bottom: 20px;
    height: 220px;
    overflow: hidden; }
.ok-photos-list-item img {
    width: 100%;
    height: 220px;
    object-fit: cover;
    font-family: 'object-fit: cover;'; }
.ok-photos-list-item .ok-photos-list-item-info {
    position: relative;
    margin-top: -88px;
    background: rgba(0, 0, 0, 0.5);
    height: 88px;
    padding: 5px 10px 10px 10px; }
.ok-photos-list-item .ok-photos-list-item-info .ok-material-metadata [rel="category"], .ok-photos-list-item .ok-photos-list-item-info .ok-material-metadata time {
    color: #fff;
    border-color: #fff; }
.ok-photos-list-item .ok-photos-list-item-info [rel="title"] {
    display: block;
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    line-height: 20px;
    text-decoration: none; }

.ok-photos-list-item.ok-cityman-item {
    height: 273px; }
.ok-photos-list-item.ok-cityman-item img {
    max-height: 190px;
    min-height: 190px; }
.ok-photos-list-item.ok-cityman-item .ok-material-metadata time, .ok-photos-list-item.ok-cityman-item .ok-material-metadata [rel="address"] {
    color: #e94f35; }
.ok-photos-list-item.ok-cityman-item .ok-material-metadata [rel="address"] {
    font-weight: bold; }
.ok-photos-list-item.ok-cityman-item .ok-photos-list-item-info {
    background: transparent;
    margin-top: 0; }
.ok-photos-list-item.ok-cityman-item [rel="title"] {
    color: #000;
    font-weight: normal;
    font-size: 14px; }

.ok-city-man-horiz {
    display: block;
    background: #e94f35;
    clear: both;
    height: 166px;
    margin-bottom: 20px; }
@media all and (max-width: 321px) {
    .ok-city-man-horiz {
        background: transparent; } }
.ok-city-man-horiz .ok-city-man-horiz-text {
    color: #fff;
    padding-bottom: 20px;
    background: #e94f35; }
.ok-city-man-horiz .ok-city-man-horiz-text span {
    display: block;
    font-family: "PT Sans", Helvetica, Arial, sans-serif;
    font-size: 16px;
    padding: 12px 10px 20px 20px; }
.ok-city-man-horiz .ok-city-man-horiz-text [rel="title"] {
    padding: 0 20px 0 20px;
    font-family: "Noto Serif", serif;
    font-size: 18px;
    text-decoration: none;
    display: block;
    color: #fff; }
.ok-city-man-horiz .ok-city-main-horiz-img img {
    max-width: none;
    width: 33.33%;
    height: 166px;
    object-fit: cover;
    font-family: 'object-fit: cover;';
    float: left; }

.photoicon {
    background: transparent url(../images/photo.png) no-repeat 0 0;
    width: 12px;
    height: 10px;
    position: absolute;
    margin: 5px 0 0 5px;
    background-size: cover; }

.breakingicon {
    background: transparent url(../images/flash.png) no-repeat 0 0;
    width: 10px;
    height: 14px;
    position: absolute;
    margin: 4px 0 0 5px; }

.videoicon {
    background: transparent url(../images/video.png) no-repeat 0 0;
    width: 14px;
    height: 10px;
    position: absolute;
    margin: 6px 0 0 5px; }

.ok-section header, .ok-section-top header {
    margin-top: 0px; }

.ok-top-promo-tagline {
    letter-spacing: -1px; }

.ok-top-promo p {
    line-height: 150%;
    margin-top: 3%; }

@media all and (min-width: 769px) {
    .ok-top-promo-photo {
        margin-left: -19px; } }

.ok-top-promo-info {
    padding-left: 25px; }

.ok-top-promo-photo .ok-top-promo-photo-img-col {
    margin: -5px 2px 0 -5px; }

.ok-main-menu .ok-menu-search button {
    padding: 2px 0px 0px 27px; }

.ok-themes .ok-themes-2nd-item .ok-themes-2nd-item-title {
    padding-top: 8px; }

.ok-themes .ok-themes-2nd-item .ok-themes-2nd-item-title [rel="title"] {
    padding-top: 10px; }

.ok-articles-list [rel="title"] {
    font-size: 13px; }

.ok-top-promo-tagline {
    font-size: 35px;
    line-height: 65px; }

.ok-news-wide .ok-content-list li {
    padding: 0px 0 10px 0; }

.ok-city-weather [rel="temp"] {
    font-size: 18px !important; }

li.mc-none-comments {
    display: none!important;
}

.ok-section-top .cc-last .mc-comment-info {
    margin: 0 0 0 0!important;
}

.ok-comments .cc .mc-head-container {
    display: none!important;
}

header.ok-comments {
    padding-bottom: 0px!important;
    margin-bottom: 0px!important;
}

.ok-section-top .cc-last .mc-comment-username {
    font-size: 13px!important;
}

.ok-section-top .cc-last .mc-more-toggle {
    color: #e94f35!important;
}

.cc-last .mc-comment-user {
    display: none;
}

.ok-comments {
    margin-bottom: 20px;
    margin-top: -30px;
}

.ok-side-block-city-man {
    background: #e94f35; }

.ok-side-block-city-man img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    font-family: 'object-fit: cover;';
}
@media only screen and (min-width: 321px) {
    .ok-side-block-city-man img {
        width: 100%;
        height: 250px;
        object-fit: cover;
        font-family: 'object-fit: cover;';
    }
}

.ok-quote .ok-quote-text a {
    display: table-cell;
    vertical-align: middle;
    font-size: 18px;
    font-weight: bold;
    height: 130px;
    color: #000000;
    text-decoration: none;
}

.ok-section-expert .ok-section-expert-intro p {
    font-size: 16px;
}

.ok-section-expert .ok-section-expert-intro h4 {
    font-size: 16px;
}

header.ok-comments {
    padding-left: 47px;
    background: transparent url(../images/icons/comments.png) left center no-repeat;
}

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

.img-caption {
    position: relative;
    float: left;
    left: 0;
    bottom: 30px;
    width: 100%;
    padding: 5px 10px;
    height: 30px;
    color: white;
    font-size: 14px;
    opacity: 0.6;
    filter: progid:DXImageTransform.Microsoft.gradient
    (startcolorstr=#7F000000,endcolorstr=#7F000000) 9;
    font-family: "PT Sans", Helvetica, Arial, sans-serif;
}


.ok-valign-helper-1 {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.ok-valign-helper-2 {
    display: inline-block;
    vertical-align: middle;
}

.ok-photo-description p {
    font-size: 16px;
}

.ok-photo-description span {
    font-size: 16px;
}

.photoiconsearch {
    background: transparent url(../images/photo.png) no-repeat 0 0;
    width: 12px;
    height: 10px;
    position: absolute;
    margin: 10px 0 0 5px;
    background-size: cover;
}

.ok-poll-subtitle {
    font-size: 14px;
    margin: 5px;
}