/* ===================================================================================
 *
 * @project        MMGY
 * @author         Caleb Zahnd, Midcoast Collective <caleb@midcoast.io>
 * @copyright      Copyright (c) 2019, MMGY Global
 *
 *  Do not edit this file! This file is machine-generated and constantly overwritten.
 *  Any changes you make will be overwritten the next time the /src is compiled.
 *  Edit the /src files to make edits and updates.
 *
 *  NOTE: We don't have the sourcecode, so are editing this file.
 *
 * =================================================================================== */
@charset 'UTF-8';
/*! normalize.scss v0.1.0 | MIT License | based on git.io/normalize */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
 @import url("https://use.typekit.net/niy4mtj.css");
 @import url('https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,100..900;1,100..900&display=swap');
html
{
    font-family: sans-serif;
    /* 1 */

        -ms-text-size-adjust: 100%;
    /* 2 */
    -webkit-text-size-adjust: 100%;
    /* 2 */
}

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

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

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

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

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

    height: 0;
}

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

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

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

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

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

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

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

    margin: .67em 0;
}

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

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

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

    position: relative;

    vertical-align: baseline;
}

sup
{
    top: -.5em;
}

sub
{
    bottom: -.25em;
}

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

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

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

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

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

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

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

    margin: 0;

    color: inherit;
    /* 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']
{
    /* 2 */
    cursor: pointer;

    -webkit-appearance: button;
    /* 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
{
    padding: 0; 

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

    -webkit-appearance: textfield;
}

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

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

    border: 1px solid #c0c0c0;
}

/**
 * 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
{
    /* 1 */
    padding: 0;

    border: 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-spacing: 0; 
    border-collapse: collapse;
}

td,
th
{
    padding: 0;
}

/*-----------*/
/* Variables
/*-----------*/
/*********/
/* Mixins
/*********/
.clearfix
{
    *zoom: 1;
}
.clearfix::before,
.clearfix::after
{
    display: table; 

    content: ' ';
}
.clearfix::after
{
    clear: both;
}

.object-fit:not(html):not(body)
{
    width: 100%;
    height: 100%; 

    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center center;
       object-position: center center;
}

.isVisuallyHidden
{
    position: absolute;

    overflow: hidden;
    clip: rect(0, 0, 0, 0); 

    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
}

/**************/
/* Grid Mixins
/**************/
/*--------------*/
/* Typography
/*--------------*/
@font-face
{
    font-family: 'iconfont-mmgy';
    font-weight: normal;
    font-style: normal; 

    src: url('/wp-content/themes/mmgy/assets/media/fonts/iconfont-mmgy/iconfont-mmgy.eot');
    src: url('/wp-content/themes/mmgy/assets/media/fonts/iconfont-mmgy/iconfont-mmgy.eot#iefix') format('embedded-opentype'), url('/wp-content/themes/mmgy/assets/media/fonts/iconfont-mmgy/iconfont-mmgy.ttf') format('truetype'), url('/wp-content/themes/mmgy/assets/media/fonts/iconfont-mmgy/iconfont-mmgy.woff') format('woff'), url('/wp-content/themes/mmgy/assets/media/fonts/iconfont-mmgy/iconfont-mmgy.svg#iconfont-mmgy') format('svg');
}

@font-face
{
    font-family: 'Freight';
    font-weight: 100;
    font-style: normal; 

    src: url('/wp-content/themes/mmgy/assets/media/fonts/Freight/freight_disp_pro_light-webfont.woff2') format('woff2'), url('/wp-content/themes/mmgy/assets/media/fonts/Freight/freight_disp_pro_light-webfont.woff') format('woff');
}

@font-face
{
    font-family: 'Freight';
    font-weight: 400;
    font-style: normal; 

    src: url('/wp-content/themes/mmgy/assets/media/fonts/Freight/freight_disp_pro_book-webfont.woff2') format('woff2'), url('/wp-content/themes/mmgy/assets/media/fonts/Freight/freight_disp_pro_book-webfont.woff') format('woff');
}

@font-face
{
    font-family: 'Montserrat';
    font-weight: normal;
    font-style: normal; 

    src: url('/wp-content/themes/mmgy/assets/media/fonts/Montserrat/Montserrat-Regular.ttf') format('truetype');
}

@font-face
{
    font-family: 'Montserrat';
    font-weight: normal;
    font-style: italic; 

    src: url('/wp-content/themes/mmgy/assets/media/fonts/Montserrat/Montserrat-Italic.ttf') format('truetype');
}

@font-face
{
    font-family: 'Montserrat';
    font-weight: 700;
    font-style: normal; 

    src: url('/wp-content/themes/mmgy/assets/media/fonts/Montserrat/Montserrat-SemiBold.ttf') format('truetype');
}

@font-face
{
    font-family: 'Montserrat';
    font-weight: 700;
    font-style: italic; 

    src: url('/wp-content/themes/mmgy/assets/media/fonts/Montserrat/Montserrat-SemiBoldItalic.ttf') format('truetype');
}

@font-face
{
    font-family: 'ProximaNova';
    font-weight: normal;
    font-style: normal; 

    src: url('/wp-content/themes/mmgy/assets/media/fonts/ProximaNova/ProximaNovaReg.eot');
    src: url('/wp-content/themes/mmgy/assets/media/fonts/ProximaNova/ProximaNovaReg.eot#iefix') format('embedded-opentype'), url('/wp-content/themes/mmgy/assets/media/fonts/ProximaNova/ProximaNovaReg.ttf') format('truetype'), url('/wp-content/themes/mmgy/assets/media/fonts/ProximaNova/ProximaNovaReg.woff') format('woff'), url('/wp-content/themes/mmgy/assets/media/fonts/ProximaNova/ProximaNovaReg.svg#ProximaNovaReg') format('svg');
}

@font-face
{
    font-family: 'ProximaNova';
    font-weight: 700;
    font-style: normal; 

    src: url('/wp-content/themes/mmgy/assets/media/fonts/ProximaNova/ProximaNovaBold.eot');
    src: url('/wp-content/themes/mmgy/assets/media/fonts/ProximaNova/ProximaNovaBold.eot#iefix') format('embedded-opentype'), url('/wp-content/themes/mmgy/assets/media/fonts/ProximaNova/ProximaNovaBold.ttf') format('truetype'), url('/wp-content/themes/mmgy/assets/media/fonts/ProximaNova/ProximaNovaBold.woff') format('woff'), url('/wp-content/themes/mmgy/assets/media/fonts/ProximaNova/ProximaNovaBold.svg#ProximaNovaBold') format('svg');
}

body
{
    font-family: "Archivo", sans-serif;
    font-weight: 400;
    line-height: 1.9;
}
body
{
    font-size: 15px;
}
@media screen and (min-width: 544px)
{
    body
    {
        font-size: calc(15px + 2 * ((100vw - 544px) / 896));
    }
}
@media screen and (min-width: 1440px)
{
    body
    {
        font-size: 17px;
    }
}
body.text-color-light body
{
    color: #fff;
}
body.text-color-dark body
{
    color: #000;
}
body a
{
    text-decoration: none; 

    color: #f8340d;
}
body a:hover,
body a:focus,
body a:active
{
    color: #f8340d;
}

p,
ul,
ol
{
    font-family: "Archivo", sans-serif;
    font-weight: 400;
    line-height: 1.9;

    margin: 0 0 15px;
}
p,
ul,
ol
{
    font-size: 15px;
}
@media screen and (min-width: 544px)
{
    p,
    ul,
    ol
    {
        font-size: calc(15px + 2 * ((100vw - 544px) / 896));
    }
}
@media screen and (min-width: 1440px)
{
    p,
    ul,
    ol
    {
        font-size: 17px;
    }
}
body.text-color-light p,
body.text-color-light
  ul,
body.text-color-light
  ol
{
    color: #fff;
}
body.text-color-dark p,
body.text-color-dark
  ul,
body.text-color-dark
  ol
{
    color: #141414;
}
p a,
ul a,
ol a
{
    text-decoration: none; 

    color: #f8340d;
}
p a:hover,
p a:focus,
p a:active,
ul a:hover,
ul a:focus,
ul a:active,
ol a:hover,
ol a:focus,
ol a:active
{
    color: #f8340d;
}
p:empty,
ul:empty,
ol:empty
{
    display: none;
}
p:last-child,
ul:last-child,
ol:last-child
{
    margin-bottom: 0;
}

h1,
h2,
h3,
h4,
h5,
h6
{
    line-height: 1.5;

    margin: 0;

    color: #000;
}

hr
{
    height: 1px;
    margin-bottom: 20px; 

    border: transparent;
    background: #a7a7a7;
}

a
{
    -webkit-transition: all ease-in-out 300ms;
            transition: all ease-in-out 300ms;
}
a::before,
a::after
{
    display: inline-block;
}
a:hover,
a:focus,
a:active
{
    -webkit-transition: all ease-in-out 300ms;
            transition: all ease-in-out 300ms;
}

sup
{
    font-size: 60%;
}

/**********/
/* Buttons
/**********/
.btn,
.btn__block,
.content-block--form .gform_button.button
{
    font-family: zuume-edge, sans-serif;
    font-weight: 700;
    line-height: 1;

    display: inline-block;

    padding: 15px 40px;

    -webkit-transition: all cubic-bezier(.68, -.55, .265, 1.55) 300ms;
            transition: all cubic-bezier(.68, -.55, .265, 1.55) 300ms; 
    text-align: center;
    text-decoration: none;
    
    text-transform: uppercase;

    opacity: 1;
    color: #000;
    color: #000;
    border-width: 0;
    border-style: solid;
    border-color: #fff;
    border-radius: 4px;
    background-color: #fff;
}
.btn,
.btn__block,
.content-block--form .gform_button.button
{
    font-size: 18x;
}
@media screen and (min-width: 544px)
{
    .btn,
    .btn__block,
    .content-block--form .gform_button.button
    {
        font-size: 21px;
    }
}
@media screen and (min-width: 1440px)
{
    .btn,
    .btn__block,
    .content-block--form .gform_button.button
    {
        font-size: 21px;
    }
}
.btn:hover,
.btn__block:hover,
.content-block--form .gform_button.button:hover,
.btn:focus,
.btn__block:focus,
.content-block--form .gform_button.button:focus,
.btn.focus,
.focus.btn__block,
.content-block--form .focus.gform_button.button,
.btn:active,
.btn__block:active,
.content-block--form .gform_button.button:active,
.btn.active,
.active.btn__block,
.content-block--form .active.gform_button.button,
.open > .btn.dropdown-toggle,
.open > .dropdown-toggle.btn__block,
.content-block--form .open > .dropdown-toggle.gform_button.button
{
    -webkit-transition: all cubic-bezier(.68, -.55, .265, 1.55) 300ms;
            transition: all cubic-bezier(.68, -.55, .265, 1.55) 300ms; 
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
    text-decoration: none;

    opacity: .7;
    color: #000;
    border-color: #e6e6e6;
}
.btn:active,
.btn__block:active,
.content-block--form .gform_button.button:active,
.btn.active,
.active.btn__block,
.content-block--form .active.gform_button.button,
.open > .btn.dropdown-toggle,
.open > .dropdown-toggle.btn__block,
.content-block--form .open > .dropdown-toggle.gform_button.button
{
    -webkit-transition: all cubic-bezier(.68, -.55, .265, 1.55) 300ms;
            transition: all cubic-bezier(.68, -.55, .265, 1.55) 300ms; 

    background-image: none;
    -webkit-box-shadow: none;
            box-shadow: none;
}
.btn.disabled,
.disabled.btn__block,
.content-block--form .disabled.gform_button.button,
.btn.disabled:hover,
.disabled.btn__block:hover,
.content-block--form .disabled.gform_button.button:hover,
.btn.disabled:focus,
.disabled.btn__block:focus,
.content-block--form .disabled.gform_button.button:focus,
.btn.disabled.focus,
.disabled.focus.btn__block,
.content-block--form .disabled.focus.gform_button.button,
.btn.disabled:active,
.disabled.btn__block:active,
.content-block--form .disabled.gform_button.button:active,
.btn.disabled.active,
.disabled.active.btn__block,
.content-block--form .disabled.active.gform_button.button,
.btn[disabled],
.btn__block[disabled],
.content-block--form .gform_button.button[disabled],
.btn[disabled]:hover,
.btn__block[disabled]:hover,
.content-block--form .gform_button.button[disabled]:hover,
.btn[disabled]:focus,
.btn__block[disabled]:focus,
.content-block--form .gform_button.button[disabled]:focus,
.btn[disabled].focus,
.btn__block[disabled].focus,
.content-block--form .gform_button.button[disabled].focus,
.btn[disabled]:active,
.btn__block[disabled]:active,
.content-block--form .gform_button.button[disabled]:active,
.btn[disabled].active,
.btn__block[disabled].active,
.content-block--form .gform_button.button[disabled].active,
fieldset[disabled] .btn,
fieldset[disabled] .btn__block,
fieldset[disabled] .content-block--form .gform_button.button,
.content-block--form fieldset[disabled] .gform_button.button,
fieldset[disabled] .btn:hover,
fieldset[disabled] .btn__block:hover,
fieldset[disabled] .content-block--form .gform_button.button:hover,
.content-block--form fieldset[disabled] .gform_button.button:hover,
fieldset[disabled] .btn:focus,
fieldset[disabled] .btn__block:focus,
fieldset[disabled] .content-block--form .gform_button.button:focus,
.content-block--form fieldset[disabled] .gform_button.button:focus,
fieldset[disabled] .btn.focus,
fieldset[disabled] .focus.btn__block,
fieldset[disabled] .content-block--form .focus.gform_button.button,
.content-block--form fieldset[disabled] .focus.gform_button.button,
fieldset[disabled] .btn:active,
fieldset[disabled] .btn__block:active,
fieldset[disabled] .content-block--form .gform_button.button:active,
.content-block--form fieldset[disabled] .gform_button.button:active,
fieldset[disabled] .btn.active,
fieldset[disabled] .active.btn__block,
fieldset[disabled] .content-block--form .active.gform_button.button,
.content-block--form fieldset[disabled] .active.gform_button.button
{
    border-color: white; 
    background-color: white;
}
.btn .badge,
.btn__block .badge,
.content-block--form .gform_button.button .badge
{
    color: #fff;
    background-color: #000;
}
body.text-color-light .btn.btn__inherit,
body.text-color-light .btn__inherit.btn__block,
body.text-color-light .content-block--form .btn__inherit.gform_button.button,
.content-block--form body.text-color-light .btn__inherit.gform_button.button
{
    color: #000;
}
body.text-color-dark .btn.btn__inherit,
body.text-color-dark .btn__inherit.btn__block,
body.text-color-dark .content-block--form .btn__inherit.gform_button.button,
.content-block--form body.text-color-dark .btn__inherit.gform_button.button
{
    color: #fff;
}

.btn__red,
.promo--content a.btn,
.promo--content a.btn__block,
.promo--content .content-block--form a.gform_button.button,
.content-block--form .promo--content a.gform_button.button,
.service--product-cta a
{
    font-family: zuume-edge, sans-serif;
    font-weight: 700;
    line-height: 1;

    display: inline-block;

    padding: 15px 40px;

    -webkit-transition: all cubic-bezier(.68, -.55, .265, 1.55) 300ms;
            transition: all cubic-bezier(.68, -.55, .265, 1.55) 300ms; 
    text-align: center;
    text-decoration: none;
    
    text-transform: uppercase;

    opacity: 1;
    color: #000;
    color: #fff;
    border-width: 0;
    border-style: solid;
    border-color: #f8340d;
    border-radius: 4px;
    background-color: #f8340d;
}
.btn__red,
.promo--content a.btn,
.promo--content a.btn__block,
.promo--content .content-block--form a.gform_button.button,
.content-block--form .promo--content a.gform_button.button,
.service--product-cta a
{
    font-size: 16x;
}
@media screen and (min-width: 544px)
{
    .btn__red,
    .promo--content a.btn,
    .promo--content a.btn__block,
    .promo--content .content-block--form a.gform_button.button,
    .content-block--form .promo--content a.gform_button.button,
    .service--product-cta a
    {
        font-size: 21px;
    }
}
@media screen and (min-width: 1440px)
{
    .btn__red,
    .promo--content a.btn,
    .promo--content a.btn__block,
    .promo--content .content-block--form a.gform_button.button,
    .content-block--form .promo--content a.gform_button.button,
    .service--product-cta a
    {
        font-size: 21px;
    }
}
.btn__red:hover,
.promo--content a.btn:hover,
.promo--content a.btn__block:hover,
.promo--content .content-block--form a.gform_button.button:hover,
.content-block--form .promo--content a.gform_button.button:hover,
.service--product-cta a:hover,
.btn__red:focus,
.promo--content a.btn:focus,
.promo--content a.btn__block:focus,
.promo--content .content-block--form a.gform_button.button:focus,
.content-block--form .promo--content a.gform_button.button:focus,
.service--product-cta a:focus,
.btn__red.focus,
.promo--content a.focus.btn,
.promo--content a.focus.btn__block,
.promo--content .content-block--form a.focus.gform_button.button,
.content-block--form .promo--content a.focus.gform_button.button,
.service--product-cta a.focus,
.btn__red:active,
.promo--content a.btn:active,
.promo--content a.btn__block:active,
.promo--content .content-block--form a.gform_button.button:active,
.content-block--form .promo--content a.gform_button.button:active,
.service--product-cta a:active,
.btn__red.active,
.promo--content a.active.btn,
.promo--content a.active.btn__block,
.promo--content .content-block--form a.active.gform_button.button,
.content-block--form .promo--content a.active.gform_button.button,
.service--product-cta a.active,
.open > .btn__red.dropdown-toggle,
.promo--content .open > a.dropdown-toggle.btn,
.promo--content .open > a.dropdown-toggle.btn__block,
.promo--content .content-block--form .open > a.dropdown-toggle.gform_button.button,
.content-block--form .promo--content .open > a.dropdown-toggle.gform_button.button,
.service--product-cta .open > a.dropdown-toggle
{
    -webkit-transition: all cubic-bezier(.68, -.55, .265, 1.55) 300ms;
            transition: all cubic-bezier(.68, -.55, .265, 1.55) 300ms; 
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
    text-decoration: none;

    opacity: .7;
    color: #fff;
    border-color: #d52811;
}
.btn__red:active,
.promo--content a.btn:active,
.promo--content a.btn__block:active,
.promo--content .content-block--form a.gform_button.button:active,
.content-block--form .promo--content a.gform_button.button:active,
.service--product-cta a:active,
.btn__red.active,
.promo--content a.active.btn,
.promo--content a.active.btn__block,
.promo--content .content-block--form a.active.gform_button.button,
.content-block--form .promo--content a.active.gform_button.button,
.service--product-cta a.active,
.open > .btn__red.dropdown-toggle,
.promo--content .open > a.dropdown-toggle.btn,
.promo--content .open > a.dropdown-toggle.btn__block,
.promo--content .content-block--form .open > a.dropdown-toggle.gform_button.button,
.content-block--form .promo--content .open > a.dropdown-toggle.gform_button.button,
.service--product-cta .open > a.dropdown-toggle
{
    -webkit-transition: all cubic-bezier(.68, -.55, .265, 1.55) 300ms;
            transition: all cubic-bezier(.68, -.55, .265, 1.55) 300ms; 

    background-image: none;
    -webkit-box-shadow: none;
            box-shadow: none;
}
.btn__red.disabled,
.promo--content a.disabled.btn,
.promo--content a.disabled.btn__block,
.promo--content .content-block--form a.disabled.gform_button.button,
.content-block--form .promo--content a.disabled.gform_button.button,
.service--product-cta a.disabled,
.btn__red.disabled:hover,
.promo--content a.disabled.btn:hover,
.promo--content a.disabled.btn__block:hover,
.promo--content .content-block--form a.disabled.gform_button.button:hover,
.content-block--form .promo--content a.disabled.gform_button.button:hover,
.service--product-cta a.disabled:hover,
.btn__red.disabled:focus,
.promo--content a.disabled.btn:focus,
.promo--content a.disabled.btn__block:focus,
.promo--content .content-block--form a.disabled.gform_button.button:focus,
.content-block--form .promo--content a.disabled.gform_button.button:focus,
.service--product-cta a.disabled:focus,
.btn__red.disabled.focus,
.promo--content a.disabled.focus.btn,
.promo--content a.disabled.focus.btn__block,
.promo--content .content-block--form a.disabled.focus.gform_button.button,
.content-block--form .promo--content a.disabled.focus.gform_button.button,
.service--product-cta a.disabled.focus,
.btn__red.disabled:active,
.promo--content a.disabled.btn:active,
.promo--content a.disabled.btn__block:active,
.promo--content .content-block--form a.disabled.gform_button.button:active,
.content-block--form .promo--content a.disabled.gform_button.button:active,
.service--product-cta a.disabled:active,
.btn__red.disabled.active,
.promo--content a.disabled.active.btn,
.promo--content a.disabled.active.btn__block,
.promo--content .content-block--form a.disabled.active.gform_button.button,
.content-block--form .promo--content a.disabled.active.gform_button.button,
.service--product-cta a.disabled.active,
.btn__red[disabled],
.promo--content a.btn[disabled],
.promo--content a.btn__block[disabled],
.promo--content .content-block--form a.gform_button.button[disabled],
.content-block--form .promo--content a.gform_button.button[disabled],
.service--product-cta a[disabled],
.btn__red[disabled]:hover,
.promo--content a.btn[disabled]:hover,
.promo--content a.btn__block[disabled]:hover,
.promo--content .content-block--form a.gform_button.button[disabled]:hover,
.content-block--form .promo--content a.gform_button.button[disabled]:hover,
.service--product-cta a[disabled]:hover,
.btn__red[disabled]:focus,
.promo--content a.btn[disabled]:focus,
.promo--content a.btn__block[disabled]:focus,
.promo--content .content-block--form a.gform_button.button[disabled]:focus,
.content-block--form .promo--content a.gform_button.button[disabled]:focus,
.service--product-cta a[disabled]:focus,
.btn__red[disabled].focus,
.promo--content a.btn[disabled].focus,
.promo--content a.btn__block[disabled].focus,
.promo--content .content-block--form a.gform_button.button[disabled].focus,
.content-block--form .promo--content a.gform_button.button[disabled].focus,
.service--product-cta a[disabled].focus,
.btn__red[disabled]:active,
.promo--content a.btn[disabled]:active,
.promo--content a.btn__block[disabled]:active,
.promo--content .content-block--form a.gform_button.button[disabled]:active,
.content-block--form .promo--content a.gform_button.button[disabled]:active,
.service--product-cta a[disabled]:active,
.btn__red[disabled].active,
.promo--content a.btn[disabled].active,
.promo--content a.btn__block[disabled].active,
.promo--content .content-block--form a.gform_button.button[disabled].active,
.content-block--form .promo--content a.gform_button.button[disabled].active,
.service--product-cta a[disabled].active,
fieldset[disabled] .btn__red,
fieldset[disabled] .promo--content a.btn,
.promo--content fieldset[disabled] a.btn,
fieldset[disabled] .promo--content a.btn__block,
.promo--content fieldset[disabled] a.btn__block,
fieldset[disabled] .promo--content .content-block--form a.gform_button.button,
.promo--content .content-block--form fieldset[disabled] a.gform_button.button,
fieldset[disabled] .content-block--form .promo--content a.gform_button.button,
.content-block--form .promo--content fieldset[disabled] a.gform_button.button,
fieldset[disabled] .service--product-cta a,
.service--product-cta fieldset[disabled] a,
fieldset[disabled] .btn__red:hover,
fieldset[disabled] .promo--content a.btn:hover,
.promo--content fieldset[disabled] a.btn:hover,
fieldset[disabled] .promo--content a.btn__block:hover,
.promo--content fieldset[disabled] a.btn__block:hover,
fieldset[disabled] .promo--content .content-block--form a.gform_button.button:hover,
.promo--content .content-block--form fieldset[disabled] a.gform_button.button:hover,
fieldset[disabled] .content-block--form .promo--content a.gform_button.button:hover,
.content-block--form .promo--content fieldset[disabled] a.gform_button.button:hover,
fieldset[disabled] .service--product-cta a:hover,
.service--product-cta fieldset[disabled] a:hover,
fieldset[disabled] .btn__red:focus,
fieldset[disabled] .promo--content a.btn:focus,
.promo--content fieldset[disabled] a.btn:focus,
fieldset[disabled] .promo--content a.btn__block:focus,
.promo--content fieldset[disabled] a.btn__block:focus,
fieldset[disabled] .promo--content .content-block--form a.gform_button.button:focus,
.promo--content .content-block--form fieldset[disabled] a.gform_button.button:focus,
fieldset[disabled] .content-block--form .promo--content a.gform_button.button:focus,
.content-block--form .promo--content fieldset[disabled] a.gform_button.button:focus,
fieldset[disabled] .service--product-cta a:focus,
.service--product-cta fieldset[disabled] a:focus,
fieldset[disabled] .btn__red.focus,
fieldset[disabled] .promo--content a.focus.btn,
.promo--content fieldset[disabled] a.focus.btn,
fieldset[disabled] .promo--content a.focus.btn__block,
.promo--content fieldset[disabled] a.focus.btn__block,
fieldset[disabled] .promo--content .content-block--form a.focus.gform_button.button,
.promo--content .content-block--form fieldset[disabled] a.focus.gform_button.button,
fieldset[disabled] .content-block--form .promo--content a.focus.gform_button.button,
.content-block--form .promo--content fieldset[disabled] a.focus.gform_button.button,
fieldset[disabled] .service--product-cta a.focus,
.service--product-cta fieldset[disabled] a.focus,
fieldset[disabled] .btn__red:active,
fieldset[disabled] .promo--content a.btn:active,
.promo--content fieldset[disabled] a.btn:active,
fieldset[disabled] .promo--content a.btn__block:active,
.promo--content fieldset[disabled] a.btn__block:active,
fieldset[disabled] .promo--content .content-block--form a.gform_button.button:active,
.promo--content .content-block--form fieldset[disabled] a.gform_button.button:active,
fieldset[disabled] .content-block--form .promo--content a.gform_button.button:active,
.content-block--form .promo--content fieldset[disabled] a.gform_button.button:active,
fieldset[disabled] .service--product-cta a:active,
.service--product-cta fieldset[disabled] a:active,
fieldset[disabled] .btn__red.active,
fieldset[disabled] .promo--content a.active.btn,
.promo--content fieldset[disabled] a.active.btn,
fieldset[disabled] .promo--content a.active.btn__block,
.promo--content fieldset[disabled] a.active.btn__block,
fieldset[disabled] .promo--content .content-block--form a.active.gform_button.button,
.promo--content .content-block--form fieldset[disabled] a.active.gform_button.button,
fieldset[disabled] .content-block--form .promo--content a.active.gform_button.button,
.content-block--form .promo--content fieldset[disabled] a.active.gform_button.button,
fieldset[disabled] .service--product-cta a.active,
.service--product-cta fieldset[disabled] a.active
{
    border-color: #f69689; 
    background-color: #f69689;
}
.btn__red .badge,
.promo--content a.btn .badge,
.promo--content a.btn__block .badge,
.promo--content .content-block--form a.gform_button.button .badge,
.content-block--form .promo--content a.gform_button.button .badge,
.service--product-cta a .badge
{
    color: #f8340d;
    background-color: #fff;
}
body.text-color-light .btn__red.btn__inherit,
body.text-color-light .promo--content a.btn__inherit.btn,
.promo--content body.text-color-light a.btn__inherit.btn,
body.text-color-light .promo--content a.btn__inherit.btn__block,
.promo--content body.text-color-light a.btn__inherit.btn__block,
body.text-color-light .promo--content .content-block--form a.btn__inherit.gform_button.button,
.promo--content .content-block--form body.text-color-light a.btn__inherit.gform_button.button,
body.text-color-light .content-block--form .promo--content a.btn__inherit.gform_button.button,
.content-block--form .promo--content body.text-color-light a.btn__inherit.gform_button.button,
body.text-color-light .service--product-cta a.btn__inherit,
.service--product-cta body.text-color-light a.btn__inherit
{
    color: #000;
}
body.text-color-dark .btn__red.btn__inherit,
body.text-color-dark .promo--content a.btn__inherit.btn,
.promo--content body.text-color-dark a.btn__inherit.btn,
body.text-color-dark .promo--content a.btn__inherit.btn__block,
.promo--content body.text-color-dark a.btn__inherit.btn__block,
body.text-color-dark .promo--content .content-block--form a.btn__inherit.gform_button.button,
.promo--content .content-block--form body.text-color-dark a.btn__inherit.gform_button.button,
body.text-color-dark .content-block--form .promo--content a.btn__inherit.gform_button.button,
.content-block--form .promo--content body.text-color-dark a.btn__inherit.gform_button.button,
body.text-color-dark .service--product-cta a.btn__inherit,
.service--product-cta body.text-color-dark a.btn__inherit
{
    color: #fff;
}

.btn__light
{
    font-family: zuume-edge, sans-serif;
    font-weight: 700;
    line-height: 1;

    display: inline-block;

    padding: 15px 40px;

    -webkit-transition: all cubic-bezier(.68, -.55, .265, 1.55) 300ms;
            transition: all cubic-bezier(.68, -.55, .265, 1.55) 300ms; 
    text-align: center;
    text-decoration: none;
    
    text-transform: uppercase;

    opacity: 1;
    color: #000;
    color: #000;
    border-width: 0;
    border-style: solid;
    border-color: #fff;
    border-radius: 4px;
    background-color: #fff;
}
.btn__light
{
    font-size: 16px;
}
@media screen and (min-width: 544px)
{
    .btn__light
    {
        font-size: 21px;
    }
}
@media screen and (min-width: 1440px)
{
    .btn__light
    {
        font-size: 21px;
    }
}
.btn__light:hover,
.btn__light:focus,
.btn__light.focus,
.btn__light:active,
.btn__light.active,
.open > .btn__light.dropdown-toggle
{
    -webkit-transition: all cubic-bezier(.68, -.55, .265, 1.55) 300ms;
            transition: all cubic-bezier(.68, -.55, .265, 1.55) 300ms; 
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
    text-decoration: none;

    opacity: .7;
    color: #000;
    border-color: #e6e6e6;
}
.btn__light:active,
.btn__light.active,
.open > .btn__light.dropdown-toggle
{
    -webkit-transition: all cubic-bezier(.68, -.55, .265, 1.55) 300ms;
            transition: all cubic-bezier(.68, -.55, .265, 1.55) 300ms; 

    background-image: none;
    -webkit-box-shadow: none;
            box-shadow: none;
}
.btn__light.disabled,
.btn__light.disabled:hover,
.btn__light.disabled:focus,
.btn__light.disabled.focus,
.btn__light.disabled:active,
.btn__light.disabled.active,
.btn__light[disabled],
.btn__light[disabled]:hover,
.btn__light[disabled]:focus,
.btn__light[disabled].focus,
.btn__light[disabled]:active,
.btn__light[disabled].active,
fieldset[disabled] .btn__light,
fieldset[disabled] .btn__light:hover,
fieldset[disabled] .btn__light:focus,
fieldset[disabled] .btn__light.focus,
fieldset[disabled] .btn__light:active,
fieldset[disabled] .btn__light.active
{
    border-color: white; 
    background-color: white;
}
.btn__light .badge
{
    color: #fff;
    background-color: #000;
}
body.text-color-light .btn__light.btn__inherit
{
    color: #000;
}
body.text-color-dark .btn__light.btn__inherit
{
    color: #fff;
}

.btn__dark
{
    font-family: zuume-edge, sans-serif;
    font-weight: 700;
    line-height: 1;

    display: inline-block;

    padding: 15px 40px;

    -webkit-transition: all cubic-bezier(.68, -.55, .265, 1.55) 300ms;
            transition: all cubic-bezier(.68, -.55, .265, 1.55) 300ms; 
    text-align: center;
    text-decoration: none;
    
    text-transform: uppercase;

    opacity: 1;
    color: #000;
    color: #fff;
    border-width: 0;
    border-style: solid;
    border-color: #000;
    border-radius: 4px;
    background-color: #000;
}
.btn__dark
{
    font-size: 16px;
}
@media screen and (min-width: 544px)
{
    .btn__dark
    {
        font-size: 21px;
    }
}
@media screen and (min-width: 1440px)
{
    .btn__dark
    {
        font-size: 21px;
    }
}
.btn__dark:hover,
.btn__dark:focus,
.btn__dark.focus,
.btn__dark:active,
.btn__dark.active,
.open > .btn__dark.dropdown-toggle
{
    -webkit-transition: all cubic-bezier(.68, -.55, .265, 1.55) 300ms;
            transition: all cubic-bezier(.68, -.55, .265, 1.55) 300ms; 
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
    text-decoration: none;

    opacity: .7;
    color: #fff;
    border-color: black;
}
.btn__dark:active,
.btn__dark.active,
.open > .btn__dark.dropdown-toggle
{
    -webkit-transition: all cubic-bezier(.68, -.55, .265, 1.55) 300ms;
            transition: all cubic-bezier(.68, -.55, .265, 1.55) 300ms; 

    background-image: none;
    -webkit-box-shadow: none;
            box-shadow: none;
}
.btn__dark.disabled,
.btn__dark.disabled:hover,
.btn__dark.disabled:focus,
.btn__dark.disabled.focus,
.btn__dark.disabled:active,
.btn__dark.disabled.active,
.btn__dark[disabled],
.btn__dark[disabled]:hover,
.btn__dark[disabled]:focus,
.btn__dark[disabled].focus,
.btn__dark[disabled]:active,
.btn__dark[disabled].active,
fieldset[disabled] .btn__dark,
fieldset[disabled] .btn__dark:hover,
fieldset[disabled] .btn__dark:focus,
fieldset[disabled] .btn__dark.focus,
fieldset[disabled] .btn__dark:active,
fieldset[disabled] .btn__dark.active
{
    border-color: #333; 
    background-color: #333;
}
.btn__dark .badge
{
    color: #000;
    background-color: #fff;
}
body.text-color-light .btn__dark.btn__inherit
{
    color: #000;
}
body.text-color-dark .btn__dark.btn__inherit
{
    color: #fff;
}

.btn__block
{
    display: block;
}

.btn__transparent
{
    font-family: zuume-edge, sans-serif;
    font-weight: 700;
    line-height: 1;

    display: inline-block;

    padding: 15px 40px;

    -webkit-transition: all cubic-bezier(.68, -.55, .265, 1.55) 300ms;
            transition: all cubic-bezier(.68, -.55, .265, 1.55) 300ms; 
    text-align: center;
    text-decoration: none;
    
    text-transform: uppercase;

    opacity: 1;
    color: #000;
    color: #fff;
    border-width: 0;
    border-style: solid;
    border-color: #fff;
    border-radius: 4px;
    background-color: transparent;
}
.btn__transparent
{
    font-size: 16px;
}
@media screen and (min-width: 544px)
{
    .btn__transparent
    {
        font-size: 21px;
    }
}
@media screen and (min-width: 1440px)
{
    .btn__transparent
    {
        font-size: 21px;
    }
}
.btn__transparent:hover,
.btn__transparent:focus,
.btn__transparent.focus,
.btn__transparent:active,
.btn__transparent.active,
.open > .btn__transparent.dropdown-toggle
{
    -webkit-transition: all cubic-bezier(.68, -.55, .265, 1.55) 300ms;
            transition: all cubic-bezier(.68, -.55, .265, 1.55) 300ms; 
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
    text-decoration: none;

    opacity: .7;
    color: #fff;
    border-color: #e6e6e6;
}
.btn__transparent:active,
.btn__transparent.active,
.open > .btn__transparent.dropdown-toggle
{
    -webkit-transition: all cubic-bezier(.68, -.55, .265, 1.55) 300ms;
            transition: all cubic-bezier(.68, -.55, .265, 1.55) 300ms; 

    background-image: none;
    -webkit-box-shadow: none;
            box-shadow: none;
}
.btn__transparent.disabled,
.btn__transparent.disabled:hover,
.btn__transparent.disabled:focus,
.btn__transparent.disabled.focus,
.btn__transparent.disabled:active,
.btn__transparent.disabled.active,
.btn__transparent[disabled],
.btn__transparent[disabled]:hover,
.btn__transparent[disabled]:focus,
.btn__transparent[disabled].focus,
.btn__transparent[disabled]:active,
.btn__transparent[disabled].active,
fieldset[disabled] .btn__transparent,
fieldset[disabled] .btn__transparent:hover,
fieldset[disabled] .btn__transparent:focus,
fieldset[disabled] .btn__transparent.focus,
fieldset[disabled] .btn__transparent:active,
fieldset[disabled] .btn__transparent.active
{
    border-color: white; 
    background-color: rgba(51, 51, 51, 0);
}
.btn__transparent .badge
{
    color: transparent;
    background-color: #fff;
}
body.text-color-light .btn__transparent.btn__inherit
{
    color: #000;
}
body.text-color-dark .btn__transparent.btn__inherit
{
    color: #fff;
}

.cc-btn
{
    font-family: zuume-edge, sans-serif;
    font-weight: 700;
    line-height: 1;

    display: inline-block;

    padding: 15px 40px;

    -webkit-transition: all cubic-bezier(.68, -.55, .265, 1.55) 300ms;
            transition: all cubic-bezier(.68, -.55, .265, 1.55) 300ms; 
    text-align: center;
    text-decoration: none;
    
    text-transform: uppercase;

    opacity: 1;
    color: #000;
    color: #fff;
    border-width: 0;
    border-style: solid;
    border-color: #f8340d;
    border-radius: 4px;
    background-color: #f8340d;
}
.cc-btn
{
    font-size: 16px;
}
@media screen and (min-width: 544px)
{
    .cc-btn
    {
        font-size: 21px;
    }
}
@media screen and (min-width: 1440px)
{
    .cc-btn
    {
        font-size: 21px;
    }
}
.cc-btn:hover,
.cc-btn:focus,
.cc-btn.focus,
.cc-btn:active,
.cc-btn.active,
.open > .cc-btn.dropdown-toggle
{
    -webkit-transition: all cubic-bezier(.68, -.55, .265, 1.55) 300ms;
            transition: all cubic-bezier(.68, -.55, .265, 1.55) 300ms; 
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
    text-decoration: none;

    opacity: .7;
    color: #fff;
    border-color: #d52811;
}
.cc-btn:active,
.cc-btn.active,
.open > .cc-btn.dropdown-toggle
{
    -webkit-transition: all cubic-bezier(.68, -.55, .265, 1.55) 300ms;
            transition: all cubic-bezier(.68, -.55, .265, 1.55) 300ms; 

    background-image: none;
    -webkit-box-shadow: none;
            box-shadow: none;
}
.cc-btn.disabled,
.cc-btn.disabled:hover,
.cc-btn.disabled:focus,
.cc-btn.disabled.focus,
.cc-btn.disabled:active,
.cc-btn.disabled.active,
.cc-btn[disabled],
.cc-btn[disabled]:hover,
.cc-btn[disabled]:focus,
.cc-btn[disabled].focus,
.cc-btn[disabled]:active,
.cc-btn[disabled].active,
fieldset[disabled] .cc-btn,
fieldset[disabled] .cc-btn:hover,
fieldset[disabled] .cc-btn:focus,
fieldset[disabled] .cc-btn.focus,
fieldset[disabled] .cc-btn:active,
fieldset[disabled] .cc-btn.active
{
    border-color: #f69689; 
    background-color: #f69689;
}
.cc-btn .badge
{
    color: #f8340d;
    background-color: #fff;
}
body.text-color-light .cc-btn.btn__inherit
{
    color: #000;
}
body.text-color-dark .cc-btn.btn__inherit
{
    color: #fff;
}
.cc-btn:hover,
.cc-btn:focus,
.cc-btn:active
{
    text-decoration: none;
}

/*******/
/* HTML
/*******/
/* apply a natural box layout model to all elements, but allowing components to change */
html
{
    font-size: 62.5%;

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

    background-color: #333132;
}

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

body
{
    position: relative;

    overflow-x: hidden;

    width: 100%;
    margin: 0;

    -webkit-transition: background-color ease-in-out 500ms;
            transition: background-color ease-in-out 500ms; 

    background-color: #fff;

    -ms-overflow-style: -ms-autohiding-scrollbar;
}
body.content-fade > *:not(.growing-dot)
{
    opacity: 0;
}
body:not(.user-is-tabbing) button:focus,
body:not(.user-is-tabbing) input:focus,
body:not(.user-is-tabbing) select:focus,
body:not(.user-is-tabbing) textarea:focus,
body:not(.user-is-tabbing) *:focus
{
    outline: none;
}

html.nav-open,
html.nav-open body
{
    position: relative;

    height: 100%;
}

::-moz-selection
{
    background-color: #f4f4f4;
}

::selection
{
    background-color: #f4f4f4;
}

.container
{
    position: relative;
    position: relative; 

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    max-width: 1600px;
    margin: 0 auto;

    *zoom: 1;
}
@media only screen and (min-width: 768px)
{
    .container
    {
        padding-right: 45px; 
        padding-left: 45px;
    }
}
#bootstrap-grid-frame-jhbsdovu .container
{
    display: block;
}
.container::before,
.container::after
{
    display: table; 

    content: ' ';
}
.container::after
{
    clear: both;
}

.hidden:not(html)
{
    display: none;
}

#content iframe
{
    max-width: 100%;
}

img,
p img
{
    font-size: 0; 

    max-width: 100%;
    height: auto;
}

figure
{
    margin: 0;
}

.page-wrapper
{
    position: relative;

    overflow: hidden;

    -webkit-transition: all ease-in-out .75s;
            transition: all ease-in-out .75s; 

    opacity: 1;
}
html.nav-open .page-wrapper
{
    -webkit-transition: all ease-in-out .75s;
            transition: all ease-in-out .75s; 
    -webkit-transform: scale(1.03) translateY(1%);
            transform: scale(1.03) translateY(1%);

    -webkit-filter: blur(8px);
            filter: blur(8px);
}
html.nav-open.nav-closing .page-wrapper
{
    -webkit-transition: all ease-in-out .75s;
            transition: all ease-in-out .75s; 
    -webkit-transform: scale(1) translateY(0%);
            transform: scale(1) translateY(0%);

    -webkit-filter: blur(0px);
            filter: blur(0px);
}
html.nav-open body[browser=Firefox] .page-wrapper
{
    -webkit-transition: none;
            transition: none; 
    -webkit-transform: none;
            transform: none;

    -webkit-filter: none;
            filter: none;
}
html.nav-open.nav-closing body[browser=Firefox] .page-wrapper
{
    -webkit-transition: none;
            transition: none; 
    -webkit-transform: none;
            transform: none;

    -webkit-filter: none;
            filter: none;
}
body[browser='Safari'] .page-wrapper
{
    overflow: hidden;
}

#page > *
{
    -webkit-transition: opacity ease-in-out .75s;
            transition: opacity ease-in-out .75s;
    -webkit-transition-delay: 500ms;
            transition-delay: 500ms; 

    opacity: 1;
}

#page.fade-out > *
{
    -webkit-transition: opacity ease-in-out .5s;
            transition: opacity ease-in-out .5s; 

    opacity: 0;
}

.post-edit-link
{
    font-family: zuume-edge, sans-serif;
    font-weight: 700;
    line-height: 1;

    position: fixed;
    z-index: 1000; 
    right: 30px;
    bottom: 30px;

    display: inline-block;

    padding: 15px 40px;

    -webkit-transition: all cubic-bezier(.68, -.55, .265, 1.55) 300ms;
            transition: all cubic-bezier(.68, -.55, .265, 1.55) 300ms;
    text-align: center;
    text-decoration: none;
    
    text-transform: uppercase;

    opacity: 1;
    color: #000;
    color: #fff;
    border-width: 0;
    border-style: solid;
    border-color: #f8340d;
    border-radius: 4px;
    background-color: #f8340d;
}
.post-edit-link
{
    font-size: 16px;
}
@media screen and (min-width: 544px)
{
    .post-edit-link
    {
        font-size: 21px;
    }
}
@media screen and (min-width: 1440px)
{
    .post-edit-link
    {
        font-size: 21px;
    }
}
.post-edit-link:hover,
.post-edit-link:focus,
.post-edit-link.focus,
.post-edit-link:active,
.post-edit-link.active,
.open > .post-edit-link.dropdown-toggle
{
    -webkit-transition: all cubic-bezier(.68, -.55, .265, 1.55) 300ms;
            transition: all cubic-bezier(.68, -.55, .265, 1.55) 300ms; 
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
    text-decoration: none;

    opacity: .7;
    color: #fff;
    border-color: #d52811;
}
.post-edit-link:active,
.post-edit-link.active,
.open > .post-edit-link.dropdown-toggle
{
    -webkit-transition: all cubic-bezier(.68, -.55, .265, 1.55) 300ms;
            transition: all cubic-bezier(.68, -.55, .265, 1.55) 300ms; 

    background-image: none;
    -webkit-box-shadow: none;
            box-shadow: none;
}
.post-edit-link.disabled,
.post-edit-link.disabled:hover,
.post-edit-link.disabled:focus,
.post-edit-link.disabled.focus,
.post-edit-link.disabled:active,
.post-edit-link.disabled.active,
.post-edit-link[disabled],
.post-edit-link[disabled]:hover,
.post-edit-link[disabled]:focus,
.post-edit-link[disabled].focus,
.post-edit-link[disabled]:active,
.post-edit-link[disabled].active,
fieldset[disabled] .post-edit-link,
fieldset[disabled] .post-edit-link:hover,
fieldset[disabled] .post-edit-link:focus,
fieldset[disabled] .post-edit-link.focus,
fieldset[disabled] .post-edit-link:active,
fieldset[disabled] .post-edit-link.active
{
    border-color: #f69689; 
    background-color: #f69689;
}
.post-edit-link .badge
{
    color: #f8340d;
    background-color: #fff;
}
body.text-color-light .post-edit-link.btn__inherit
{
    color: #000;
}
body.text-color-dark .post-edit-link.btn__inherit
{
    color: #fff;
}

#wp-admin-bar-edit
{
    display: none;
}

/************/
/* FancyBox
/************/
body.compensate-for-scrollbar
{
    overflow: hidden;
}

.fancybox-active
{
    height: auto;
}

.fancybox-is-hidden
{
    position: absolute !important;
    top: -9999px;
    left: -9999px;

    visibility: hidden; 

    margin: 0;
}

.fancybox-container
{
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';

    position: fixed;
    z-index: 99992; 
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

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

    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
}

.fancybox-container *
{
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

.fancybox-outer,
.fancybox-inner,
.fancybox-bg,
.fancybox-stage
{
    position: absolute;
    top: 0; 
    right: 0;
    bottom: 0;
    left: 0;
}

.fancybox-outer
{
    overflow-y: auto; 

    -webkit-overflow-scrolling: touch;
}

.fancybox-bg
{
    -webkit-transition-timing-function: cubic-bezier(.47, 0, .74, .71);
            transition-timing-function: cubic-bezier(.47, 0, .74, .71); 
    -webkit-transition-duration: inherit;
            transition-duration: inherit;
    -webkit-transition-property: opacity;
            transition-property: opacity;

    opacity: 0;
    background: #1e1e1e;
}

.fancybox-is-open .fancybox-bg
{
    -webkit-transition-timing-function: cubic-bezier(.22, .61, .36, 1);
            transition-timing-function: cubic-bezier(.22, .61, .36, 1); 

    opacity: .87;
}

.fancybox-infobar,
.fancybox-toolbar,
.fancybox-caption,
.fancybox-navigation .fancybox-button
{
    position: absolute;
    z-index: 99997; 

    visibility: hidden;

    -webkit-transition: opacity .25s, visibility 0s linear .25s;
            transition: opacity .25s, visibility 0s linear .25s;

    opacity: 0;

    direction: ltr;
}

.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-toolbar .fancybox-toolbar,
.fancybox-show-caption .fancybox-caption,
.fancybox-show-nav .fancybox-navigation .fancybox-button
{
    visibility: visible; 

    -webkit-transition: opacity .25s, visibility 0s;
            transition: opacity .25s, visibility 0s;

    opacity: 1;
}

.fancybox-infobar
{
    font-size: 13px;
    line-height: 44px;

    top: 0;
    left: 0;

    min-width: 44px;
    height: 44px;
    padding: 0 10px;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none; 
    text-align: center;
    pointer-events: none;

    color: #ccc;

    -webkit-font-smoothing: subpixel-antialiased;
    mix-blend-mode: difference;
    -webkit-touch-callout: none;
}

.fancybox-toolbar
{
    top: 0; 
    right: 0;
}

.fancybox-stage
{
    z-index: 99994; 

    overflow: visible;

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

    direction: ltr;
}

.fancybox-is-open .fancybox-stage
{
    overflow: hidden;
}

.fancybox-slide
{
    position: absolute;
    z-index: 99994; 
    top: 0;
    left: 0;

    display: none;
    overflow: auto;

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

    -webkit-transition-property: opacity, -webkit-transform;
            transition-property: opacity, -webkit-transform;
            transition-property: transform, opacity;
            transition-property: transform, opacity, -webkit-transform;
    text-align: center;
    white-space: normal;

    outline: none;

    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    -webkit-overflow-scrolling: touch;
}

.fancybox-slide::before
{
    display: inline-block;

    width: 0; 
    height: 100%;
    margin-right: -.25em;

    content: '';
    vertical-align: middle;
}

.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--previous,
.fancybox-slide--current,
.fancybox-slide--next
{
    display: block;
}

.fancybox-slide--next
{
    z-index: 99995;
}

.fancybox-slide--image
{
    overflow: visible;

    padding: 44px 0;
}

.fancybox-slide--image::before
{
    display: none;
}

.fancybox-slide--html
{
    padding: 6px 6px 0 6px;
}

.fancybox-slide--iframe
{
    padding: 44px 44px 0;
}

.fancybox-content
{
    position: relative;

    display: inline-block;
    overflow: auto;

    max-width: 100%;
    margin: 0 0 6px 0;
    padding: 0;
    padding: 24px;

    text-align: left;
    vertical-align: middle; 

    background: #fff;
}

.fancybox-slide--image .fancybox-content
{
    position: absolute;
    z-index: 99995; 
    top: 0;
    left: 0;

    overflow: visible;

    max-width: none;
    margin: 0;
    padding: 0;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    -webkit-transition-property: opacity, -webkit-transform;
            transition-property: opacity, -webkit-transform;
            transition-property: transform, opacity;
            transition-property: transform, opacity, -webkit-transform;
    -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
            transform-origin: top left;
    -webkit-animation-timing-function: cubic-bezier(.5, 0, .14, 1);
            animation-timing-function: cubic-bezier(.5, 0, .14, 1);

    background: transparent;
    background-repeat: no-repeat;
    background-size: 100% 100%;

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

.fancybox-can-zoomOut .fancybox-content
{
    cursor: -webkit-zoom-out;
    cursor:         zoom-out;
}

.fancybox-can-zoomIn .fancybox-content
{
    cursor: -webkit-zoom-in;
    cursor:         zoom-in;
}

.fancybox-can-drag .fancybox-content
{
    cursor: -webkit-grab;
    cursor:         grab;
}

.fancybox-is-dragging .fancybox-content
{
    cursor: -webkit-grabbing;
    cursor:         grabbing;
}

.fancybox-container [data-selectable='true']
{
    cursor: text;
}

.fancybox-image,
.fancybox-spaceball
{
    position: absolute;
    top: 0;
    left: 0;

    width: 100%; 
    max-width: none;
    height: 100%;
    max-height: none;
    margin: 0;
    padding: 0;

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

    border: 0;
    background: transparent;
}

.fancybox-spaceball
{
    z-index: 1;
}

.fancybox-slide--html .fancybox-content
{
    margin-bottom: 6px;
}

.fancybox-slide--video .fancybox-content,
.fancybox-slide--map .fancybox-content,
.fancybox-slide--iframe .fancybox-content
{
    overflow: visible;

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

.fancybox-slide--video .fancybox-content
{
    background: #000;
}

.fancybox-slide--map .fancybox-content
{
    background: #e5e3df;
}

.fancybox-slide--iframe .fancybox-content
{
    height: calc(100% - 44px);
    margin-bottom: 44px; 

    background: #fff;
}

.fancybox-video,
.fancybox-iframe
{
    overflow: hidden;

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

    border: 0;
    background: transparent;
}

.fancybox-iframe
{
    vertical-align: top;
}

.fancybox-error
{
    width: 100%; 
    max-width: 400px;
    padding: 40px;

    cursor: default;

    background: #fff;
}

.fancybox-error p
{
    font-size: 16px;
    line-height: 20px;

    margin: 0;
    padding: 0; 

    color: #444;
}

/* Buttons */
.fancybox-button
{
    display: inline-block;

    width: 44px; 
    height: 44px;
    margin: 0;
    padding: 10px;

    cursor: pointer;
    -webkit-transition: color .2s;
            transition: color .2s;
    vertical-align: top;

    border: 0;
    border-radius: 0;
    outline: none;
    background: rgba(30, 30, 30, .6);
}

.fancybox-button,
.fancybox-button:visited,
.fancybox-button:link
{
    color: #ccc;
}

.fancybox-button:focus,
.fancybox-button:hover
{
    color: #fff;
}

.fancybox-button.disabled,
.fancybox-button.disabled:hover,
.fancybox-button[disabled],
.fancybox-button[disabled]:hover
{
    cursor: default; 

    color: #888;
}

.fancybox-button svg
{
    position: relative;

    display: block;
    overflow: visible;

    shape-rendering: geometricPrecision;
}

.fancybox-button svg path
{
    fill: transparent;
    stroke: currentColor;
    stroke-linejoin: round;
    stroke-width: 3;
}

.fancybox-button--play svg path:nth-child(2)
{
    display: none;
}

.fancybox-button--pause svg path:nth-child(1)
{
    display: none;
}

.fancybox-button--play svg path,
.fancybox-button--share svg path,
.fancybox-button--thumbs svg path
{
    fill: currentColor;
}

.fancybox-button--share svg path
{
    stroke-width: 1;
}

/* Navigation arrows */
.fancybox-navigation .fancybox-button
{
    position: absolute;
    top: 50%;

    width: 38px; 
    height: 38px;
    padding: 6px;

    opacity: 0;
}

.fancybox-show-nav .fancybox-navigation .fancybox-button
{
    -webkit-transition: opacity .25s, visibility 0s, color .25s;
            transition: opacity .25s, visibility 0s, color .25s;
}

.fancybox-navigation .fancybox-button::after
{
    position: absolute;
    top: -25px; 
    left: -25px;

    padding: 50px;

    content: '';
}

.fancybox-navigation .fancybox-button--arrow_left
{
    left: 6px;
}

.fancybox-navigation .fancybox-button--arrow_right
{
    right: 6px;
}

/* Close button on the top right corner of html content */
.fancybox-close-small
{
    position: absolute;
    z-index: 10; 
    top: 0;
    right: 0;

    width: 44px;
    height: 44px;
    margin: 0;
    padding: 6px;

    cursor: pointer;

    color: #555;
    border: 0;
    border-radius: 0;
    background: transparent;
}

.fancybox-close-small svg
{
    -webkit-transition: stroke .1s;
            transition: stroke .1s; 

    opacity: .8;

    fill: transparent;
    stroke: currentColor;
    stroke-width: 1.5;
}

.fancybox-close-small:focus
{
    outline: none;
}

.fancybox-close-small:hover svg
{
    opacity: 1;
}

.fancybox-slide--image .fancybox-close-small,
.fancybox-slide--video .fancybox-close-small,
.fancybox-slide--iframe .fancybox-close-small
{
    top: -44px; 
    right: -12px;

    padding: 5px;

    color: #ccc;
}

.fancybox-slide--image .fancybox-close-small:hover svg,
.fancybox-slide--video .fancybox-close-small:hover svg,
.fancybox-slide--iframe .fancybox-close-small:hover svg
{
    color: #fff; 
    background: transparent;
}

.fancybox-is-scaling .fancybox-close-small,
.fancybox-is-zoomable.fancybox-can-drag .fancybox-close-small
{
    display: none;
}

/* Caption */
.fancybox-caption
{
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;

    right: 0; 
    bottom: 0;
    left: 0;

    padding: 25px 44px 25px 44px;

    color: #fff;
}

.fancybox-caption::before
{
    position: absolute;
    z-index: -1; 
    top: -25px;
    right: 0;
    bottom: 0;
    left: 0;

    display: block;

    content: '';
    pointer-events: none;

    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAEtCAQAAABjBcL7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHRJREFUKM+Vk8EOgDAIQ0vj/3+xBw8qIZZueFnIKC90MCAI8DlrkHGeqqGIU6lVigrBtpCWqeRWoHDNqs0F7VNVBVxmHRlvoVqjaYkdnDIaivH2HqZ5+oZj3JUzWB+cOz4G48Bg+tsJ/tqu4dLC/4Xb+0GcF5BwBC0AA53qAAAAAElFTkSuQmCC);
    background-repeat: repeat-x;
    background-size: contain;
}

.fancybox-caption::after
{
    position: absolute;
    top: 0; 
    right: 44px;
    left: 44px;

    display: block;

    content: '';

    border-bottom: 1px solid rgba(255, 255, 255, .3);
}

.fancybox-caption a,
.fancybox-caption a:link,
.fancybox-caption a:visited
{
    text-decoration: none; 

    color: #ccc;
}

.fancybox-caption a:hover
{
    text-decoration: underline; 

    color: #fff;
}

/* Loading indicator */
.fancybox-loading
{
    position: absolute;
    z-index: 99999; 
    top: 50%;
    left: 50%;

    width: 60px;
    height: 60px;
    margin: -30px 0 0 -30px;
    padding: 0;

    -webkit-animation: fancybox-rotate .8s infinite linear;
            animation: fancybox-rotate .8s infinite linear;

    opacity: .6;
    border: 6px solid rgba(100, 100, 100, .5);
    border-top-color: #fff;
    border-radius: 100%;
    background: transparent;
}

@-webkit-keyframes fancybox-rotate
{
    from
    {
        -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
    }
    to
    {
        -webkit-transform: rotate(359deg);
                transform: rotate(359deg);
    }
}

@keyframes fancybox-rotate
{
    from
    {
        -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
    }
    to
    {
        -webkit-transform: rotate(359deg);
                transform: rotate(359deg);
    }
}

/* Transition effects */
.fancybox-animated
{
    -webkit-transition-timing-function: cubic-bezier(0, 0, .25, 1);
            transition-timing-function: cubic-bezier(0, 0, .25, 1);
}

/* transitionEffect: slide */
.fancybox-fx-slide.fancybox-slide--previous
{
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0); 

    opacity: 0;
}

.fancybox-fx-slide.fancybox-slide--next
{
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0); 

    opacity: 0;
}

.fancybox-fx-slide.fancybox-slide--current
{
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); 

    opacity: 1;
}

/* transitionEffect: fade */
.fancybox-fx-fade.fancybox-slide--previous,
.fancybox-fx-fade.fancybox-slide--next
{
    -webkit-transition-timing-function: cubic-bezier(.19, 1, .22, 1);
            transition-timing-function: cubic-bezier(.19, 1, .22, 1); 

    opacity: 0;
}

.fancybox-fx-fade.fancybox-slide--current
{
    opacity: 1;
}

/* transitionEffect: zoom-in-out */
.fancybox-fx-zoom-in-out.fancybox-slide--previous
{
    -webkit-transform: scale3d(1.5, 1.5, 1.5);
            transform: scale3d(1.5, 1.5, 1.5); 

    opacity: 0;
}

.fancybox-fx-zoom-in-out.fancybox-slide--next
{
    -webkit-transform: scale3d(.5, .5, .5);
            transform: scale3d(.5, .5, .5); 

    opacity: 0;
}

.fancybox-fx-zoom-in-out.fancybox-slide--current
{
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1); 

    opacity: 1;
}

/* transitionEffect: rotate */
.fancybox-fx-rotate.fancybox-slide--previous
{
    -webkit-transform: rotate(-360deg);
        -ms-transform: rotate(-360deg);
            transform: rotate(-360deg); 

    opacity: 0;
}

.fancybox-fx-rotate.fancybox-slide--next
{
    -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
            transform: rotate(360deg); 

    opacity: 0;
}

.fancybox-fx-rotate.fancybox-slide--current
{
    -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
            transform: rotate(0deg); 

    opacity: 1;
}

/* transitionEffect: circular */
.fancybox-fx-circular.fancybox-slide--previous
{
    -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
            transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0); 

    opacity: 0;
}

.fancybox-fx-circular.fancybox-slide--next
{
    -webkit-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
            transform: scale3d(0, 0, 0) translate3d(100%, 0, 0); 

    opacity: 0;
}

.fancybox-fx-circular.fancybox-slide--current
{
    -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
            transform: scale3d(1, 1, 1) translate3d(0, 0, 0); 

    opacity: 1;
}

/* transitionEffect: tube */
.fancybox-fx-tube.fancybox-slide--previous
{
    -webkit-transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg);
            transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg);
}

.fancybox-fx-tube.fancybox-slide--next
{
    -webkit-transform: translate3d(100%, 0, 0) scale(.1) skew(10deg);
            transform: translate3d(100%, 0, 0) scale(.1) skew(10deg);
}

.fancybox-fx-tube.fancybox-slide--current
{
    -webkit-transform: translate3d(0, 0, 0) scale(1);
            transform: translate3d(0, 0, 0) scale(1);
}

/* Share */
.fancybox-share
{
    max-width: 90%;
    padding: 30px;

    text-align: center; 

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

.fancybox-share h1
{
    font-size: 35px;
    font-weight: 700;

    margin: 0 0 20px 0; 

    color: #222;
}

.fancybox-share p
{
    margin: 0;
    padding: 0;
}

.fancybox-share__button
{
    font-size: 14px;
    font-weight: 700;
    line-height: 40px;

    display: inline-block;

    min-width: 130px;
    margin: 0 5px 10px 5px;
    padding: 0 15px;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    -webkit-transition: all .2s;
            transition: all .2s;
    white-space: nowrap; 
    text-decoration: none;

    border: 0;
    border-radius: 3px;
}

.fancybox-share__button:visited,
.fancybox-share__button:link
{
    color: #fff;
}

.fancybox-share__button:hover
{
    text-decoration: none;
}

.fancybox-share__button--fb
{
    background: #3b5998;
}

.fancybox-share__button--fb:hover
{
    background: #344e86;
}

.fancybox-share__button--pt
{
    background: #bd081d;
}

.fancybox-share__button--pt:hover
{
    background: #aa0719;
}

.fancybox-share__button--tw
{
    background: #1da1f2;
}

.fancybox-share__button--tw:hover
{
    background: #0d95e8;
}

.fancybox-share__button svg
{
    position: relative;
    top: -1px;

    width: 25px; 
    height: 25px;
    margin-right: 7px;

    vertical-align: middle;
}

.fancybox-share__button svg path
{
    fill: #fff;
}

.fancybox-share__input
{
    font-size: 14px;

    width: 100%; 
    margin: 10px 0 0 0;
    padding: 10px 15px;

    color: #5d5b5b;
    border: 0;
    border-bottom: 1px solid #d7d7d7;
    border-radius: 0;
    outline: none;
    background: transparent;
}

/* Thumbs */
.fancybox-thumbs
{
    position: absolute;
    z-index: 99995; 
    top: 0;
    right: 0;
    bottom: 0;

    display: none;

    width: 212px;
    margin: 0;
    padding: 2px 2px 4px 2px;

    background: #fff;

    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    -webkit-tap-highlight-color: transparent;
}

.fancybox-thumbs-x
{
    overflow-x: auto;
    overflow-y: hidden;
}

.fancybox-show-thumbs .fancybox-thumbs
{
    display: block;
}

.fancybox-show-thumbs .fancybox-inner
{
    right: 212px;
}

.fancybox-thumbs > ul
{
    font-size: 0;

    position: absolute;
    position: relative;

    overflow-x: hidden;
    overflow-y: auto;

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

    list-style: none;

    white-space: nowrap;
}

.fancybox-thumbs-x > ul
{
    overflow: hidden;
}

.fancybox-thumbs-y > ul::-webkit-scrollbar
{
    width: 7px;
}

.fancybox-thumbs-y > ul::-webkit-scrollbar-track
{
    border-radius: 10px;
    background: #fff;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
            box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
}

.fancybox-thumbs-y > ul::-webkit-scrollbar-thumb
{
    border-radius: 10px; 
    background: #2a2a2a;
}

.fancybox-thumbs > ul > li
{
    position: relative;

    float: left;
    overflow: hidden;

    width: 100px; 
    max-width: calc(50% - 4px);
    height: 75px;
    max-height: calc(100% - 8px);
    margin: 2px;
    padding: 0;

    cursor: pointer;

    outline: none;

    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
}

.fancybox-thumbs-loading
{
    background: rgba(0, 0, 0, .1);
}

.fancybox-thumbs > ul > li
{
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.fancybox-thumbs > ul > li:before
{
    position: absolute;
    z-index: 99991; 
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    content: '';
    -webkit-transition: all .2s cubic-bezier(.25, .46, .45, .94);
            transition: all .2s cubic-bezier(.25, .46, .45, .94);

    opacity: 0;
    border: 4px solid #4ea7f9;
}

.fancybox-thumbs .fancybox-thumbs-active:before
{
    opacity: 1;
}

/* Styling for Small-Screen Devices */
@media all and (max-width: 800px)
{
    .fancybox-thumbs
    {
        width: 110px;
    }
    .fancybox-show-thumbs .fancybox-inner
    {
        right: 110px;
    }
    .fancybox-thumbs > ul > li
    {
        max-width: calc(100% - 10px);
    }
}

/*********************/
/* Fancybox Overrides
/*********************/
/*--------------*/
/* Forms
/*--------------*/
.gform_fields,
.gfield_checkbox,
.gfield_radio
{
    padding: 0; 

    list-style: none;
}

.gform_footer
{
    *zoom: 1;
}
.gform_footer::before,
.gform_footer::after
{
    display: table; 

    content: ' ';
}
.gform_footer::after
{
    clear: both;
}
.gform_footer input[type=submit]
{
    max-width: 200px;
}

.gform_validation_container
{
    display: none; 
    visibility: hidden;
}

.gfield
{
    margin-bottom: 30px;
}

.gform_wrapper .field_description_below .gfield_description
{
    padding-top: 5px;
}

label,
.fieldset-legend
{
    display: block;
}

input,
select,
textarea,
.content-block--form .gform_wrapper .top_label div.ginput_container.ginput_container_select
{
    font-family: "Archivo", sans-serif;
    font-weight: 500;
    line-height: 1.9;

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

    color: #fff;
    border: none;
    border: 1px solid #bbb;
    border-radius: 3px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
            box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
}
input,
select,
textarea,
.content-block--form .gform_wrapper .top_label div.ginput_container.ginput_container_select
{
    font-size: 15px;
}
@media screen and (min-width: 544px)
{
    input,
    select,
    textarea,
    .content-block--form .gform_wrapper .top_label div.ginput_container.ginput_container_select
    {
        font-size: calc(15px + 2 * ((100vw - 544px) / 896));
    }
}
@media screen and (min-width: 1440px)
{
    input,
    select,
    textarea,
    .content-block--form .gform_wrapper .top_label div.ginput_container.ginput_container_select
    {
        font-size: 17px;
    }
}
input a,
select a,
textarea a,
.content-block--form .gform_wrapper .top_label div.ginput_container.ginput_container_select a
{
    text-decoration: none; 

    color: #f8340d;
}
input a:hover,
select a:hover,
textarea a:hover,
.content-block--form .gform_wrapper .top_label div.ginput_container.ginput_container_select a:hover,
input a:focus,
select a:focus,
textarea a:focus,
.content-block--form .gform_wrapper .top_label div.ginput_container.ginput_container_select a:focus,
input a:active,
select a:active,
textarea a:active,
.content-block--form .gform_wrapper .top_label div.ginput_container.ginput_container_select a:active
{
    color: #f8340d;
}
input:focus,
select:focus,
textarea:focus,
.content-block--form .gform_wrapper .top_label div.ginput_container.ginput_container_select:focus
{
    color: #000;
    border-color: #000;
    -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, .15);
            box-shadow: 0 0 20px 0 rgba(0, 0, 0, .15);
}
body.text-color-dark input,
body.text-color-dark select,
body.text-color-dark textarea,
body.text-color-dark .content-block--form .gform_wrapper .top_label div.ginput_container.ginput_container_select,
.content-block--form .gform_wrapper .top_label body.text-color-dark div.ginput_container.ginput_container_select
{
    color: #fff;
}
input[aria-invalid='true'],
select[aria-invalid='true'],
textarea[aria-invalid='true'],
.content-block--form .gform_wrapper .top_label div.ginput_container.ginput_container_select[aria-invalid='true']
{
    border: 2px solid #f8340d;
}

textarea
{
    height: 150px;
}

select option:disabled
{
    color: #a7a7a7;
}

.gform_wrapper .gfield_checkbox li input[type=checkbox],
.gform_wrapper ul.gfield_checkbox li input[type=checkbox] input[type=checkbox]
{
    position: relative; 

    display: none;
}
.gform_wrapper .gfield_checkbox li input[type=checkbox] + label,
.gform_wrapper .gfield_checkbox li input[type=checkbox] + input[type=hidden] + label,
.gform_wrapper ul.gfield_checkbox li input[type=checkbox] input[type=checkbox] + label,
.gform_wrapper ul.gfield_checkbox li input[type=checkbox] input[type=checkbox] + input[type=hidden] + label
{
    font-family: "Archivo", sans-serif;
    font-weight: 500;
    line-height: 1.9;

    position: relative;

    padding-left: 25px;

    cursor: pointer; 
    text-transform: none;
}
.gform_wrapper .gfield_checkbox li input[type=checkbox] + label,
.gform_wrapper .gfield_checkbox li input[type=checkbox] + input[type=hidden] + label,
.gform_wrapper ul.gfield_checkbox li input[type=checkbox] input[type=checkbox] + label,
.gform_wrapper ul.gfield_checkbox li input[type=checkbox] input[type=checkbox] + input[type=hidden] + label
{
    font-size: 15px;
}
@media screen and (min-width: 544px)
{
    .gform_wrapper .gfield_checkbox li input[type=checkbox] + label,
    .gform_wrapper .gfield_checkbox li input[type=checkbox] + input[type=hidden] + label,
    .gform_wrapper ul.gfield_checkbox li input[type=checkbox] input[type=checkbox] + label,
    .gform_wrapper ul.gfield_checkbox li input[type=checkbox] input[type=checkbox] + input[type=hidden] + label
    {
        font-size: calc(15px + 2 * ((100vw - 544px) / 896));
    }
}
@media screen and (min-width: 1440px)
{
    .gform_wrapper .gfield_checkbox li input[type=checkbox] + label,
    .gform_wrapper .gfield_checkbox li input[type=checkbox] + input[type=hidden] + label,
    .gform_wrapper ul.gfield_checkbox li input[type=checkbox] input[type=checkbox] + label,
    .gform_wrapper ul.gfield_checkbox li input[type=checkbox] input[type=checkbox] + input[type=hidden] + label
    {
        font-size: 17px;
    }
}
body.text-color-light .gform_wrapper .gfield_checkbox li input[type=checkbox] + label,
body.text-color-light
    .gform_wrapper .gfield_checkbox li input[type=checkbox] + input[type=hidden] + label,
body.text-color-light
    .gform_wrapper ul.gfield_checkbox li input[type=checkbox] input[type=checkbox] + label,
body.text-color-light
    .gform_wrapper ul.gfield_checkbox li input[type=checkbox] input[type=checkbox] + input[type=hidden] + label
{
    color: #fff;
}
body.text-color-dark .gform_wrapper .gfield_checkbox li input[type=checkbox] + label,
body.text-color-dark
    .gform_wrapper .gfield_checkbox li input[type=checkbox] + input[type=hidden] + label,
body.text-color-dark
    .gform_wrapper ul.gfield_checkbox li input[type=checkbox] input[type=checkbox] + label,
body.text-color-dark
    .gform_wrapper ul.gfield_checkbox li input[type=checkbox] input[type=checkbox] + input[type=hidden] + label
{
    color: #000;
}
.gform_wrapper .gfield_checkbox li input[type=checkbox] + label a,
.gform_wrapper .gfield_checkbox li input[type=checkbox] + input[type=hidden] + label a,
.gform_wrapper ul.gfield_checkbox li input[type=checkbox] input[type=checkbox] + label a,
.gform_wrapper ul.gfield_checkbox li input[type=checkbox] input[type=checkbox] + input[type=hidden] + label a
{
    text-decoration: none; 

    color: #f8340d;
}
.gform_wrapper .gfield_checkbox li input[type=checkbox] + label a:hover,
.gform_wrapper .gfield_checkbox li input[type=checkbox] + label a:focus,
.gform_wrapper .gfield_checkbox li input[type=checkbox] + label a:active,
.gform_wrapper .gfield_checkbox li input[type=checkbox] + input[type=hidden] + label a:hover,
.gform_wrapper .gfield_checkbox li input[type=checkbox] + input[type=hidden] + label a:focus,
.gform_wrapper .gfield_checkbox li input[type=checkbox] + input[type=hidden] + label a:active,
.gform_wrapper ul.gfield_checkbox li input[type=checkbox] input[type=checkbox] + label a:hover,
.gform_wrapper ul.gfield_checkbox li input[type=checkbox] input[type=checkbox] + label a:focus,
.gform_wrapper ul.gfield_checkbox li input[type=checkbox] input[type=checkbox] + label a:active,
.gform_wrapper ul.gfield_checkbox li input[type=checkbox] input[type=checkbox] + input[type=hidden] + label a:hover,
.gform_wrapper ul.gfield_checkbox li input[type=checkbox] input[type=checkbox] + input[type=hidden] + label a:focus,
.gform_wrapper ul.gfield_checkbox li input[type=checkbox] input[type=checkbox] + input[type=hidden] + label a:active
{
    color: #f8340d;
}
.gform_wrapper .gfield_checkbox li input[type=checkbox] + label::before,
.gform_wrapper .gfield_checkbox li input[type=checkbox] + input[type=hidden] + label::before,
.gform_wrapper ul.gfield_checkbox li input[type=checkbox] input[type=checkbox] + label::before,
.gform_wrapper ul.gfield_checkbox li input[type=checkbox] input[type=checkbox] + input[type=hidden] + label::before
{
    position: absolute;
    top: 2px; 
    left: 0;

    display: inline-block;

    width: 16px;
    height: 16px;

    content: '';

    border: none;
    border-radius: 3px;
    background-color: #fff;
}
.gform_wrapper .gfield_checkbox li input[type=checkbox]:checked + label,
.gform_wrapper .gfield_checkbox li input[type=checkbox]:checked + input[type=hidden] + label,
.gform_wrapper ul.gfield_checkbox li input[type=checkbox] input[type=checkbox]:checked + label,
.gform_wrapper ul.gfield_checkbox li input[type=checkbox] input[type=checkbox]:checked + input[type=hidden] + label
{
    font-family: "Archivo", sans-serif;
    font-weight: 500;
    font-weight: 100 !important; 
    line-height: 1.9;

    color: #fff;
    color: #fff;
}
.gform_wrapper .gfield_checkbox li input[type=checkbox]:checked + label,
.gform_wrapper .gfield_checkbox li input[type=checkbox]:checked + input[type=hidden] + label,
.gform_wrapper ul.gfield_checkbox li input[type=checkbox] input[type=checkbox]:checked + label,
.gform_wrapper ul.gfield_checkbox li input[type=checkbox] input[type=checkbox]:checked + input[type=hidden] + label
{
    font-size: 15px;
}
@media screen and (min-width: 544px)
{
    .gform_wrapper .gfield_checkbox li input[type=checkbox]:checked + label,
    .gform_wrapper .gfield_checkbox li input[type=checkbox]:checked + input[type=hidden] + label,
    .gform_wrapper ul.gfield_checkbox li input[type=checkbox] input[type=checkbox]:checked + label,
    .gform_wrapper ul.gfield_checkbox li input[type=checkbox] input[type=checkbox]:checked + input[type=hidden] + label
    {
        font-size: calc(15px + 2 * ((100vw - 544px) / 896));
    }
}
@media screen and (min-width: 1440px)
{
    .gform_wrapper .gfield_checkbox li input[type=checkbox]:checked + label,
    .gform_wrapper .gfield_checkbox li input[type=checkbox]:checked + input[type=hidden] + label,
    .gform_wrapper ul.gfield_checkbox li input[type=checkbox] input[type=checkbox]:checked + label,
    .gform_wrapper ul.gfield_checkbox li input[type=checkbox] input[type=checkbox]:checked + input[type=hidden] + label
    {
        font-size: 17px;
    }
}
.gform_wrapper .gfield_checkbox li input[type=checkbox]:checked + label a,
.gform_wrapper .gfield_checkbox li input[type=checkbox]:checked + input[type=hidden] + label a,
.gform_wrapper ul.gfield_checkbox li input[type=checkbox] input[type=checkbox]:checked + label a,
.gform_wrapper ul.gfield_checkbox li input[type=checkbox] input[type=checkbox]:checked + input[type=hidden] + label a
{
    text-decoration: none; 

    color: #f8340d;
}
.gform_wrapper .gfield_checkbox li input[type=checkbox]:checked + label a:hover,
.gform_wrapper .gfield_checkbox li input[type=checkbox]:checked + label a:focus,
.gform_wrapper .gfield_checkbox li input[type=checkbox]:checked + label a:active,
.gform_wrapper .gfield_checkbox li input[type=checkbox]:checked + input[type=hidden] + label a:hover,
.gform_wrapper .gfield_checkbox li input[type=checkbox]:checked + input[type=hidden] + label a:focus,
.gform_wrapper .gfield_checkbox li input[type=checkbox]:checked + input[type=hidden] + label a:active,
.gform_wrapper ul.gfield_checkbox li input[type=checkbox] input[type=checkbox]:checked + label a:hover,
.gform_wrapper ul.gfield_checkbox li input[type=checkbox] input[type=checkbox]:checked + label a:focus,
.gform_wrapper ul.gfield_checkbox li input[type=checkbox] input[type=checkbox]:checked + label a:active,
.gform_wrapper ul.gfield_checkbox li input[type=checkbox] input[type=checkbox]:checked + input[type=hidden] + label a:hover,
.gform_wrapper ul.gfield_checkbox li input[type=checkbox] input[type=checkbox]:checked + input[type=hidden] + label a:focus,
.gform_wrapper ul.gfield_checkbox li input[type=checkbox] input[type=checkbox]:checked + input[type=hidden] + label a:active
{
    color: #f8340d;
}
.gform_wrapper .gfield_checkbox li input[type=checkbox]:checked + label::after,
.gform_wrapper .gfield_checkbox li input[type=checkbox]:checked + input[type=hidden] + label::after,
.gform_wrapper ul.gfield_checkbox li input[type=checkbox] input[type=checkbox]:checked + label::after,
.gform_wrapper ul.gfield_checkbox li input[type=checkbox] input[type=checkbox]:checked + input[type=hidden] + label::after
{
    font-family: 'iconfont-mmgy';
    font-size: 20px;
    font-weight: 100;
    font-style: normal;
    font-variant: normal;
    line-height: 1;

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

    content: '';
    text-transform: none;

    color: inherit;
    color: #000; 

    speak: none;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body.text-color-dark .gform_wrapper .gfield_checkbox li input[type=checkbox] + label,
body.text-color-dark .gform_wrapper .gfield_checkbox li input[type=checkbox] + input[type=hidden] + label,
body.text-color-dark input[type=checkbox] + label,
body.text-color-dark input[type=checkbox] + input[type=hidden] + label
{
    font-size: 14px;
    font-size: 1.4rem; 
    line-height: 1.5;

    padding-left: 45px;

    color: #fff;
}

.gform_wrapper .gfield_radio li input[type=radio] input[type=radio]
{
    position: relative; 

    display: none;
}
.gform_wrapper .gfield_radio li input[type=radio] input[type=radio] + label
{
    font-family: "Archivo", sans-serif;
    font-weight: 500;
    line-height: 1.9;

    position: relative;

    padding-left: 25px;

    cursor: pointer; 
    text-transform: none;
}
.gform_wrapper .gfield_radio li input[type=radio] input[type=radio] + label
{
    font-size: 15px;
}
@media screen and (min-width: 544px)
{
    .gform_wrapper .gfield_radio li input[type=radio] input[type=radio] + label
    {
        font-size: calc(15px + 2 * ((100vw - 544px) / 896));
    }
}
@media screen and (min-width: 1440px)
{
    .gform_wrapper .gfield_radio li input[type=radio] input[type=radio] + label
    {
        font-size: 17px;
    }
}
body.text-color-light .gform_wrapper .gfield_radio li input[type=radio] input[type=radio] + label
{
    color: #fff;
}
body.text-color-dark .gform_wrapper .gfield_radio li input[type=radio] input[type=radio] + label
{
    color: #000;
}
.gform_wrapper .gfield_radio li input[type=radio] input[type=radio] + label a
{
    text-decoration: none; 

    color: #f8340d;
}
.gform_wrapper .gfield_radio li input[type=radio] input[type=radio] + label a:hover,
.gform_wrapper .gfield_radio li input[type=radio] input[type=radio] + label a:focus,
.gform_wrapper .gfield_radio li input[type=radio] input[type=radio] + label a:active
{
    color: #f8340d;
}
.gform_wrapper .gfield_radio li input[type=radio] input[type=radio] + label::before
{
    position: absolute;
    top: 2px;
    left: 0;

    width: 16px;
    height: 16px;

    content: '';

    border: 1px solid;
    border-radius: 99px;
}
.gform_wrapper .gfield_radio li input[type=radio] input[type=radio]:checked + label
{
    font-weight: 100; 

    color: #000;
}
.gform_wrapper .gfield_radio li input[type=radio] input[type=radio]:checked + label::after
{
    position: absolute;
    top: 6px;
    left: 4px;

    width: 8px;
    height: 8px;

    content: '';

    border-radius: 99px; 
    background-color: #000;
}

.validation_error
{
    font-family: "Archivo", sans-serif;
    font-weight: 500;

    margin-bottom: 30px; 
    padding: 15px;

    text-decoration: none;

    text-transform: uppercase;

    color: #fff;
    border: 1px solid #f8340d;
    border-radius: 5px;
    background-color: #f8340d;
}
.validation_error
{
    font-size: 10px;
}
@media screen and (min-width: 544px)
{
    .validation_error
    {
        font-size: calc(10px + 2 * ((100vw - 544px) / 896));
    }
}
@media screen and (min-width: 1440px)
{
    .validation_error
    {
        font-size: 12px;
    }
}
.validation_error a
{
    -webkit-transition: opacity ease .3s;
            transition: opacity ease .3s;
    text-decoration: none; 

    color: #fff;
}
.validation_error a:hover,
.validation_error a:focus,
.validation_error a:active
{
    -webkit-transition: opacity ease .3s;
            transition: opacity ease .3s;
}

.validation_message
{
    font-family: "Archivo", sans-serif;
    font-weight: 500;

    text-decoration: none;

    text-transform: uppercase; 

    color: #f8340d;
}
.validation_message
{
    font-size: 10px;
}
@media screen and (min-width: 544px)
{
    .validation_message
    {
        font-size: calc(10px + 2 * ((100vw - 544px) / 896));
    }
}
@media screen and (min-width: 1440px)
{
    .validation_message
    {
        font-size: 12px;
    }
}
.validation_message a
{
    -webkit-transition: opacity ease .3s;
            transition: opacity ease .3s;
    text-decoration: none; 

    color: #f8340d;
}
.validation_message a:hover,
.validation_message a:focus,
.validation_message a:active
{
    -webkit-transition: opacity ease .3s;
            transition: opacity ease .3s;
}

.gfield_required
{
    font-family: "Archivo", sans-serif;
    font-weight: 500;

    margin-left: 5px; 

    text-decoration: none;

    text-transform: uppercase;

    color: #f8340d;
}
.gfield_required
{
    font-size: 10px;
}
@media screen and (min-width: 544px)
{
    .gfield_required
    {
        font-size: calc(10px + 2 * ((100vw - 544px) / 896));
    }
}
@media screen and (min-width: 1440px)
{
    .gfield_required
    {
        font-size: 12px;
    }
}
.gfield_required a
{
    -webkit-transition: opacity ease .3s;
            transition: opacity ease .3s;
    text-decoration: none; 

    color: #f8340d;
}
.gfield_required a:hover,
.gfield_required a:focus,
.gfield_required a:active
{
    -webkit-transition: opacity ease .3s;
            transition: opacity ease .3s;
}

/* Slider */
.slick-slider
{
    position: relative;

    display: block;

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

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

    -webkit-touch-callout: none;
     -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;

    margin-right: auto; 
    margin-left: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table; 

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none; 
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}

.slick-arrow.slick-hidden
{
    display: none;
}

/*! jQuery UI - v1.11.4 - 2016-06-02
* http://jqueryui.com
* Includes: core.css, datepicker.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/
* Copyright jQuery Foundation and other contributors; Licensed MIT */
/* Layout helpers
----------------------------------*/
.ui-helper-hidden
{
    display: none;
}

.ui-helper-hidden-accessible
{
    position: absolute;

    overflow: hidden;
    clip: rect(0 0 0 0);

    width: 1px; 
    height: 1px;
    margin: -1px;
    padding: 0;

    border: 0;
}

.ui-helper-reset
{
    font-size: 100%;
    line-height: 1.3;

    margin: 0;
    padding: 0;

    list-style: none; 

    text-decoration: none;

    border: 0;
    outline: 0;
}

.ui-helper-clearfix
{
    min-height: 0;
    /* support: IE7 */
}
.ui-helper-clearfix::before,
.ui-helper-clearfix::after
{
    display: table;

    border-collapse: collapse; 

    content: '';
}

.ui-helper-clearfix::after
{
    clear: both;
}

.ui-helper-zfix
{
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    opacity: 0;

    filter: Alpha(Opacity=0);
    /* support: IE8 */
}

.ui-front
{
    z-index: 100;
}

/* Interaction Cues
----------------------------------*/
.ui-state-disabled
{
    cursor: default !important;
}

/* Icons
----------------------------------*/
/* states and images */
.ui-icon
{
    display: block;
    overflow: hidden;

    text-indent: -99999px;

    background-repeat: no-repeat;
}

/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay
{
    position: fixed;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;
}

.ui-accordion .ui-accordion-header
{
    position: relative;

    display: block;

    min-height: 0;
    margin: 2px 0 0 0;

    cursor: pointer;
    /* support: IE7 */
}

.ui-accordion .ui-accordion-icons
{
    padding: 10px 0;
}

.ui-accordion .ui-accordion-header .ui-accordion-header-icon
{
    position: absolute;
    top: 50%;
    left: .5em;

    margin-top: -8px;
}

.ui-accordion .ui-accordion-content
{
    overflow: auto;

    height: auto !important;
    margin-top: 15px; 

    border: 0;
    border-top: 0;
}

.ui-datepicker
{
    display: none;

    width: 17em;
    padding: .2em .2em 0;

    background: #fff;
}

.ui-datepicker .ui-datepicker-header
{
    position: relative;

    padding: .2em 0;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next
{
    position: absolute;
    top: 2px;

    width: 1.8em;
    height: 1.8em;
}

.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover
{
    top: 1px;
}

.ui-datepicker .ui-datepicker-prev
{
    left: 2px;
}

.ui-datepicker .ui-datepicker-next
{
    right: 2px;
}

.ui-datepicker .ui-datepicker-prev-hover
{
    left: 1px;
}

.ui-datepicker .ui-datepicker-next-hover
{
    right: 1px;
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span
{
    position: absolute;
    top: 50%;
    left: 50%;

    display: block;

    margin-top: -8px; 
    margin-left: -8px;
}

.ui-datepicker .ui-datepicker-title
{
    line-height: 1.8em;

    margin: 0 2.3em;

    text-align: center;
}

.ui-datepicker .ui-datepicker-title select
{
    font-size: 1em;

    margin: 1px 0;
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year
{
    width: 45%;
}

.ui-datepicker table
{
    font-size: .9em;

    width: 100%;
    margin: 0 0 .4em; 

    border-collapse: collapse;
}

.ui-datepicker th
{
    font-weight: 700;

    padding: .7em .3em;

    text-align: center;

    border: 0;
}

.ui-datepicker td
{
    padding: 1px; 

    border: 0;
}

.ui-datepicker td span,
.ui-datepicker td a
{
    display: block;

    padding: .2em;

    text-align: right;
    text-decoration: none;
}

.ui-datepicker .ui-datepicker-buttonpane
{
    margin: .7em 0 0 0;
    padding: 0 .2em;

    border-right: 0;
    border-bottom: 0; 
    border-left: 0;
    background-image: none;
}

.ui-datepicker .ui-datepicker-buttonpane button
{
    float: right;
    overflow: visible; 

    width: auto;
    margin: .5em .2em .4em;
    padding: .2em .6em .3em .6em;

    cursor: pointer;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current
{
    float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi
{
    width: auto;
}

.ui-datepicker-multi .ui-datepicker-group
{
    float: left;
}

.ui-datepicker-multi .ui-datepicker-group table
{
    width: 95%;
    margin: 0 auto .4em;
}

.ui-datepicker-multi-2 .ui-datepicker-group
{
    width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group
{
    width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group
{
    width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header
{
    border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane
{
    clear: left;
}

.ui-datepicker-row-break
{
    font-size: 0; 

    clear: both;

    width: 100%;
}

/* RTL support */
.ui-datepicker-rtl
{
    direction: rtl;
}

.ui-datepicker-rtl .ui-datepicker-prev
{
    right: 2px;
    left: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover,
.ui-datepicker-rtl .ui-datepicker-prev:focus,
.ui-datepicker-rtl .ui-datepicker-prev:active
{
    right: 1px;
    left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next
{
    right: auto; 
    left: 2px;
}
.ui-datepicker-rtl .ui-datepicker-next:hover,
.ui-datepicker-rtl .ui-datepicker-next:focus,
.ui-datepicker-rtl .ui-datepicker-next:active
{
    right: auto; 
    left: 1px;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane
{
    clear: right;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button
{
    float: left;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group
{
    float: right;
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header
{
    border-right-width: 0;
    border-left-width: 1px;
}

/* Component containers
----------------------------------*/
.ui-widget-header
{
    font-weight: 700; 

    color: #222;
    border: 1px solid #aaa;
}

.ui-widget-header a
{
    color: #222;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default
{
    font-weight: 400;

    color: #555; 
    border: 1px solid #d3d3d3;
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited
{
    text-decoration: none; 

    color: #555;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus
{
    font-weight: 400;

    color: #212121; 
    border: 1px solid #999;
}

.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited
{
    text-decoration: none; 

    color: #212121;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active
{
    font-weight: 400;

    color: #212121; 
    border: 1px solid #aaa;
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited
{
    text-decoration: none; 

    color: #212121;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight
{
    color: #363636; 
    border: 1px solid #fcefa1;
}

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a
{
    color: #363636;
}

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error
{
    color: #cd0a0a; 
    border: 1px solid #cd0a0a;
}

.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a
{
    color: #cd0a0a;
}

.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text
{
    color: #cd0a0a;
}

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary
{
    font-weight: 700;
}

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary
{
    /* support: IE8 */
    font-weight: 400; 

    opacity: .7;

    filter: Alpha(Opacity=70);
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled
{
    opacity: .35;
    /* support: IE8 */
    background-image: none; 

    filter: Alpha(Opacity=35);
}

.ui-state-disabled .ui-icon
{
    filter: Alpha(Opacity=35);
    /* support: IE8 - See #6059 */
}

/* Icons
----------------------------------*/
/* states and images */
.ui-icon
{
    width: 16px;
    height: 16px;
}

/* Misc visuals
----------------------------------*/
/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl
{
    border-top-left-radius: 4px;
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr
{
    border-top-right-radius: 4px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl
{
    border-bottom-left-radius: 4px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br
{
    border-bottom-right-radius: 4px;
}

/* Overlays */
.ui-widget-overlay
{
    opacity: .3;
    background: #aaa;

    filter: Alpha(Opacity=30);
    /* support: IE8 */
}

.ui-widget-shadow
{
    margin: -8px 0 0 -8px;
    padding: 8px;

    opacity: .3;
    /* support: IE8 */
    border-radius: 8px; 
    background: #aaa;

    filter: Alpha(Opacity=30);
}

/*--------------*/
/* Datepicker
/*--------------*/
.ui-datepicker.ui-widget
{
    padding: 10px; 

    border: 1px solid;
    border-radius: 0;
}
.ui-datepicker.ui-widget.ui-datepicker-multi
{
    width: 550px !important;
}
.ui-datepicker.ui-widget a
{
    font-size: 13px;
    font-size: 1.3rem;
}

.ui-datepicker .ui-widget-header
{
    margin-bottom: 10px; 

    border: none;
    background: none;
}

.ui-datepicker .ui-datepicker-month
{
    text-transform: uppercase;
}

.ui-datepicker .ui-datepicker-prev
{
    width: 35px;
    height: 35px;

    cursor: pointer; 

    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 0;
    background-image: none;
}
.ui-datepicker .ui-datepicker-prev::before
{
    position: absolute;
    top: 50%;
    left: 50%;

    -webkit-transform: translate(-50%, -50%);
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(180deg);
            transform: translate(-50%, -50%);
            transform: translateX(-50%) translateY(-50%) rotate(180deg);
}

.ui-datepicker .ui-datepicker-next
{
    width: 35px;
    height: 35px;

    cursor: pointer; 

    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 0;
    background-image: none;
}
.ui-datepicker .ui-datepicker-next::before
{
    position: absolute;
    top: 50%;
    left: 50%;

    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
}

.ui-datepicker th
{
    text-transform: uppercase;
}

.ui-datepicker td
{
    width: 35px;
    padding: 1px 1px 0 0;
}

.ui-datepicker .ui-state-default,
.ui-datepicker .ui-widget-content .ui-state-default
{
    padding: 4px 0;

    text-align: center; 

    color: #a7a7a7;
    border: none;
    background-color: transparent;
}

.ui-datepicker .start-date .ui-state-default,
.ui-datepicker .end-date .ui-state-default,
.ui-datepicker .ui-widget-content .ui-state-default.ui-state-hover,
.ui-datepicker .ui-widget-content .ui-state-default.ui-state-hover,
.ui-datepicker .ui-state-active.between-date.ui-state-default
{
    color: #fff; 
    background-color: #f8340d;
}

.ui-datepicker .between-date.ui-state-default
{
    color: #fff; 
    background-color: #f8340d;
}

.ui-datepicker-group
{
    position: relative;
}
.ui-datepicker-group.ui-datepicker-group-first
{
    padding-right: 10px;
}
.ui-datepicker-group.ui-datepicker-group-last
{
    padding-left: 10px;
}
.ui-datepicker-group + .ui-datepicker-group::before
{
    position: absolute;
    top: 30px;
    bottom: 15px; 
    left: 0;

    width: 1px;

    content: '';

    opacity: .2;
    background-color: #000;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover
{
    color: #fff;
    color: white !important; 
    background-color: #f8340d;
}

.ui-state-hover,
.ui-datepicker-today .ui-state-hover,
.ui-datepicker-today .ui-state-hover
{
    color: #000;
    color: black !important; 
    background-color: #fff;
}

.ui-datepicker .ui-datepicker-title
{
    font-weight: 100;

    margin-top: 10px; 

}

/*******************/
/* Cookie Consent
/*******************/
.cc-window
{
    -webkit-transition: opacity 1s ease;
            transition: opacity 1s ease; 

    opacity: 1;
}

.cc-window.cc-invisible
{
    opacity: 0;
}

.cc-animate.cc-revoke
{
    -webkit-transition: -webkit-transform 1s ease;
            transition: -webkit-transform 1s ease;
            transition:         transform 1s ease;
            transition:         transform 1s ease, -webkit-transform 1s ease;
}

.cc-animate.cc-revoke.cc-top
{
    -webkit-transform: translateY(-2em);
            transform: translateY(-2em);
}

.cc-animate.cc-revoke.cc-bottom
{
    -webkit-transform: translateY(2em);
            transform: translateY(2em);
}

.cc-animate.cc-revoke.cc-active.cc-bottom,
.cc-animate.cc-revoke.cc-active.cc-top,
.cc-revoke:hover
{
    -webkit-transform: translateY(0);
            transform: translateY(0);
}

.cc-grower
{
    overflow: hidden;

    max-height: 0;

    -webkit-transition: max-height 1s;
            transition: max-height 1s;
}

.cc-link,
.cc-revoke:hover
{
    text-decoration: underline;
}

.cc-revoke,
.cc-window
{
    font-family: Helvetica, Calibri, Arial, sans-serif;
    font-size: 16px;
    line-height: 1.5em;

    position: fixed;
    z-index: 9999; 

    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    overflow: hidden;

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

    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
}

.cc-window.cc-static
{
    position: static;
}

.cc-window.cc-floating
{
        flex-direction: column; 

    max-width: 24em;
    padding: 2em;

    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
}

.cc-window.cc-banner
{
        flex-direction: row; 

    width: 100%;
    padding: 1em 1.8em;

    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
}

.cc-revoke
{
    padding: .5em;
}

.cc-header
{
    font-size: 18px;
    font-weight: 700;
}

.cc-btn,
.cc-close,
.cc-link,
.cc-revoke
{
    cursor: pointer;
}

.cc-link
{
    display: inline-block;

    padding: .2em; 

    opacity: .8;
}

.cc-link:hover
{
    opacity: 1;
}

.cc-link:active,
.cc-link:visited
{
    color: initial;
}

.cc-btn
{
    font-size: .9em;

    display: block;

    padding: .4em .8em;

    text-align: center;
    white-space: nowrap; 

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

.cc-banner .cc-btn:last-child
{
    min-width: 140px;
}

.cc-highlight .cc-btn:first-child
{
    border-color: transparent; 
    background-color: transparent;
}

.cc-highlight .cc-btn:first-child:focus,
.cc-highlight .cc-btn:first-child:hover
{
    background-color: transparent;
}

.cc-close
{
    line-height: .75; 

    position: absolute;
    top: .5em;
    right: .5em;

    display: block;

    opacity: .9;
}

.cc-close:focus,
.cc-close:hover
{
    opacity: 1;
}

.cc-revoke.cc-top
{
    top: 0;
    left: 3em;

    border-bottom-right-radius: .5em; 
    border-bottom-left-radius: .5em;
}

.cc-revoke.cc-bottom
{
    bottom: 0;
    left: 3em;

    border-top-left-radius: .5em;
    border-top-right-radius: .5em;
}

.cc-revoke.cc-left
{
    right: unset; 
    left: 3em;
}

.cc-revoke.cc-right
{
    right: 3em;
    left: unset;
}

.cc-top
{
    top: 1em;
}

.cc-left
{
    left: 1em;
}

.cc-right
{
    right: 1em;
}

.cc-bottom
{
    bottom: 1em;
}

.cc-floating > .cc-link
{
    margin-bottom: 1em;
}

.cc-floating .cc-message
{
    display: block;

    margin-bottom: 1em;
}

.cc-window.cc-floating .cc-compliance
{
    -ms-flex: 1;
    -webkit-box-flex: 1;
        flex: 1;
}

.cc-window.cc-banner
{
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
}

.cc-banner.cc-top
{
    top: 0; 
    right: 0;
    left: 0;
}

.cc-banner.cc-bottom
{
    right: 0;
    bottom: 0; 
    left: 0;
}

.cc-banner .cc-message
{
    -ms-flex: 1;
    -webkit-box-flex: 1;
        flex: 1;
}

.cc-compliance
{
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;

    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-line-pack: justify;
    align-content: space-between;
}

.cc-compliance > .cc-btn
{
    -ms-flex: 1;
    -webkit-box-flex: 1;
        flex: 1;
}

.cc-btn + .cc-btn
{
    margin-left: .5em;
}

@media print
{
    .cc-revoke,
    .cc-window
    {
        display: none;
    }
}

@media screen and (max-width: 900px)
{
    .cc-btn
    {
        white-space: normal;
    }
}

@media screen and (max-width: 414px) and (orientation: portrait), screen and (max-width: 736px) and (orientation: landscape)
{
    .cc-window.cc-top
    {
        top: 0;
    }
    .cc-window.cc-bottom
    {
        bottom: 0;
    }
    .cc-window.cc-banner,
    .cc-window.cc-left,
    .cc-window.cc-right
    {
        right: 0; 
        left: 0;
    }
    .cc-window.cc-banner
    {
            flex-direction: column; 

        -ms-flex-direction: column;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
    }
    .cc-window.cc-banner .cc-compliance
    {
        -ms-flex: 1;
        -webkit-box-flex: 1;
            flex: 1;
    }
    .cc-window.cc-floating
    {
        max-width: none;
    }
    .cc-window .cc-message
    {
        margin-bottom: 1em;
    }
    .cc-window.cc-banner
    {
        -ms-flex-align: unset;
        -webkit-box-align: unset;
        align-items: unset;
    }
}

.cc-floating.cc-theme-classic
{
    padding: 1.2em;

    border-radius: 5px;
}

.cc-floating.cc-type-info.cc-theme-classic .cc-compliance
{
    display: inline;

    text-align: center;

    -ms-flex: none;
    -webkit-box-flex: 0;
        flex: none;
}

.cc-theme-classic .cc-btn
{
    border-radius: 5px;
}

.cc-theme-classic .cc-btn:last-child
{
    min-width: 140px;
}

.cc-floating.cc-type-info.cc-theme-classic .cc-btn
{
    display: inline-block;
}

.cc-theme-edgeless.cc-window
{
    padding: 0;
}

.cc-floating.cc-theme-edgeless .cc-message
{
    margin: 2em 2em 1.5em;
}

.cc-banner.cc-theme-edgeless .cc-btn
{
    height: 100%; 
    margin: 0;
    padding: .8em 1.8em;
}

.cc-banner.cc-theme-edgeless .cc-message
{
    margin-left: 1em;
}

.cc-floating.cc-theme-edgeless .cc-btn + .cc-btn
{
    margin-left: 0;
}

/*-----------------*/
/* Tool Tip
/* MMGY Advertising
/*-----------------*/
.tooltip
{
    position: relative;

    display: inline-block;

    cursor: default;

    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
}
.tooltip::before
{
    position: absolute;

    display: block;

    width: 100%;
    height: 30px; 

    content: '';
}
body[device='desktop'] .tooltip:hover .tooltip--child,
body[device='desktop'] .tooltip:focus .tooltip--child,
body[device='desktop'] .tooltip:active .tooltip--child
{
    display: block;

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

    opacity: 1;
}

.tooltip--child
{
    position: absolute;
    bottom: 40px;
    left: 50%;

    display: none;

    width: 260px;
    padding: 30px;

    list-style: none;

    -webkit-transition: opacity ease-in-out 400ms;
            transition: opacity ease-in-out 400ms; 
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);

    border-radius: 4px;
    background-color: #fff;
    -webkit-box-shadow: 1px 5px 80px 0 rgba(0, 0, 0, .3);
            box-shadow: 1px 5px 80px 0 rgba(0, 0, 0, .3);
}
.tooltip--child::after
{
    position: absolute;
    bottom: -15px;
    left: 50%;

    width: 0;
    height: 0;

    content: '';
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);

    border-top: 15px solid #fff; 
    border-right: 20px solid transparent;
    border-left: 20px solid transparent;
}
.tooltip--child:empty
{
    display: none !important;
}
.tooltip--child > li
{
    font-family: "Archivo", sans-serif;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 600;
    line-height: 1;
    line-height: 1;

    display: block;

    padding: 7.5px 0; 

    text-decoration: none;

    text-transform: none;

    color: #333132;
}

/******************************************************/
/* ODDS AND ENDS - TINY ONE-OFFS AND MISCELLENEA
/* ALL YOUR SHAME SHOULD LIVE HERE
/******************************************************/
/* =WordPress Core
-------------------------------------------------------------- */
.alignnone
{
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter
{
    display: block;

    margin: 5px auto 5px auto;
}

.alignright
{
    float: right;

    margin: 5px 0 20px 20px;
}

.alignleft
{
    float: left;

    margin: 5px 20px 20px 0;
}

a img.alignright
{
    float: right;

    margin: 5px 0 20px 20px;
}

a img.alignnone
{
    margin: 5px 20px 20px 0;
}

a img.alignleft
{
    float: left;

    margin: 5px 20px 20px 0;
}

a img.aligncenter
{
    display: block;

    margin-right: auto; 
    margin-left: auto;
}

.wp-caption
{
    max-width: 96%;
    /* Image does not overflow the content area */
    padding: 5px 3px 10px;

    text-align: center; 

    border: 1px solid #f0f0f0;
    background: #fff;
}

.wp-caption.alignnone
{
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft
{
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright
{
    margin: 5px 0 20px 20px;
}

.wp-caption img
{
    width: auto; 
    max-width: 98.5%;
    height: auto;
    margin: 0;
    padding: 0;

    border: 0 none;
}

.wp-caption p.wp-caption-text
{
    font-size: 11px;
    line-height: 17px;

    margin: 0;
    padding: 0 4px 5px;
}

/* Text meant only for screen readers. */
.screen-reader-text
{
    position: absolute !important;

    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);

    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;

    word-wrap: normal !important;

    border: 0;

    -webkit-clip-path: inset(50%);
            clip-path: inset(50%);
    /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus
{
    font-size: 1em;
    line-height: normal;

    z-index: 100000;
    top: 5px;
    left: 5px;

    display: block;
    clip: auto !important;

    width: auto;
    height: auto;
    padding: 15px 23px 14px;

    text-decoration: none;

    color: #444;
    background-color: #eee;

    -webkit-clip-path: none;
            clip-path: none;
    /* Above WP toolbar. */
}

/*------------------*/
/* About Us
/* MMGY Advertising
/*------------------*/
.about-us
{
    position: relative;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    max-width: 1600px;
    margin: 0 auto;
    padding: 60px 0 30px;
}
@media only screen and (min-width: 768px)
{
    .about-us
    {
        padding-right: 45px; 
        padding-left: 45px;
    }
}
#bootstrap-grid-frame-jhbsdovu .about-us
{
    display: block;
}
@media only screen and (min-width: 768px)
{
    .about-us
    {
        padding: 160px 0 30px;
    }
}
.about-us--wrapper
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    width: 100%;
    padding-right: 15px;
    padding-left: 15px;

    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
@media only screen and (min-width: 544px)
{
    .about-us--wrapper
    {
        width: 83.33333%;
        margin-left: 8.33333%;
    }
}
@media only screen and (min-width: 1200px)
{
    .about-us--wrapper
    {
        width: 66.66667%;
        margin-left: 16.66667%;
    }
}
.about-us h2
{
    font-family: zuume-edge, sans-serif;
    font-weight: 700;
    line-height: 1;

    width: 100%;
    margin-bottom: 30px;

    text-decoration: none; 
    
    text-transform: uppercase;
}
.about-us h2
{
    font-size: 20px;
}
@media screen and (min-width: 544px)
{
    .about-us h2
    {
        font-size: calc(20px + 8 * ((100vw - 544px) / 896));
    }
}
@media screen and (min-width: 1440px)
{
    .about-us h2
    {
        font-size: 28px;
    }
}

.about-us--pullquote
{
    font-family: "Archivo",sans-serif;
    font-weight: 600;
    line-height: 1.25;

    width: 100%;
    margin-bottom: 20px;

    text-decoration: none;
    text-decoration: none;



    color: #000;
    color: #000;
}
.about-us--pullquote
{
    font-size: 24px;
}
@media screen and (min-width: 544px)
{
    .about-us--pullquote
    {
        font-size: calc(24px + 6 * ((100vw - 544px) / 896));
    }
}
@media screen and (min-width: 1440px)
{
    .about-us--pullquote
    {
        font-size: 30px;
    }
}
@media only screen and (min-width: 768px)
{
    .about-us--pullquote
    {
        width: 33.33333%;
    }
}
.about-us--pullquote
{
    font-size: 24px;
}
@media screen and (min-width: 544px)
{
    .about-us--pullquote
    {
        font-size: calc(24px + 6 * ((100vw - 544px) / 896));
    }
}
@media screen and (min-width: 1440px)
{
    .about-us--pullquote
    {
        font-size: 30px;
    }
}

.about-us--contentblock
{
    width: 100%;
}
@media only screen and (min-width: 768px)
{
    .about-us--contentblock
    {
        width: 62.5%;
        margin-left: 4.16667%;
    }
}

/*------------------*/
/* Breadcrumb
/* MMGY Advertising
/*------------------*/
.breadcrumb
{
    position: relative;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; 

    max-width: 1600px;
    margin: 0 auto;
}
@media only screen and (min-width: 768px)
{
    .breadcrumb
    {
        padding-right: 45px; 
        padding-left: 45px;
    }
}
#bootstrap-grid-frame-jhbsdovu .breadcrumb
{
    display: block;
}

.breadcrumb--single
{
    width: 100%;
    margin-top: 30px;
    margin-bottom: -10px;
    padding: 0;
    padding-right: 15px; 
    padding-left: 15px;

    list-style: none;
}
@media only screen and (min-width: 992px)
{
    .breadcrumb--single
    {
        width: 83.33333%;
        margin-top: 80px;
        margin-left: 8.33333%;
    }
}
@media only screen and (min-width: 1200px)
{
    .breadcrumb--single
    {
        width: 66.66667%;
        margin-left: 16.66667%;
    }
}
.breadcrumb--single > li > a
{
    font-family: "Archivo", sans-serif;
    font-weight: 600;

    text-decoration: none;

    text-transform: uppercase;

    color: #f8340d;
}
.breadcrumb--single > li > a
{
    font-size: 10px;
}
@media screen and (min-width: 544px)
{
    .breadcrumb--single > li > a
    {
        font-size: calc(10px + 2 * ((100vw - 544px) / 896));
    }
}
@media screen and (min-width: 1440px)
{
    .breadcrumb--single > li > a
    {
        font-size: 12px;
    }
}
.breadcrumb--single > li > a a
{
    -webkit-transition: opacity ease .3s;
            transition: opacity ease .3s;
    text-decoration: none; 

    color: #f8340d;
}
.breadcrumb--single > li > a a:hover,
.breadcrumb--single > li > a a:focus,
.breadcrumb--single > li > a a:active
{
    -webkit-transition: opacity ease .3s;
            transition: opacity ease .3s;
}

/*------------------*/
/* Contact Block
/* MMGY Advertising
/*------------------*/
.contact-block
{
    position: relative;

    width: 100%;
    max-width: 100%;
    margin: 0 auto;

    background-color: #141414;
}
.insights-breadcrumb + .contact-block .contact-block--container
{
    padding-top: 100px;
}

.contact-block--container
{
    position: relative;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    max-width: 1600px;
    margin: 0 auto;
    padding: 180px 0 90px;

    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
@media only screen and (min-width: 768px)
{
    .contact-block--container
    {
        padding-right: 45px; 
        padding-left: 45px;
    }
}
#bootstrap-grid-frame-jhbsdovu .contact-block--container
{
    display: block;
}
@media only screen and (max-width: 767px)
{
    .contact-block--container
    {
            flex-direction: column; 

        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
    }
}

.contact-block--sidebar
{
    width: 100%;
    padding-right: 15px; 
    padding-left: 15px;
}
@media only screen and (min-width: 768px)
{
    .contact-block--sidebar
    {
        width: 41.66667%;
    }
}
@media only screen and (min-width: 992px)
{
    .contact-block--sidebar
    {
        width: 33.33333%;
        margin-left: 8.33333%;
    }
}
.contact-block--sidebar h1,
.contact-block--sidebar h2
{
    font-family: zuume-edge, sans-serif;
    font-weight: 700;
    line-height: 1;

    margin-bottom: 30px; 

    text-decoration: none;
    
    
    text-transform: uppercase;

    color: #fff;
}
.contact-block--sidebar h1,
.contact-block--sidebar h2
{
    font-size: 40px;
}
@media screen and (min-width: 544px)
{
    .contact-block--sidebar h1,
    .contact-block--sidebar h2
    {
        font-size: calc(40px + 20 * ((100vw - 544px) / 896));
    }
}
@media screen and (min-width: 1440px)
{
    .contact-block--sidebar h1,
    .contact-block--sidebar h2
    {
        font-size: 60px;
    }
}
.contact-block--sidebar p
{
    font-family: "Archivo", serif;
    font-weight: 700;
    line-height: 1.25;

    text-decoration: none;


    color: #fff;
    color: white !important;
}
.contact-block--sidebar p
{
    font-size: 24px;
}
@media screen and (min-width: 544px)
{
    .contact-block--sidebar p
    {
        font-size: calc(24px + 6 * ((100vw - 544px) / 896));
    }
}
@media screen and (min-width: 1440px)
{
    .contact-block--sidebar p
    {
        font-size: 30px;
    }
}
.contact-block--sidebar p a
{
    color: #fff;
    border-bottom: 1px solid #fff;
}
.contact-block--sidebar p a:hover,
.contact-block--sidebar p a:focus,
.contact-block--sidebar p a:active
{
    opacity: .5;
}
.contact-block--sidebar ul.contact-block--form-list
{
    margin-top: 30px; 
    padding: 0;

    list-style: none;
}
.contact-block--sidebar ul.contact-block--form-list a
{
    font-family: "Archivo", sans-serif;
    font-weight: 400;
    line-height: 1.9;

    position: relative;

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

    opacity: 1;
    color: #fff;
}
.contact-block--sidebar ul.contact-block--form-list a
{
    font-size: 15px;
}
@media screen and (min-width: 544px)
{
    .contact-block--sidebar ul.contact-block--form-list a
    {
        font-size: calc(15px + 2 * ((100vw - 544px) / 896));
    }
}
@media screen and (min-width: 1440px)
{
    .contact-block--sidebar ul.contact-block--form-list a
    {
        font-size: 17px;
    }
}
.contact-block--sidebar ul.contact-block--form-list a a
{
    text-decoration: none; 

    color: #f8340d;
}
.contact-block--sidebar ul.contact-block--form-list a a:hover,
.contact-block--sidebar ul.contact-block--form-list a a:focus,
.contact-block--sidebar ul.contact-block--form-list a a:active
{
    color: #f8340d;
}
.contact-block--sidebar ul.contact-block--form-list a
{
    font-size: 20px;
}
@media screen and (min-width: 544px)
{
    .contact-block--sidebar ul.contact-block--form-list a
    {
        font-size: calc(20px + 2 * ((100vw - 544px) / 448));
    }
}
@media screen and (min-width: 992px)
{
    .contact-block--sidebar ul.contact-block--form-list a
    {
        font-size: 22px;
    }
}
.contact-block--sidebar ul.contact-block--form-list a.current::after
{
    font-family: 'iconfont-mmgy';
    font-size: 20px;
    font-weight: 100;
    font-style: normal;
    font-variant: normal;
    line-height: 1;

    position: absolute;
    top: 50%;

    margin-left: 25px; 

    content: '';
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    text-transform: none;

    color: inherit;

    speak: none;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.contact-block--sidebar ul.contact-block--form-list a:hover,
.contact-block--sidebar ul.contact-block--form-list a:focus,
.contact-block--sidebar ul.contact-block--form-list a:active
{
    -webkit-transition: opacity ease-in-out 400ms;
            transition: opacity ease-in-out 400ms; 

    opacity: .6;
}

.contact-block--form
{
    width: 100%;
    padding-right: 15px; 
    padding-left: 15px;
    background-color: #141414;
}
@media only screen and (min-width: 768px)
{
    .contact-block--form
    {
        width: 58.33333%;
    }
}
@media only screen and (min-width: 992px)
{
    .contact-block--form
    {
        width: 50%;
    }
}

.contact-block--form .gform_wrapper form
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column; 

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
}
.contact-block--form .gform_wrapper form .inv-recaptcha-holder
{
    -webkit-box-ordinal-group: 10000;
    -ms-flex-order: 9999;
    order: 9999;
}
.contact-block--form .gform_wrapper form .inv-recaptcha-holder .grecaptcha-badge
{
    float: right;
}
.contact-block--form .gform_wrapper form .top_label .gfield_label
{
    font-family: "Archivo", sans-serif;
    font-weight: 400;
    line-height: 1.9;

    color: #fff;
}
.contact-block--form .gform_wrapper form .top_label .gfield_label
{
    font-size: 15px;
}
@media screen and (min-width: 544px)
{
    .contact-block--form .gform_wrapper form .top_label .gfield_label
    {
        font-size: calc(15px + 2 * ((100vw - 544px) / 896));
    }
}
@media screen and (min-width: 1440px)
{
    .contact-block--form .gform_wrapper form .top_label .gfield_label
    {
        font-size: 17px;
    }
}
.contact-block--form .gform_wrapper form .top_label .gfield_label a
{
    text-decoration: none; 

    color: #f8340d;
}
.contact-block--form .gform_wrapper form .top_label .gfield_label a:hover,
.contact-block--form .gform_wrapper form .top_label .gfield_label a:focus,
.contact-block--form .gform_wrapper form .top_label .gfield_label a:active
{
    color: #f8340d;
}
.contact-block--form .gform_wrapper form .top_label .gfield_label
{
    font-size: 18px;
}
/* @media screen and (min-width: 544px)
{
    .contact-block--form .gform_wrapper form .top_label .gfield_label
    {
        font-size: 20px;
    }
}
@media screen and (min-width: 992px)
{
    .contact-block--form .gform_wrapper form .top_label .gfield_label
    {
        font-size: 24px;
    }
} */
.contact-block--form .gform_wrapper form .top_label .gfield_label .gfield_required
{
    color: #fff;
}
.contact-block--form .gform_wrapper form .gfield
{
    position: relative;
}
.contact-block--form .gform_wrapper form .gfield input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
.contact-block--form .gform_wrapper form .gfield input[type=file],
.contact-block--form .gform_wrapper form .gfield select
{
    border: none;
    border-bottom: 1px solid #fff;
    border-radius: 0;
    background-color: transparent;
}
.contact-block--form .gform_wrapper form .gfield input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
.contact-block--form .gform_wrapper form .gfield input[type=file],
.contact-block--form .gform_wrapper form .gfield select
{
    font-size: 16px;
}
@media screen and (min-width: 544px)
{
    .contact-block--form .gform_wrapper form .gfield input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
    .contact-block--form .gform_wrapper form .gfield input[type=file],
    .contact-block--form .gform_wrapper form .gfield select
    {
        font-size: calc(16px + 8 * ((100vw - 544px) / 896));
    }
}
@media screen and (min-width: 1440px)
{
    .contact-block--form .gform_wrapper form .gfield input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
    .contact-block--form .gform_wrapper form .gfield input[type=file],
    .contact-block--form .gform_wrapper form .gfield select
    {
        font-size: 24px;
    }
}
.contact-block--form .gform_wrapper form .gfield input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file])::-webkit-input-placeholder,
.contact-block--form .gform_wrapper form .gfield input[type=file]::-webkit-input-placeholder,
.contact-block--form .gform_wrapper form .gfield select::-webkit-input-placeholder
{
    opacity: .4; 
    color: #fff;
}
.contact-block--form .gform_wrapper form .gfield input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file])::-moz-placeholder,
.contact-block--form .gform_wrapper form .gfield input[type=file]::-moz-placeholder,
.contact-block--form .gform_wrapper form .gfield select::-moz-placeholder
{
    opacity: .4; 
    color: #fff;
}
.contact-block--form .gform_wrapper form .gfield input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]):-ms-input-placeholder,
.contact-block--form .gform_wrapper form .gfield input[type=file]:-ms-input-placeholder,
.contact-block--form .gform_wrapper form .gfield select:-ms-input-placeholder
{
    opacity: .4; 
    color: #fff;
}
.contact-block--form .gform_wrapper form .gfield input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file])::-ms-input-placeholder,
.contact-block--form .gform_wrapper form .gfield input[type=file]::-ms-input-placeholder,
.contact-block--form .gform_wrapper form .gfield select::-ms-input-placeholder
{
    opacity: .4; 
    color: #fff;
}
.contact-block--form .gform_wrapper form .gfield input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file])::placeholder,
.contact-block--form .gform_wrapper form .gfield input[type=file]::placeholder,
.contact-block--form .gform_wrapper form .gfield select::placeholder
{
    opacity: .4; 
    color: #fff;
}
.contact-block--form .gform_wrapper form .gfield input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]):focus,
.contact-block--form .gform_wrapper form .gfield input[type=file]:focus,
.contact-block--form .gform_wrapper form .gfield select:focus
{
    color: #fff;
    -webkit-box-shadow: none;
            box-shadow: none;
}
.contact-block--form .gform_wrapper form .gfield input[type=file]
{
    font-size: 14px;
    font-size: 1.4rem;
}
.contact-block--form .gform_wrapper form .gfield select
{
    border-bottom: none;
}
.contact-block--form .gform_wrapper form .ginput_container.ginput_container_textarea textarea
{
    border: 1px solid #fff;
    border-radius: 0;
    background-color: transparent;
}
.contact-block--form .gform_wrapper form .ginput_container.ginput_container_textarea textarea
{
    font-size: 16px;
}
@media screen and (min-width: 544px)
{
    .contact-block--form .gform_wrapper form .ginput_container.ginput_container_textarea textarea
    {
        font-size: calc(16px + 8 * ((100vw - 544px) / 896));
    }
}
@media screen and (min-width: 1440px)
{
    .contact-block--form .gform_wrapper form .ginput_container.ginput_container_textarea textarea
    {
        font-size: 24px;
    }
}
.contact-block--form .gform_wrapper form .ginput_container.ginput_container_textarea ~ .field_description_below .gfield_description,
.contact-block--form .gform_wrapper form .ginput_container.ginput_container_textarea ~ .validation_message
{
    top: 30px;
}
.contact-block--form .gform_wrapper form .ginput_container.ginput_container_fileupload ~ .gfield_description
{
    position: relative;
    top: 0; 

    display: block;
}

.contact-block--form .gform_wrapper .gform_footer input.button
{
    font-family: zuume-edge, sans-serif;
    font-weight: 700;
    line-height: 1;

    display: inline-block;

    padding: 15px 40px;

    -webkit-transition: all cubic-bezier(.68, -.55, .265, 1.55) 300ms;
            transition: all cubic-bezier(.68, -.55, .265, 1.55) 300ms; 
    text-align: center;
    text-decoration: none;
    
    text-transform: uppercase;

    opacity: 1;
    color: #000;
    background-color: #f8340d;
    border-width: 0;
    border-style: solid;
    border-color: #fff;
    border-radius: 4px;
    color: #fff;
}
.contact-block--form .gform_wrapper .gform_footer input.button
{
    font-size: 16px;
}
@media screen and (min-width: 544px)
{
    .contact-block--form .gform_wrapper .gform_footer input.button
    {
        font-size: 21px;
    }
}
@media screen and (min-width: 1440px)
{
    .contact-block--form .gform_wrapper .gform_footer input.button
    {
        font-size: 21px;
    }
}
.contact-block--form .gform_wrapper .gform_footer input.button:hover,
.contact-block--form .gform_wrapper .gform_footer input.button:focus,
.contact-block--form .gform_wrapper .gform_footer input.button.focus,
.contact-block--form .gform_wrapper .gform_footer input.button:active,
.contact-block--form .gform_wrapper .gform_footer input.button.active,
.open > .contact-block--form .gform_wrapper .gform_footer input.button.dropdown-toggle
{
    -webkit-transition: all cubic-bezier(.68, -.55, .265, 1.55) 300ms;
            transition: all cubic-bezier(.68, -.55, .265, 1.55) 300ms; 
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
    text-decoration: none;

    opacity: .7;
    color: #f8340d;
    border-color: #e6e6e6;
}
.contact-block--form .gform_wrapper .gform_footer input.button:active,
.contact-block--form .gform_wrapper .gform_footer input.button.active,
.open > .contact-block--form .gform_wrapper .gform_footer input.button.dropdown-toggle
{
    -webkit-transition: all cubic-bezier(.68, -.55, .265, 1.55) 300ms;
            transition: all cubic-bezier(.68, -.55, .265, 1.55) 300ms; 

    background-image: none;
    -webkit-box-shadow: none;
            box-shadow: none;
}
.contact-block--form .gform_wrapper .gform_footer input.button.disabled,
.contact-block--form .gform_wrapper .gform_footer input.button.disabled:hover,
.contact-block--form .gform_wrapper .gform_footer input.button.disabled:focus,
.contact-block--form .gform_wrapper .gform_footer input.button.disabled.focus,
.contact-block--form .gform_wrapper .gform_footer input.button.disabled:active,
.contact-block--form .gform_wrapper .gform_footer input.button.disabled.active,
.contact-block--form .gform_wrapper .gform_footer input.button[disabled],
.contact-block--form .gform_wrapper .gform_footer input.button[disabled]:hover,
.contact-block--form .gform_wrapper .gform_footer input.button[disabled]:focus,
.contact-block--form .gform_wrapper .gform_footer input.button[disabled].focus,
.contact-block--form .gform_wrapper .gform_footer input.button[disabled]:active,
.contact-block--form .gform_wrapper .gform_footer input.button[disabled].active,
fieldset[disabled] .contact-block--form .gform_wrapper .gform_footer input.button,
fieldset[disabled] .contact-block--form .gform_wrapper .gform_footer input.button:hover,
fieldset[disabled] .contact-block--form .gform_wrapper .gform_footer input.button:focus,
fieldset[disabled] .contact-block--form .gform_wrapper .gform_footer input.button.focus,
fieldset[disabled] .contact-block--form .gform_wrapper .gform_footer input.button:active,
fieldset[disabled] .contact-block--form .gform_wrapper .gform_footer input.button.active
{
    border-color: white; 
    background-color: white;
}
.contact-block--form .gform_wrapper .gform_footer input.button .badge
{
    color: #fff;
    background-color: #f8340d;
}
body.text-color-light .contact-block--form .gform_wrapper .gform_footer input.button.btn__inherit
{
    color: #000;
}
body.text-color-dark .contact-block--form .gform_wrapper .gform_footer input.button.btn__inherit
{
    color: #fff;
}

.contact-block--form .gform_wrapper div.validation_error
{
    font-family: "Archivo", sans-serif;
    font-weight: 400;
    font-weight: 900;
    line-height: 1.9;

    margin-bottom: 30px;
    padding: 30px;

    color: #f8340d;
    border: none;
    border-radius: 2px; 
    background-color: #fff;
}
.contact-block--form .gform_wrapper div.validation_error
{
    font-size: 15px;
}
@media screen and (min-width: 544px)
{
    .contact-block--form .gform_wrapper div.validation_error
    {
        font-size: calc(15px + 2 * ((100vw - 544px) / 896));
    }
}
@media screen and (min-width: 1440px)
{
    .contact-block--form .gform_wrapper div.validation_error
    {
        font-size: 17px;
    }
}
.contact-block--form .gform_wrapper div.validation_error a
{
    text-decoration: none; 

    color: #f8340d;
}
.contact-block--form .gform_wrapper div.validation_error a:hover,
.contact-block--form .gform_wrapper div.validation_error a:focus,
.contact-block--form .gform_wrapper div.validation_error a:active
{
    color: #f8340d;
}

.contact-block--form .gform_wrapper li.gfield.gfield_error,
.contact-block--form .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning
{
    border-top: none;
    border-bottom: none; 
    background-color: transparent;
}

.contact-block--form .gform_wrapper .field_description_below .gfield_description,
.contact-block--form .gform_wrapper .validation_message
{
    display: inline-block;

    width: auto;
    width: 100%;
    padding-top: 0;

    text-align: right;

    color: #fff;
}

/*----------------------------------*/
/* Contact Block - Newsletter Form
/* This form has special formatting
/* MMGY Advertising
/*----------------------------------*/
.gform_wrapper .gfield_checkbox li label,
.gform_wrapper .gfield_radio li label,
body.text-color-dark input[type=checkbox] + label,
body.text-color-dark input[type=checkbox] + input[type=hidden] + label,
body.text-color-light input[type=checkbox] + label,
body.text-color-light input[type=checkbox] + input[type=hidden] + label
{
    padding-left: 25px;

    color: #fff;
}

.service-contact-form .gform_confirmation_message
{
    color: #fff;
}

.service-contact-form li.service-selector
{
    position: absolute;

    overflow: hidden;
    clip: rect(0, 0, 0, 0); 

    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
}

/*-----------------------*/
/* Client Listing -- Filter
/*-----------------------*/
.client-listing--filter
{
    position: relative;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; 

    max-width: 1600px;
    margin: 0 auto;
}
@media only screen and (min-width: 768px)
{
    .client-listing--filter
    {
        padding-right: 45px; 
        padding-left: 45px;
    }
}
#bootstrap-grid-frame-jhbsdovu .client-listing--filter
{
    display: block;
}
.client-listing--filter--container
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    width: 100%;
    padding-right: 15px;
    padding-left: 15px;

    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.client-listing--filter--container::before
{
    display: block;

    width: 100%;
    height: 1px;

    content: '';

    background-color: rgba(0, 0, 0, .2);
}
@media only screen and (min-width: 0) and (max-width: 543px)
{
    .client-listing--filter--container::before
    {
        content: none;
    }
}
.client-listing--filter .work-listing--filter
{
    min-width: 250px;
    padding-left: 30px;
}

/*----------------------*/
/* Client Tiles
/*----------------------*/
.client-tiles
{
    position: relative;

    max-width: 1600px;
    margin: 0 auto;
    margin-top: 80px; 

    *zoom: 1;
}
@media only screen and (min-width: 768px)
{
    .client-tiles
    {
        padding-right: 45px; 
        padding-left: 45px;
    }
}
.client-tiles::before,
.client-tiles::after
{
    display: table; 

    content: ' ';
}
.client-tiles::after
{
    clear: both;
}
#bootstrap-grid-frame-jhbsdovu .client-tiles
{
    display: block;
}

.client-tiles--item
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    margin: 0;
    padding: 0;

    list-style: none;

    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
@media only screen and (min-width: 768px)
{
    .client-tiles--item
    {
        width: 91.66667%;
        margin-left: 4.16667%; 
        padding-right: 15px;
        padding-left: 15px;
    }
}
.client-tiles--item > li
{
    width: 50%;
    padding: 0 20px 30px;
}
@media only screen and (min-width: 544px)
{
    .client-tiles--item > li
    {
        padding: 0 40px 30px;
    }
}
@media only screen and (min-width: 768px)
{
    .client-tiles--item > li
    {
        width: 25%;
        padding: 0 20px 30px;
    }
}
@media only screen and (min-width: 992px)
{
    .client-tiles--item > li
    {
        padding: 0 40px 30px;
    }
}
@media only screen and (min-width: 1200px)
{
    .client-tiles--item > li
    {
        padding: 0 60px 30px;
    }
}
@media only screen and (min-width: 1440px)
{
    .client-tiles--item > li
    {
        padding: 0 90px 45px;
    }
}
.client-tiles--item > li:empty
{
    display: none;
}
.client-tiles--item .client-tile--image--color
{
    opacity: .75;

    -webkit-filter: saturate(0);
            filter: saturate(0);
}

/*------------------*/
/* Content Block
/* MMGY Advertising
/*------------------*/
.content-block
{
    position: relative;
    position: relative;
    z-index: 1; 

    max-width: 1600px;
    margin: 0 auto;
    padding-top: 30px;

    *zoom: 1;
}
@media only screen and (min-width: 768px)
{
    .content-block
    {
        padding-right: 45px; 
        padding-left: 45px;
    }
}
.content-block::before,
.content-block::after
{
    display: table; 

    content: ' ';
}
.content-block::after
{
    clear: both;
}
#bootstrap-grid-frame-jhbsdovu .content-block
{
    display: block;
}
.headline-general + .content-block,
.work-info + .content-block
{
    padding-top: 0;
}
body.single-news .content-block
{
    padding-bottom: 90px;
}

/*--------------*/
/* Content Block Audio Player
/*--------------*/
.content-block--audio-player
{
    position: relative;
    right: 50%;
    left: 50%;

    width: 100vw;
    max-width: 100vw;
    margin-top: 60px; 
    margin-right: -50vw;
    margin-left: -50vw;
    padding: 60px 0;

    background-color: #f4f4f4;
}
.content-block--audio-player--container
{
    position: relative;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column;

    max-width: 1600px;
    margin: 0 auto;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media only screen and (min-width: 768px)
{
    .content-block--audio-player--container
    {
        padding-right: 45px; 
        padding-left: 45px;
    }
}
#bootstrap-grid-frame-jhbsdovu .content-block--audio-player--container
{
    display: block;
}
.content-block--audio-player .audio-player--item
{
    width: 100%;
    margin-bottom: 60px; 
    padding-right: 15px;
    padding-left: 15px;

    text-align: center;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.content-block--audio-player .audio-player--item:last-child
{
    margin-bottom: 0;
}

.content-block--audio-player--title
{
    font-family: "Archivo", sans-serif;
    font-weight: 600;
    font-weight: 900;

    margin-bottom: 15px; 

    text-decoration: none;

    text-transform: uppercase;

    color: rgba(0, 0, 0, .5);
}
.content-block--audio-player--title
{
    font-size: 10px;
}
@media screen and (min-width: 544px)
{
    .content-block--audio-player--title
    {
        font-size: calc(10px + 2 * ((100vw - 544px) / 896));
    }
}
@media screen and (min-width: 1440px)
{
    .content-block--audio-player--title
    {
        font-size: 12px;
    }
}
.content-block--audio-player--title a
{
    -webkit-transition: opacity ease .3s;
            transition: opacity ease .3s;
    text-decoration: none; 

    color: rgba(0, 0, 0, .5);
}
.content-block--audio-player--title a:hover,
.content-block--audio-player--title a:focus,
.content-block--audio-player--title a:active
{
    -webkit-transition: opacity ease .3s;
            transition: opacity ease .3s;
}

.audio.green-audio-player
{
    position: relative;
    z-index: 20;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    width: 400px;
    min-width: 300px;
    height: 56px;
    margin: auto;
    padding-right: 24px;
    padding-left: 24px;

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

    background-color: #fff; 
    -webkit-box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .07);
            box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .07);

    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media only screen and (max-width: 543px)
{
    .audio.green-audio-player
    {
        max-width: 305px;
    }
}
.audio.green-audio-player svg,
.audio.green-audio-player img
{
    display: block;
}
.audio.green-audio-player .play-pause-btn
{
    display: none;

    cursor: pointer;
}
.audio.green-audio-player .spinner
{
    width: 18px;
    height: 18px;

    -webkit-animation: spin .4s linear infinite;
            animation: spin .4s linear infinite; 

    background-image: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/355309/loading.png);
    background-repeat: no-repeat;
    background-size: cover;
}
.audio.green-audio-player .slider
{
    position: relative; 

    background-color: #d8d8d8;

    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}
.audio.green-audio-player .slider .progress
{
    position: absolute;

    pointer-events: none; 

    border-radius: inherit;
    background-color: #f8340d;
}
.audio.green-audio-player .slider .progress .pin
{
    position: absolute;

    width: 16px;
    height: 16px;

    border-radius: 8px;
    background-color: #f8340d;
    -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .32);
            box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .32);
}
.audio.green-audio-player .controls
{
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    line-height: 18px;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    margin-right: 24px; 
    margin-left: 24px;

    color: #55606e;

    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.audio.green-audio-player .controls .slider
{
    height: 4px; 
    margin-right: 16px;
    margin-left: 16px;

    border-radius: 2px;
}
.audio.green-audio-player .controls .slider .progress
{
    width: 0;
    height: 100%;
}
.audio.green-audio-player .controls .slider .progress .pin
{
    top: -6px; 
    right: -8px;
}
.audio.green-audio-player .controls span
{
    cursor: default;
}
.audio.green-audio-player .volume
{
    position: relative;
}
.audio.green-audio-player .volume .volume-btn.open path
{
    fill: #f8340d;
}
.audio.green-audio-player .volume .volume-controls
{
    position: absolute;
    bottom: 52px;
    left: -3px;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; 
        flex-direction: column;

    width: 30px;
    height: 135px;

    border-radius: 7px;
    background-color: rgba(0, 0, 0, .62);

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.audio.green-audio-player .volume .volume-controls.hidden
{
    display: none;
}
.audio.green-audio-player .volume .volume-controls .slider
{
    width: 6px;
    margin-top: 12px;
    margin-bottom: 12px;

    border-radius: 3px;
}
.audio.green-audio-player .volume .volume-controls .slider .progress
{
    bottom: 0;

    width: 6px; 
    height: 100%;
}
.audio.green-audio-player .volume .volume-controls .slider .progress .pin
{
    top: -8px; 
    left: -5px;
}

@-webkit-keyframes spin
{
    from
    {
        -webkit-transform: rotateZ(0);
                transform: rotateZ(0);
    }
    to
    {
        -webkit-transform: rotateZ(1turn);
                transform: rotateZ(1turn);
    }
}

@keyframes spin
{
    from
    {
        -webkit-transform: rotateZ(0);
                transform: rotateZ(0);
    }
    to
    {
        -webkit-transform: rotateZ(1turn);
                transform: rotateZ(1turn);
    }
}

/*----------------------------*/
/* Content Block -- CTA
/* MMGY Advertising
/*----------------------------*/
.content-block--cta
{
    width: 100%;
    margin-bottom: 30px;
    padding: 0; 
    padding-right: 15px;
    padding-left: 15px;
}
@media only screen and (min-width: 768px)
{
    .content-block--cta
    {
        width: 66.66667%;
        margin-left: 33.33333%;
    }
}

/*------------------------*/
/* Content Block -- Form
/*------------------------*/
.content-block--single .gform_wrapper
{
    width: 66.66667%;
    margin: 0 auto; 
    padding-right: 15px;
    padding-left: 15px;
}

.content-block--form
{
    width: 100%;
    margin: 0 auto 60px; 
    padding-right: 15px;
    padding-left: 15px;
}
@media only screen and (min-width: 992px)
{
    .content-block--form
    {
        width: 83.33333%;
        margin-left: 8.33333%;
    }
}
@media only screen and (min-width: 1200px)
{
    .content-block--form
    {
        width: 50%;
        margin-left: 25%;
    }
}
.content-block--form form
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column; 

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
}
.content-block--form form .inv-recaptcha-holder
{
    -webkit-box-ordinal-group: 10000;
    -ms-flex-order: 9999;
    order: 9999;
}
.content-block--form form .inv-recaptcha-holder .grecaptcha-badge
{
    float: right;
}
.content-block--form .gform_wrapper
{
    margin: 0 0 -15px;
}
.content-block--form .gform_wrapper label.gfield_label
{
    font-family: "Archivo", sans-serif;
    font-weight: 600;

    text-decoration: none;

    text-transform: uppercase; 

    color: #000;
}
.content-block--form .gform_wrapper label.gfield_label
{
    font-size: 10px;
}
@media screen and (min-width: 544px)
{
    .content-block--form .gform_wrapper label.gfield_label
    {
        font-size: calc(10px + 2 * ((100vw - 544px) / 896));
    }
}
@media screen and (min-width: 1440px)
{
    .content-block--form .gform_wrapper label.gfield_label
    {
        font-size: 12px;
    }
}
.content-block--form .gform_wrapper label.gfield_label a
{
    -webkit-transition: opacity ease .3s;
            transition: opacity ease .3s;
    text-decoration: none; 

    color: #000;
}
.content-block--form .gform_wrapper label.gfield_label a:hover,
.content-block--form .gform_wrapper label.gfield_label a:focus,
.content-block--form .gform_wrapper label.gfield_label a:active
{
    -webkit-transition: opacity ease .3s;
            transition: opacity ease .3s;
}
.content-block--form .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file])
{
    padding: 10px 25px;
}
.content-block--form .gform_wrapper .top_label div.ginput_container.ginput_container_select
{
    position: relative;

    padding: 0 5px; 

    border: 1px solid #bbb;
    background-color: #fff;
}
.content-block--form .gform_wrapper .top_label div.ginput_container.ginput_container_select::after
{
    font-family: 'iconfont-mmgy';
    font-size: 9px;
    font-weight: 100;
    font-style: normal;
    font-variant: normal;
    line-height: 1;

    position: absolute;
    z-index: 0; 
    top: 50%;
    right: 15px;

    content: '';
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    text-transform: none;

    color: inherit;

    speak: none;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.content-block--form .gform_wrapper .top_label div.ginput_container.ginput_container_select select
{
    height: 41px;
    padding: 3px 15px 0; 

    border: none;
    background-color: transparent;

    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}
.content-block--form .gform_wrapper .gfield_radio li input[type=radio],
.content-block--form .gform_wrapper .gfield_checkbox li input[type=checkbox]
{
    display: none;
}
.content-block--form .gform_wrapper .gfield_checkbox li label,
.content-block--form .gform_wrapper .gfield_radio li label
{
    padding-left: 25px;

    color: #fff;
}
.content-block--form .gfield_checkbox li label,
.content-block--form .gfield_radio li label
{
    padding-left: 25px;

    color: #fff;
}

/*----------------------------------*/
/* Content Block -- Full Width Image
/*----------------------------------*/
.content-block--full-width-image
{
    position: relative;
    right: 50%;
    left: 50%;

    width: 100vw;
    max-width: 100vw;
    margin-top: 60px; 
    margin-right: -50vw;
    margin-left: -50vw;
}
.content-block--full-width-image img
{
    width: 100vw;
    max-width: 100vw;
}

/*--------------------------*/
/* Content Block -- Gallery
/*--------------------------*/
.content-block--gallery
{
    margin-top: 60px;
}

.content-block--gallery--list
{
    width: 100%;
    margin: 0;
    padding: 0;

    list-style: none;
    /* Arrows */
}
.content-block--gallery--list li
{
    font-size: 0;
}
.content-block--gallery--list .slick-prev,
.content-block--gallery--list .slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    z-index: 100; 
    top: 50%;

    display: block;

    width: 45px;
    height: 45px;
    padding: 0;

    cursor: pointer;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);

    color: transparent;
    border: none;
    outline: none;
    background-color: #fff;
}
@media only screen and (min-width: 768px)
{
    .content-block--gallery--list .slick-prev,
    .content-block--gallery--list .slick-next
    {
        width: 60px; 
        height: 60px;
    }
}
.content-block--gallery--list .slick-prev
{
    left: 0;
}
@media only screen and (min-width: 768px)
{
    .content-block--gallery--list .slick-prev
    {
        left: -30px;
    }
}
.content-block--gallery--list .slick-prev::before
{
    font-family: 'iconfont-mmgy';
    font-size: 11px;
    font-weight: 100;
    font-style: normal;
    font-variant: normal;
    line-height: 1;

    position: absolute;
    top: 50%;
    left: 50%;

    content: '';
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    text-transform: none;

    color: inherit;
    color: #000; 

    speak: none;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.content-block--gallery--list .slick-next
{
    right: 0;
}
@media only screen and (min-width: 768px)
{
    .content-block--gallery--list .slick-next
    {
        right: -30px;
    }
}
.content-block--gallery--list .slick-next::before
{
    font-family: 'iconfont-mmgy';
    font-size: 11px;
    font-weight: 100;
    font-style: normal;
    font-variant: normal;
    line-height: 1;

    position: absolute;
    top: 50%;
    left: 50%;

    content: '';
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    text-transform: none;

    color: inherit;
    color: #000; 

    speak: none;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.content-block--gallery--list .slick-dots
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    margin-top: 15px;
    padding: 0;

    list-style: none;

    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.content-block--gallery--list .slick-dots > li > button
{
    width: 8px;
    height: 8px;
    margin: 0 5px;
    padding: 0;

    border: transparent; 
    border-radius: 999px;
}
body.text-color-light .content-block--gallery--list .slick-dots > li > button
{
    background-color: #fff;
}
body.text-color-dark .content-block--gallery--list .slick-dots > li > button
{
    background-color: #000;
}
.content-block--gallery--list .slick-dots > li.slick-active > button
{
    width: 9px;
    height: 9px; 

    border: 1px solid;
}
body.text-color-light .content-block--gallery--list .slick-dots > li.slick-active > button
{
    border-color: #fff; 
    background-color: transparent;
}
body.text-color-dark .content-block--gallery--list .slick-dots > li.slick-active > button
{
    border-color: #000; 
    background-color: transparent;
}

/*--------------------------------*/
/* Content Block -- Image Bullets
/* MMGY Advertising
/*--------------------------------*/
.content-block--image-bullet
{
    display: block;

    margin-bottom: 60px;
    padding: 0;

    list-style: none;

    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
}
.content-block .content-block--image-bullet:last-child
{
    margin-bottom: -60px;
}
@media only screen and (min-width: 768px)
{
    .content-block .content-block--image-bullet:last-child
    {
        margin-bottom: 60px;
    }
}
.content-block--image-bullet li
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column;

    width: 91.66667%;
    margin: 0 auto; 

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media only screen and (min-width: 768px)
{
    .content-block--image-bullet li
    {
            flex-direction: row; 

        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
    }
}
.content-block--image-bullet li + li
{
    margin-top: -60px;
}

.content-block--image-bullet--content
{
    width: 100%;
    margin: 30px 0 75px;
    padding-right: 15px;
    padding-left: 15px;

    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
}
@media only screen and (min-width: 768px)
{
    .content-block--image-bullet--content
    {
        width: 50%;
        margin: 60px 0;
    }
    .content-block--image-bullet > li:nth-child(odd) .content-block--image-bullet--content
    {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }
    .content-block--image-bullet > li:nth-child(even) .content-block--image-bullet--content
    {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }
}
.content-block--image-bullet--content h3
{
    font-family: zuume-edge, sans-serif;
    font-weight: 700;
    line-height: 1;

    margin-bottom: 15px; 

    text-decoration: none;
    
    
    text-transform: uppercase;
}
.content-block--image-bullet--content h3
{
    font-size: 16px;
}
@media screen and (min-width: 544px)
{
    .content-block--image-bullet--content h3
    {
        font-size: calc(16px + 0 * ((100vw - 544px) / 896));
    }
}
@media screen and (min-width: 1440px)
{
    .content-block--image-bullet--content h3
    {
        font-size: 16px;
    }
}
body.text-color-light .content-block--image-bullet--content h3
{
    color: #fff;
}
body.text-color-dark .content-block--image-bullet--content h3
{
    color: #000;
}
.content-block--image-bullet--content p
{
    font-family: "Archivo", serif;
    font-weight: 600;
    line-height: 1.25;

    text-decoration: none;


    color: #000;
}
.content-block--image-bullet--content p
{
    font-size: 24px;
}
@media screen and (min-width: 544px)
{
    .content-block--image-bullet--content p
    {
        font-size: calc(24px + 6 * ((100vw - 544px) / 896));
    }
}
@media screen and (min-width: 1440px)
{
    .content-block--image-bullet--content p
    {
        font-size: 30px;
    }
}

.content-block--image-bullet--image
{
    width: 100%;
    margin-top: 45px; 
    padding-right: 15px;
    padding-left: 15px;
}
@media only screen and (min-width: 768px)
{
    .content-block--image-bullet--image
    {
        width: 45.83333%;
        margin-top: 0;
    }
    .content-block--image-bullet > li:nth-child(odd) .content-block--image-bullet--image
    {
        margin-left: 4.16667%; 

        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }
    .content-block--image-bullet > li:nth-child(even) .content-block--image-bullet--image
    {
        margin-right: 4.16667%; 

        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }
}

/*-----------------------------*/
/* Content Block -- Infographic
/* MMGY Advertising
/*-----------------------------*/
.content-block--infographic
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    width: 100%;
    padding: 0;
    padding-right: 15px;
    padding-left: 15px;

    list-style: none;

    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
@media only screen and (min-width: 768px)
{
    .content-block--infographic
    {
        width: 66.66667%;
    }
}
@media only screen and (min-width: 992px)
{
    .content-block--infographic
    {
        width: 58.33333%;
    }
}
.content-block--infographic li
{
    width: 100%;
    margin-bottom: 30px;
}
.content-block--infographic li::before
{
    display: block;

    padding-bottom: 30px; 

    content: '';

    border-top: 1px solid;
}
body.text-color-light .content-block--infographic li::before
{
    border-color: #fff;
}
body.text-color-dark .content-block--infographic li::before
{
    border-color: #000;
}
@media only screen and (min-width: 544px)
{
    .content-block--infographic li
    {
        width: 41.66667%;
        margin-right: 8.33333%;
    }
}

.content-block--infographic--item--stat
{
    font-family: zuume-edge, sans-serif;
    font-weight: 700;
    line-height: 1;

    display: block;

    margin-bottom: 15px; 

    text-decoration: none;
    
    
    text-transform: uppercase;
}
.content-block--infographic--item--stat
{
    font-size: 40px;
}
@media screen and (min-width: 544px)
{
    .content-block--infographic--item--stat
    {
        font-size: calc(40px + 20 * ((100vw - 544px) / 896));
    }
}
@media screen and (min-width: 1440px)
{
    .content-block--infographic--item--stat
    {
        font-size: 60px;
    }
}
body.text-color-light .content-block--infographic--item--stat
{
    color: #fff;
}
body.text-color-dark .content-block--infographic--item--stat
{
    color: #000;
}

.content-block--infographic--item--label
{
    font-family: zuume-edge, sans-serif;
    font-weight: 700;
    line-height: 1;

    display: block;

    margin-bottom: 20px; 

    text-decoration: none;
    
    
    text-transform: uppercase;
}
.content-block--infographic--item--label
{
    font-size: 16px;
}
@media screen and (min-width: 544px)
{
    .content-block--infographic--item--label
    {
        font-size: calc(16px + 0 * ((100vw - 544px) / 896));
    }
}
@media screen and (min-width: 1440px)
{
    .content-block--infographic--item--label
    {
        font-size: 16px;
    }
}
body.text-color-light .content-block--infographic--item--label
{
    color: #fff;
}
body.text-color-dark .content-block--infographic--item--label
{
    color: #000;
}

/*----------------------------*/
/* Content Block - Large List
/*----------------------------*/
.content-block--large-list
{
    width: 100%;
    margin-top: 60px; 
    padding-right: 15px;
    padding-left: 15px;

    list-style: none;
}
@media only screen and (min-width: 992px)
{
    .content-block--large-list
    {
        width: 83.33333%;
        margin-left: 8.33333%;
    }
}
@media only screen and (min-width: 1200px)
{
    .content-block--large-list
    {
        width: 66.66667%;
        margin-left: 16.66667%;
    }
}
.content-block--large-list li
{
    font-family: "Archivo", sans-serif;
    font-weight: 400;
    line-height: 1.9;

    position: relative;

    margin-bottom: 30px;
    padding-left: 75px; 

    color: #000;
}
.content-block--large-list li
{
    font-size: 15px;
}
@media screen and (min-width: 544px)
{
    .content-block--large-list li
    {
        font-size: calc(15px + 2 * ((100vw - 544px) / 896));
    }
}
@media screen and (min-width: 1440px)
{
    .content-block--large-list li
    {
        font-size: 17px;
    }
}
.content-block--large-list li a
{
    text-decoration: none; 

    color: #f8340d;
}
.content-block--large-list li a:hover,
.content-block--large-list li a:focus,
.content-block--large-list li a:active
{
    color: #f8340d;
}
.content-block--large-list li
{
    font-size: 20px;
}
@media screen and (min-width: 544px)
{
    .content-block--large-list li
    {
        font-size: calc(20px + 2 * ((100vw - 544px) / 448));
    }
}
@media screen and (min-width: 992px)
{
    .content-block--large-list li
    {
        font-size: 22px;
    }
}
.content-block--large-list li::before
{
    position: absolute;
    top: 18px;
    left: 0;

    display: block;

    width: 50px;
    height: 3px;

    content: '';

    background-color: #f8340d;
}

/*----------------------------*/
/* Content Block -- Logo List
/* MMGY Advertising
/*----------------------------*/
.content-block--logo-list
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    width: 100%;
    margin: 0;
    padding: 0;
    padding: 0;
    padding-right: 15px;
    padding-left: 15px;

    list-style: none;
    list-style: none;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.content-block--logo-list::before
{
    font-family: zuume-edge, sans-serif;
    font-weight: 700;
    line-height: 1;

    margin-right: 20px;

    content: attr(data-title);
    white-space: nowrap; 
    text-decoration: none;
    
    
    text-transform: uppercase;
}
.content-block--logo-list::before
{
    font-size: 16px;
}
@media screen and (min-width: 544px)
{
    .content-block--logo-list::before
    {
        font-size: calc(16px + 0 * ((100vw - 544px) / 896));
    }
}
@media screen and (min-width: 1440px)
{
    .content-block--logo-list::before
    {
        font-size: 16px;
    }
}
body.text-color-light .content-block--logo-list::before
{
    color: #fff;
}
body.text-color-dark .content-block--logo-list::before
{
    color: #000;
}
.content-block--logo-list::before
{
    font-size: 9px;
}
@media screen and (min-width: 544px)
{
    .content-block--logo-list::before
    {
        font-size: calc(9px + 3 * ((100vw - 544px) / 896));
    }
}
@media screen and (min-width: 1440px)
{
    .content-block--logo-list::before
    {
        font-size: 12px;
    }
}
@media only screen and (min-width: 768px)
{
    .content-block--logo-list
    {
        width: 66.66667%;
        margin-left: 33.33333%;
    }
}
.content-block--logo-list li
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    max-width: 80px;
    max-height: 80px; 
    padding-right: 20px;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.content-block--logo-list li img
{
    opacity: .9;
}

/*-----------------------*/
/* Content Block -- Media
/*-----------------------*/
.content-block--media
{
    width: 100%;
    margin-top: 60px;
    padding-right: 15px; 
    padding-left: 15px;
}
@media only screen and (min-width: 992px)
{
    .content-block--media
    {
        width: 83.33333%;
        margin-left: 8.33333%;
    }
}
@media only screen and (min-width: 1200px)
{
    .content-block--media
    {
        width: 66.66667%;
        margin-left: 16.66667%;
    }
}

.content-block a[data-fancybox-video]
{
    position: relative;

    display: block;
}
.content-block a[data-fancybox-video]::before
{
    position: absolute;
    top: 50%;
    left: 50%;

    width: 85px;
    height: 85px;

    content: '';
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);

    opacity: .8;
    border: 2px solid #fff;
    border-radius: 999px; 
    background-color: rgba(255, 255, 255, .3);
}
.content-block a[data-fancybox-video]::after
{
    position: absolute;
    top: 50%;
    left: 50%;

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

    content: '';
    -webkit-transition: opacity ease-in-out .3s;
            transition: opacity ease-in-out .3s;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);

    opacity: .8;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 15px solid #fff;

    -webkit-backface-visibility: hidden;
}
.content-block a[data-fancybox-video]:hover::after,
.content-block a[data-fancybox-video]:focus::after,
.content-block a[data-fancybox-video]:active::after
{
    -webkit-transition: opacity ease-in-out .3s;
            transition: opacity ease-in-out .3s;

    opacity: 1;

    -webkit-backface-visibility: hidden;
}

.content-block--media--caption,
.wp-caption-text
{
    display: none;

    margin-top: 10px;
}

/*------------------------------*/
/* Content Block Overview Blurb
/*------------------------------*/
.content-block--overview-blurb
{
    width: 100%;
    margin-top: 20px;
    margin-bottom: 45px;
    padding-right: 15px; 
    padding-left: 15px;
}
@media only screen and (min-width: 992px)
{
    .content-block--overview-blurb
    {
        width: 83.33333%;
        margin-left: 8.33333%;
    }
}
@media only screen and (min-width: 1200px)
{
    .content-block--overview-blurb
    {
        width: 66.66667%;
        margin-left: 16.66667%;
    }
}
.content-block--overview-blurb p
{
    font-family: "Archivo", sans-serif;
    font-weight: 400;
    line-height: 1.9;

    color: #000;
}
.content-block--overview-blurb p
{
    font-size: 15px;
}
@media screen and (min-width: 544px)
{
    .content-block--overview-blurb p
    {
        font-size: calc(15px + 2 * ((100vw - 544px) / 896));
    }
}
@media screen and (min-width: 1440px)
{
    .content-block--overview-blurb p
    {
        font-size: 17px;
    }
}
.content-block--overview-blurb p a
{
    text-decoration: none; 

    color: #f8340d;
}
.content-block--overview-blurb p a:hover,
.content-block--overview-blurb p a:focus,
.content-block--overview-blurb p a:active
{
    color: #f8340d;
}
.content-block--overview-blurb p
{
    font-size: 20px;
}
@media screen and (min-width: 544px)
{
    .content-block--overview-blurb p
    {
        font-size: calc(20px + 2 * ((100vw - 544px) / 448));
    }
}
@media screen and (min-width: 992px)
{
    .content-block--overview-blurb p
    {
        font-size: 22px;
    }
}

/*-------------------------------*/
/* Content Block - Photo Cluster
/*-------------------------------*/
.content-block--photo-cluster
{
    position: relative;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    width: 100%;
    margin-top: 60px; 
    padding-right: 15px;
    padding-left: 15px;
}
@media only screen and (min-width: 768px)
{
    .content-block--photo-cluster
    {
        width: 91.66667%;
        margin-left: 4.16667%;
    }
}
.content-block--photo-cluster .content-block--photo-cluster--primary
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    width: 62.5%; 

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.content-block--photo-cluster .content-block--photo-cluster--secondary
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column;

    width: 37.5%; 

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
}
.content-block--photo-cluster img
{
    font-size: 0;
}

/*----------------------------*/
/* Content Block - Pull Quote
/*----------------------------*/
.content-block--pull-quote
{
    position: relative;
    right: 50%;
    left: 50%;

    width: 100vw;
    max-width: 100vw;
    margin-right: -50vw;
    margin-left: -50vw;
    padding-bottom: 60px;
}

/*--------------------------*/
/* Content Block -- Header
/*--------------------------*/
.content-block--section-header
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    width: 100%;
    margin-top: 30px;
    margin-bottom: 15px;
    padding-right: 15px; 
    padding-left: 15px;
}
@media only screen and (min-width: 992px)
{
    .content-block--section-header
    {
        width: 83.33333%;
        margin-left: 8.33333%;
    }
}
@media only screen and (min-width: 1200px)
{
    .content-block--section-header
    {
        width: 66.66667%;
        margin-left: 16.66667%;
    }
}
.content-block--section-header h2
{
    font-family: zuume-edge, sans-serif;
    font-weight: 700;
    line-height: 1;
    line-height: 1.25; 

    text-decoration: none;
    
    text-transform: uppercase;
}
.content-block--section-header h2
{
    font-size: 22px;
}
@media screen and (min-width: 544px)
{
    .content-block--section-header h2
    {
        font-size: calc(22px + 6 * ((100vw - 544px) / 896));
    }
}
@media screen and (min-width: 1440px)
{
    .content-block--section-header h2
    {
        font-size: 28px;
    }
}
body.text-color-light .content-block--section-header h2
{
    color: #fff;
}
body.text-color-dark .content-block--section-header h2
{
    color: #000;
}

/*----------------------*/
/* Content Block Single
/* MMGY Advertising
/*----------------------*/
.content-block--simple-content
{
    width: 100%;
    margin-top: 30px;
    margin-bottom: 15px;
    padding-right: 15px; 
    padding-left: 15px;
}
@media only screen and (min-width: 768px)
{
    .content-block--simple-content
    {
        width: 83.33333%;
        margin-left: 8.33333%;
    }
}
@media only screen and (min-width: 992px)
{
    .content-block--simple-content
    {
        width: 66.66667%;
        margin-left: 16.66667%;
    }
}

/*----------------------------*/
/* Content Block Work Content
/* MMGY Advertising
/*----------------------------*/
.content-block--work-content
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    margin-top: 45px;
    margin-bottom: 45px;
}
@media only screen and (max-width: 767px)
{
    .content-block--work-content
    {
            flex-direction: column; 

        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
    }
}
.content-block .content-block--work-content:last-child
{
    margin-bottom: 75px;
}

.content-block--headline
{
    font-family: zuume-edge, sans-serif;
    font-weight: 700;
    line-height: 1;

    width: 100%;
    margin-bottom: 15px; 
    padding-right: 15px;
    padding-left: 15px;

    text-decoration: none;
    
    text-transform: uppercase;
}
.content-block--headline
{
    font-size: 20px;
}
@media screen and (min-width: 544px)
{
    .content-block--headline
    {
        font-size: calc(20px + 8 * ((100vw - 544px) / 896));
    }
}
@media screen and (min-width: 1440px)
{
    .content-block--headline
    {
        font-size: 28px;
    }
}
body.text-color-light .content-block--headline
{
    color: #fff;
}
body.text-color-dark .content-block--headline
{
    color: #000;
}
@media only screen and (min-width: 768px)
{
    .content-block--headline
    {
        width: 33.33333%;
    }
}
@media only screen and (min-width: 992px)
{
    .content-block--headline
    {
        width: 25%;
        margin-left: 8.33333%;
    }
}

.content-block--work-content--single
{
    width: 100%;
    padding-right: 15px; 
    padding-left: 15px;
}
@media only screen and (min-width: 768px)
{
    .content-block--work-content--single
    {
        width: 66.66667%;
    }
}
@media only screen and (min-width: 992px)
{
    .content-block--work-content--single
    {
        width: 58.33333%;
    }
}
body[data-text-color=text-color-light] .content-block--work-content--single a
{
    padding: 3px 3px 0; 

    color: #fff;
    border-bottom: 4px solid rgba(255, 255, 255, .5);
    background-color: rgba(0, 0, 0, .15);
}
body[data-text-color=text-color-light] .content-block--work-content--single a:hover,
body[data-text-color=text-color-light] .content-block--work-content--single a:focus,
body[data-text-color=text-color-light] .content-block--work-content--single a:active
{
    border-bottom-color: #000; 
    background-color: #000;
}
body[data-text-color=text-color-dark] .content-block--work-content--single a
{
    padding: 3px 3px 0; 

    color: #000;
    border-bottom: 4px solid rgba(0, 0, 0, .4);
    background-color: rgba(255, 255, 255, .3);
}
body[data-text-color=text-color-dark] .content-block--work-content--single a:hover,
body[data-text-color=text-color-dark] .content-block--work-content--single a:focus,
body[data-text-color=text-color-dark] .content-block--work-content--single a:active
{
    border-bottom-color: #fff; 
    background-color: #fff;
}

/*--------------*/
/* CTA Tiles
/*--------------*/
.cta-tiles
{
    position: relative;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; 

    max-width: 1600px;
    margin: 0 auto;
}
@media only screen and (min-width: 768px)
{
    .cta-tiles
    {
        padding-right: 45px; 
        padding-left: 45px;
    }
}
#bootstrap-grid-frame-jhbsdovu .cta-tiles
{
    display: block;
}

.cta-tiles--item
{
    position: relative;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    width: 100%;
    margin: 0;
    padding: 0; 
    padding-right: 15px;
    padding-left: 15px;

    list-style: none;
}
@media only screen and (max-width: 767px)
{
    .cta-tiles--item
    {
            flex-direction: column; 

        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
    }
}
@media only screen and (min-width: 992px)
{
    .cta-tiles--item
    {
        width: 83.33333%;
        margin-left: 8.33333%;
    }
}
.cta-tiles--item::before
{
    position: absolute;
    top: 0;
    left: 50%;

    width: calc(100% - 30px);
    height: 1px;

    content: '';
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);

    background-color: rgba(0, 0, 0, .15);
}
body.home .cta-tiles--item::before
{
    content: none;
}
.cta-tiles--item > li
{
    position: relative;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column;

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

    text-align: center;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-flex: 1;
    -ms-flex: 1;
        flex: 1;
}
.cta-tiles--item > li:last-child
{
    padding-bottom: 0;
}
@media only screen and (min-width: 768px)
{
    .cta-tiles--item > li
    {
        margin-top: 30px;
    }
}
@media only screen and (min-width: 992px)
{
    .cta-tiles--item > li
    {
        margin-top: 60px;
        margin-bottom: 30px;
    }
}
@media only screen and (min-width: 1200px)
{
    .cta-tiles--item > li
    {
        margin-top: 90px;
        margin-bottom: 60px;
    }
}
.cta-tiles--item > li .cta-tile--title
{
    font-family: zuume-edge, sans-serif;
    font-weight: 700;
    line-height: 1;

    display: block;

    margin-bottom: 15px; 

    text-decoration: none;
    
    
    text-transform: uppercase;

    color: #f8340d;
}
.cta-tiles--item > li .cta-tile--title
{
    font-size: 16px;
}
@media screen and (min-width: 544px)
{
    .cta-tiles--item > li .cta-tile--title
    {
        font-size: calc(16px + 0 * ((100vw - 544px) / 896));
    }
}
@media screen and (min-width: 1440px)
{
    .cta-tiles--item > li .cta-tile--title
    {
        font-size: 16px;
    }
}
.cta-tiles--item > li .cta-tiles--description p
{
    font-family: "Archivo", sans-serif;
    font-weight: 400;
    line-height: 1.9;

    color: #000;
}
.cta-tiles--item > li .cta-tiles--description p
{
    font-size: 15px;
}
@media screen and (min-width: 544px)
{
    .cta-tiles--item > li .cta-tiles--description p
    {
        font-size: calc(15px + 2 * ((100vw - 544px) / 896));
    }
}
@media screen and (min-width: 1440px)
{
    .cta-tiles--item > li .cta-tiles--description p
    {
        font-size: 17px;
    }
}
.cta-tiles--item > li .cta-tiles--description p a
{
    text-decoration: none; 

    color: #f8340d;
}
.cta-tiles--item > li .cta-tiles--description p a:hover,
.cta-tiles--item > li .cta-tiles--description p a:focus,
.cta-tiles--item > li .cta-tiles--description p a:active
{
    color: #f8340d;
}
.cta-tiles--item > li .cta-tiles--description p
{
    font-size: 20px;
}
@media screen and (min-width: 544px)
{
    .cta-tiles--item > li .cta-tiles--description p
    {
        font-size: calc(20px + 2 * ((100vw - 544px) / 448));
    }
}
@media screen and (min-width: 992px)
{
    .cta-tiles--item > li .cta-tiles--description p
    {
        font-size: 22px;
    }
}
@media only screen and (max-width: 767px)
{
    .cta-tiles--item li + li
    {
        margin-bottom: 30px;
    }
}
.cta-tiles--item li + li::before
{
    position: absolute;
    top: 0;
    left: 50%;

    width: calc(100% - 30px);
    height: 1px;

    content: '';
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);

    background-color: rgba(0, 0, 0, .15);
}
@media only screen and (min-width: 768px)
{
    .cta-tiles--item li + li::before
    {
        top: 50%;
        left: -.5px;

        width: 1px; 
        height: 50%;

        -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
    }
}

/*--------------------*/
/* Featured Clients
/*--------------------*/
.featured-clients
{
    position: relative;

    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    padding: 60px 0; 

    background-color: #fff;
    background-color: #f8340d;
}
@media only screen and (min-width: 768px)
{
    .featured-clients
    {
        padding: 130px 0 75px;
    }
}
.featured-clients--container
{
    position: relative;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column; 

    max-width: 1600px;
    margin: 0 auto;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
}
@media only screen and (min-width: 768px)
{
    .featured-clients--container
    {
        padding-right: 45px; 
        padding-left: 45px;
    }
}
#bootstrap-grid-frame-jhbsdovu .featured-clients--container
{
    display: block;
}
.featured-clients--container h2
{
    font-family: zuume-edge, sans-serif;
    font-weight: 700;
    line-height: 1;

    width: 100%;
    margin-bottom: 30px; 
    padding-right: 15px;
    padding-left: 15px;

    text-decoration: none;
    
    
    text-transform: uppercase;

    color: #fff;
}
.featured-clients--container h2
{
    font-size: 16px;
}
@media screen and (min-width: 544px)
{
    .featured-clients--container h2
    {
        font-size: calc(16px + 0 * ((100vw - 544px) / 896));
    }
}
@media screen and (min-width: 1440px)
{
    .featured-clients--container h2
    {
        font-size: 16px;
    }
}
@media only screen and (min-width: 768px)
{
    .featured-clients--container h2
    {
        width: 83.33333%;
        margin-left: 8.33333%;
    }
}
.featured-clients--container .featured-clients--content
{
    width: 66.66667%;
    padding-right: 15px; 
    padding-left: 15px;
}

.featured-clients--item
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

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

    list-style: none;

    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
@media only screen and (min-width: 768px)
{
    .featured-clients--item
    {
        width: 83.33333%;
        margin-left: 8.33333%;
    }
}
.featured-clients--item li
{
    font-size: 0; 

    position: relative;

    width: 50%;
    padding-right: 15px;
    padding-left: 15px;
}
@media only screen and (min-width: 768px)
{
    .featured-clients--item li
    {
        width: 25%;
    }
}
@media only screen and (min-width: 992px)
{
    .featured-clients--item li
    {
        width: 20%;
    }
}
.featured-clients--item li:empty
{
    display: none;
}

/*--------------------*/
/* Featured Work
/*--------------------*/
.featured-work
{
    position: relative;
    z-index: 1; 

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    max-width: 1600px;
    margin: 0 auto;
}
#bootstrap-grid-frame-jhbsdovu .featured-work
{
    display: block;
}
@media only screen and (min-width: 768px)
{
    .featured-work
    {
        margin-top: -60px;
    }
}

.featured-work--item
{
    width: 100%;
    margin: 0; 
    padding: 0;

    list-style: none;
}
@media only screen and (min-width: 768px)
{
    .featured-work--item
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
            flex-direction: row-reverse;

        width: 83.33333%;
        margin-left: 8.33333%; 

        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
    }
}
.featured-work--item > li
{
    width: 100%;
}
@media only screen and (min-width: 768px)
{
    .featured-work--item > li
    {
        width: 50%;
    }
    .featured-work--item > li:nth-child(2)
    {
        -webkit-transform: translateY(-10%);
                transform: translateY(-10%);
    }
}

/*--------------------------*/
/* Footer
/*--------------------------*/
.footer
{
    position: relative;
    z-index: 400;

    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    padding: 30px 0;

    -webkit-transition: all ease-in-out .75s;
            transition: all ease-in-out .75s; 

    background-color: #141414;
}
html.nav-open .footer
{
    -webkit-transition: all ease-in-out .75s;
            transition: all ease-in-out .75s; 
    -webkit-transform: scale(1.03);
            transform: scale(1.03);

    -webkit-filter: blur(8px);
            filter: blur(8px);
}
html.nav-open.nav-closing .footer
{
    -webkit-transition: all ease-in-out .75s;
            transition: all ease-in-out .75s; 
    -webkit-transform: scale(1);
            transform: scale(1);

    -webkit-filter: blur(0px);
            filter: blur(0px);
}

.footer--container
{
    position: relative;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    max-width: 1600px;
    margin: 0 auto;

    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
@media only screen and (min-width: 768px)
{
    .footer--container
    {
        padding-right: 45px; 
        padding-left: 45px;
    }
}
#bootstrap-grid-frame-jhbsdovu .footer--container
{
    display: block;
}
.footer--container + .footer--container
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.footer--container + .footer--container::before
{
    display: block;

    width: 100%;
    height: 1px;
    margin: 30px 0;

    content: '';

    background-color: rgba(255, 255, 255, .25);
}
.footer--container a
{
    color: #fff;
}

/*--------------------------*/
/* Footer Copyright
/*--------------------------*/
.footer--copyright
{
    font-family: "Archivo", sans-serif;
    font-size: 10px;
    font-size: 1rem;
    font-weight: 500;

    float: left;

    width: 100%;
    margin-bottom: 30px; 
    padding-right: 15px;
    padding-left: 15px;

    text-decoration: none;


    color: #a7a7a7;
}
.footer--copyright a
{
    -webkit-transition: opacity ease .3s;
            transition: opacity ease .3s;
    text-decoration: none; 

    color: #a7a7a7;
}
.footer--copyright a:hover,
.footer--copyright a:focus,
.footer--copyright a:active
{
    -webkit-transition: opacity ease .3s;
            transition: opacity ease .3s;
}
@media only screen and (min-width: 768px)
{
    .footer--copyright
    {
        width: 50%;
    }
}
.footer--copyright a
{
    text-decoration: underline;
}

/*--------------------------*/
/* Footer Logo
/*--------------------------*/
.footer--logo
{
    float: left;
    float: left; 

    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}
@media only screen and (min-width: 544px) and (max-width: 767px)
{
    .footer--logo
    {
        text-align: center;
    }
}
@media only screen and (min-width: 768px)
{
    .footer--logo
    {
        width: 25%;
    }
}
.footer--logo a
{
    font-size: 0;

    display: block;

    margin-bottom: 30px;
}
.footer--logo a::before
{
    font-family: 'iconfont-mmgy';
    font-size: 45px;
    font-weight: 100;
    font-style: normal;
    font-variant: normal;
    line-height: 1;

    content: '';
    text-transform: none;

    color: inherit;

    speak: none;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
@media only screen and (min-width: 768px)
{
    .footer--logo a::before
    {
        font-size: 60px;
        font-size: 6rem;
    }
}

/*--------------------------*/
/* Footer MMGY
/*--------------------------*/
.footer--mmgy
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    width: 100%; 

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
@media only screen and (min-width: 768px)
{
    .footer--mmgy
    {
        width: 50%;

        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
}
.footer--mmgy .travelconsul
{
    font-family: "Archivo", sans-serif;
    font-weight: 600;

    text-decoration: none;

    text-transform: uppercase; 

    color: #fff;
}
.footer--mmgy .travelconsul
{
    font-size: 10px;
}
@media screen and (min-width: 544px)
{
    .footer--mmgy .travelconsul
    {
        font-size: calc(10px + 2 * ((100vw - 544px) / 896));
    }
}
@media screen and (min-width: 1440px)
{
    .footer--mmgy .travelconsul
    {
        font-size: 12px;
    }
}
.footer--mmgy .travelconsul a
{
    -webkit-transition: opacity ease .3s;
            transition: opacity ease .3s;
    text-decoration: none; 

    color: #fff;
}
.footer--mmgy .travelconsul a:hover,
.footer--mmgy .travelconsul a:focus,
.footer--mmgy .travelconsul a:active
{
    -webkit-transition: opacity ease .3s;
            transition: opacity ease .3s;
}
@media only screen and (min-width: 992px)
{
    .footer--mmgy .travelconsul::after
    {
        display: inline-block;

        padding-right: 15px;
        padding-left: 15px;

        content: '•';
        cursor: default;
    }
}
.footer--mmgy .mmgy-logo
{
    font-size: 0; 

    display: block;

    padding-left: 30px;
}
.footer--mmgy .mmgy-logo::before
{
    font-family: 'iconfont-mmgy';
    font-size: 64px;
    font-weight: 100;
    font-style: normal;
    font-variant: normal;
    line-height: 1;

    content: '';
    text-transform: none;

    color: inherit;

    speak: none;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
@media only screen and (min-width: 992px)
{
    .footer--mmgy .mmgy-logo
    {
        display: inline-block;

        margin-top: 0;
        padding-left: 0;
    }
}

/*--------------------------*/
/* Footer Nav
/*--------------------------*/
.footer--nav
{
    float: left;

    width: 100%;
    padding-right: 15px; 
    padding-left: 15px;
}
@media only screen and (min-width: 544px) and (max-width: 767px)
{
    .footer--nav
    {
        width: 75%;
        margin-top: 20px; 
        margin-left: 12.5%;
    }
    .footer--nav li
    {
        text-align: center;

        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}
@media only screen and (min-width: 768px)
{
    .footer--nav
    {
        width: 50%;
    }
}
.footer--nav ul.menu
{
    padding: 0;

    list-style: none;

    -webkit-column-count: 2;
       -moz-column-count: 2;
            column-count: 2;
}
@media only screen and (min-width: 544px)
{
    .footer--nav ul.menu
    {
        -webkit-column-count: 4;
           -moz-column-count: 4;
                column-count: 4;
    }
}
@media only screen and (min-width: 768px)
{
    .footer--nav ul.menu
    {
        -webkit-column-count: 3;
           -moz-column-count: 3;
                column-count: 3;
    }
}
.footer--nav ul.menu > li
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    margin-bottom: 15px; 

    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
.footer--nav ul.menu a
{
    font-family: zuume-edge, sans-serif;
    font-weight: 700;
    line-height: 1.25; 

    display: inline-block;

    text-decoration: none;

    text-transform: uppercase;

    color: #fff;
}
.footer--nav ul.menu a
{
    font-size: 35px;
}

.footer--nav ul.menu a a
{
    -webkit-transition: opacity ease .3s;
            transition: opacity ease .3s;
    text-decoration: none; 

    color: #fff;
}
.footer--nav ul.menu a a:hover,
.footer--nav ul.menu a a:focus,
.footer--nav ul.menu a a:active
{
    -webkit-transition: opacity ease .3s;
            transition: opacity ease .3s;
}
.footer--nav ul.menu a:hover,
.footer--nav ul.menu a:focus,
.footer--nav ul.menu a:active
{
    color: #f8340d;
}

/*--------------*/
/* Footer Social
/*--------------*/
.footer--social
{
    position: relative;

    float: left;

    width: 100%;
    height: 100%;
    padding-top: 0;
    padding-right: 15px;
    padding-left: 15px;

    -webkit-transform: none;
            transform: none;

    background-color: transparent;
}
@media only screen and (max-width: 767px)
{
    .footer--social
    {
        margin-top: 30px;
    }
}
@media only screen and (min-width: 768px)
{
    .footer--social
    {
        float: right; 

        width: 16.66667%;
        padding-right: 15px;
        padding-left: 15px;

        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
}
@media only screen and (min-width: 992px)
{
    .footer--social
    {
        width: 25%;
        padding-right: 15px;
        padding-left: 15px;

        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
}
.footer--social .nav-social
{
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
@media only screen and (min-width: 544px) and (max-width: 767px)
{
    .footer--social .nav-social
    {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}
@media only screen and (min-width: 768px)
{
    .footer--social .nav-social
    {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
}

/*----------------------*/
/* Growing Dot
/* MMGY Advertising
/*----------------------*/
.growing-dot
{
    position: absolute;
    z-index: 999; 

    width: 1px;
    height: 1px;

    -webkit-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
    -webkit-animation-name: grow;
            animation-name: grow;
    -webkit-animation-duration: 1.5s;
            animation-duration: 1.5s;

    border-radius: 99999px;

    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
}

@-webkit-keyframes grow
{
    from
    {
        width: 1px;
        height: 1px;
    }
    to
    {
        width: 300vw;
        height: 300vw;
    }
}

@keyframes grow
{
    from
    {
        width: 1px;
        height: 1px;
    }
    to
    {
        width: 300vw;
        height: 300vw;
    }
}

/*-----------------*/
/* Hamburger
/* MMGY Advertising
/*-----------------*/
.hamburger
{
    position: fixed;
    z-index: 2000; 
    top: 20px;
    right: 20px;
}
body[browser=Firefox] .hamburger
{
    -webkit-transition: none !important;
            transition: none !important;
}
body[browser=Firefox] .hamburger *
{
    -webkit-transition: none !important;
            transition: none !important;
}
@media only screen and (min-width: 768px)
{
    .hamburger
    {
        top: 35px;
        right: 50px;
    }
}
body .hamburger
{
    padding: 10px 10px 0;

    -webkit-transition: background-color ease-in-out 400ms;
            transition: background-color ease-in-out 400ms;
}
body[data-logo-color=text-color-light] .hamburger
{
    background-color: rgba(0, 0, 0, 0);
}
body[data-logo-color=text-color-dark] .hamburger
{
    background-color: rgba(255, 255, 255, 0);
}
body.hamburger-shader[data-logo-color=text-color-light]:not(.home) .hamburger
{
    -webkit-transition: background-color ease-in-out 400ms;
            transition: background-color ease-in-out 400ms; 

    background-color: rgba(0, 0, 0, .35);
}
body.hamburger-shader[data-logo-color=text-color-dark]:not(.home) .hamburger
{
    -webkit-transition: background-color ease-in-out 400ms;
            transition: background-color ease-in-out 400ms; 

    background-color: rgba(255, 255, 255, .35);
}
html.nav-open body.hamburger-shader[data-logo-color=text-color-light] .hamburger,
html.nav-open body.hamburger-shader[data-logo-color=text-color-dark] .hamburger
{
    -webkit-transition: background-color ease-in-out .2s;
            transition: background-color ease-in-out .2s; 

    color: #fff;
    background-color: transparent;
}
body.admin-bar .hamburger
{
    top: 67px;
}

body[data-logo-color=text-color-dark] .hamburger-inner,
body[data-logo-color=text-color-dark]
.hamburger-inner::before,
body[data-logo-color=text-color-dark]
.hamburger-inner::after
{
    -webkit-transition: background-color ease-in-out 400ms;
            transition: background-color ease-in-out 400ms; 

    background-color: #000 !important;
}

.hamburger-inner,
body[data-logo-color=text-color-light] .hamburger-inner,
.hamburger-inner::before,
body[data-logo-color=text-color-light]
.hamburger-inner::before,
.hamburger-inner::after,
body[data-logo-color=text-color-light]
.hamburger-inner::after
{
    -webkit-transition: background-color ease-in-out 400ms;
            transition: background-color ease-in-out 400ms; 

    background-color: #fff !important;
}

html.nav-open body[data-logo-color=text-color-dark] .hamburger-inner::before,
html.nav-open body[data-logo-color=text-color-dark]
.hamburger-inner::after
{
    background-color: #fff !important;
}

html.nav-open.nav-closing body[data-logo-color=text-color-dark] .hamburger-inner::before,
html.nav-open.nav-closing body[data-logo-color=text-color-dark]
.hamburger-inner::after
{
    -webkit-transition: background-color ease-in-out 0s;
            transition: background-color ease-in-out 0s; 

    background-color: #000 !important;
}

.hamburger
{
    font: inherit;

    display: inline-block;
    overflow: visible; 

    margin: 0;
    padding: 0 0;

    cursor: pointer;
    -webkit-transition-timing-function: linear;
            transition-timing-function: linear;
    -webkit-transition-duration: .15s;
            transition-duration: .15s;
    -webkit-transition-property: opacity, -webkit-filter;
            transition-property: opacity, -webkit-filter;
            transition-property: opacity, filter;
            transition-property: opacity, filter, -webkit-filter;
    text-transform: none;

    color: inherit;
    border: 0;
    background-color: transparent;
}
.hamburger:hover
{
    opacity: .5;
}
.hamburger.is-active:hover
{
    opacity: .5;
}
.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner::before,
.hamburger.is-active .hamburger-inner::after
{
    background-color: #fff;
}

.hamburger-box
{
    position: relative; 

    display: inline-block;

    width: 40px;
    height: 24px;
}

.hamburger-inner
{
    top: 50%;

    display: block;

    margin-top: -2px;
}
.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after
{
    position: absolute;

    width: 40px;
    height: 4px;

    -webkit-transition-timing-function: ease;
            transition-timing-function: ease; 
    -webkit-transition-duration: .15s;
            transition-duration: .15s;
    -webkit-transition-property: -webkit-transform;
            transition-property: -webkit-transform;
            transition-property:         transform;
            transition-property:         transform, -webkit-transform;

    border-radius: 4px;
    background-color: #fff;
}
.hamburger-inner::before,
.hamburger-inner::after
{
    display: block; 

    content: '';
}
.hamburger-inner::before
{
    top: -10px;
}
.hamburger-inner::after
{
    bottom: -10px;
}

/*
   * Stand
   */
.hamburger--stand .hamburger-inner
{
    -webkit-transition: background-color 0s .075s linear, -webkit-transform .075s .15s cubic-bezier(.55, .055, .675, .19);
            transition: background-color 0s .075s linear, -webkit-transform .075s .15s cubic-bezier(.55, .055, .675, .19);
            transition: transform .075s .15s cubic-bezier(.55, .055, .675, .19), background-color 0s .075s linear;
            transition: transform .075s .15s cubic-bezier(.55, .055, .675, .19), background-color 0s .075s linear, -webkit-transform .075s .15s cubic-bezier(.55, .055, .675, .19);
}
.hamburger--stand .hamburger-inner::before
{
    -webkit-transition: top .075s .075s ease-in, -webkit-transform .075s 0s cubic-bezier(.55, .055, .675, .19);
            transition: top .075s .075s ease-in, -webkit-transform .075s 0s cubic-bezier(.55, .055, .675, .19);
            transition: top .075s .075s ease-in, transform .075s 0s cubic-bezier(.55, .055, .675, .19);
            transition: top .075s .075s ease-in, transform .075s 0s cubic-bezier(.55, .055, .675, .19), -webkit-transform .075s 0s cubic-bezier(.55, .055, .675, .19);
}
.hamburger--stand .hamburger-inner::after
{
    -webkit-transition: bottom .075s .075s ease-in, -webkit-transform .075s 0s cubic-bezier(.55, .055, .675, .19);
            transition: bottom .075s .075s ease-in, -webkit-transform .075s 0s cubic-bezier(.55, .055, .675, .19);
            transition: bottom .075s .075s ease-in, transform .075s 0s cubic-bezier(.55, .055, .675, .19);
            transition: bottom .075s .075s ease-in, transform .075s 0s cubic-bezier(.55, .055, .675, .19), -webkit-transform .075s 0s cubic-bezier(.55, .055, .675, .19);
}

.hamburger--stand.is-active .hamburger-inner
{
    -webkit-transition: background-color 0s .15s linear, -webkit-transform .075s 0s cubic-bezier(.215, .61, .355, 1);
            transition: background-color 0s .15s linear, -webkit-transform .075s 0s cubic-bezier(.215, .61, .355, 1);
            transition: transform .075s 0s cubic-bezier(.215, .61, .355, 1), background-color 0s .15s linear;
            transition: transform .075s 0s cubic-bezier(.215, .61, .355, 1), background-color 0s .15s linear, -webkit-transform .075s 0s cubic-bezier(.215, .61, .355, 1); 
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);

    background-color: transparent !important;
}
.hamburger--stand.is-active .hamburger-inner::before
{
    top: 0;

    -webkit-transition: top .075s .1s ease-out, -webkit-transform .075s .15s cubic-bezier(.215, .61, .355, 1);
            transition: top .075s .1s ease-out, -webkit-transform .075s .15s cubic-bezier(.215, .61, .355, 1);
            transition: top .075s .1s ease-out, transform .075s .15s cubic-bezier(.215, .61, .355, 1);
            transition: top .075s .1s ease-out, transform .075s .15s cubic-bezier(.215, .61, .355, 1), -webkit-transform .075s .15s cubic-bezier(.215, .61, .355, 1); 
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
}
.hamburger--stand.is-active .hamburger-inner::after
{
    bottom: 0;

    -webkit-transition: bottom .075s .1s ease-out, -webkit-transform .075s .15s cubic-bezier(.215, .61, .355, 1);
            transition: bottom .075s .1s ease-out, -webkit-transform .075s .15s cubic-bezier(.215, .61, .355, 1);
            transition: bottom .075s .1s ease-out, transform .075s .15s cubic-bezier(.215, .61, .355, 1);
            transition: bottom .075s .1s ease-out, transform .075s .15s cubic-bezier(.215, .61, .355, 1), -webkit-transform .075s .15s cubic-bezier(.215, .61, .355, 1); 
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
}

/*-------------------*/
/* Header
/* MMGY Advertising
/*-------------------*/
.header
{
    position: absolute;
    z-index: 1000;
    top: 0;
    right: 0;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    width: 100%;
    margin: 0 auto;
    padding-right: 15px;
    padding-left: 15px;

    -webkit-transition: all ease-in-out 400ms;
            transition: all ease-in-out 400ms;
}
html.nav-open .header
{
    width: 150px;

    -webkit-transition: width ease-in-out 0s .75s;
            transition: width ease-in-out 0s .75s;
}
html.nav-open.nav-closing .header
{
    width: 100%;

    -webkit-transition: width ease-in-out 0s;
            transition: width ease-in-out 0s;
}
body.home .header
{
    position: fixed;
}

.header--logo
{
    font-size: 0;

    position: relative;

    margin-top: 20px;
    padding-right: 5px; 
    padding-left: 5px;

    -webkit-transition: all ease-in-out 300ms;
            transition: all ease-in-out 300ms;
}
.header--logo .header--logo--logo
{
    width: 53px;
    height: 50px;
}
@media only screen and (min-width: 768px)
{
    .header--logo .header--logo--logo
    {
        width: 93px;
        height: 80px;
    }
}
.header--logo .header--logo--block
{
    fill: #f8340d;
}
.header--logo .header--logo--lettering
{
    fill: #fff;
}
.header--logo,
body[data-logo-color=text-color-light] .header--logo
{
    color: #fff;
}
.header--logo:hover,
.header--logo:focus,
.header--logo:active,
body[data-logo-color=text-color-light] .header--logo:hover,
body[data-logo-color=text-color-light] .header--logo:focus,
body[data-logo-color=text-color-light] .header--logo:active
{
    -webkit-transition: all ease-in-out 300ms;
            transition: all ease-in-out 300ms; 

    color: white;
}
body[data-logo-color=text-color-dark] .header--logo
{
    color: #000;
}
body[data-logo-color=text-color-dark] .header--logo:hover,
body[data-logo-color=text-color-dark] .header--logo:focus,
body[data-logo-color=text-color-dark] .header--logo:active
{
    -webkit-transition: all ease-in-out 300ms;
            transition: all ease-in-out 300ms; 

    color: black;
}
html.nav-open .header--logo
{
    -webkit-transition: opacity ease-in-out .75s;
            transition: opacity ease-in-out .75s; 

    opacity: 0;
}
html.nav-open.nav-closing .header--logo
{
    -webkit-transition: opacity ease-in-out .75s;
            transition: opacity ease-in-out .75s; 

    opacity: 1;
}
html.nav-open body[browser=Firefox] .header--logo
{
    -webkit-transition: none;
            transition: none;
}
html.nav-open.nav-closing body[browser=Firefox] .header--logo
{
    -webkit-transition: none;
            transition: none;
}

/*--------------------------*/
/* Headline General
/*--------------------------*/
.headline-general
{
    position: relative;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; 

    max-width: 1600px;
    margin: 0 auto;
}
@media only screen and (min-width: 768px)
{
    .headline-general
    {
        padding-right: 45px; 
        padding-left: 45px;
    }
}
#bootstrap-grid-frame-jhbsdovu .headline-general
{
    display: block;
}
.breadcrumb + .headline-general
{
    margin-top: 15px;
}
.breadcrumb + .headline-general .headline-general--headline
{
    margin-bottom: 20px;
}

.headline-general--content
{
    width: 100%;
    padding-right: 15px; 
    padding-left: 15px;
}
@media only screen and (min-width: 992px)
{
    .headline-general--content
    {
        width: 83.33333%;
        margin-left: 8.33333%;
    }
}
@media only screen and (min-width: 1200px)
{
    .headline-general--content
    {
        width: 66.66667%;
        margin-left: 16.66667%;
    }
}

.headline-general--headline
{
    font-family: zuume-edge, sans-serif;
    font-weight: 700;
    line-height: 1;
    line-height: 1.25;

    text-align: left; 
    text-decoration: none;
    
    text-transform: uppercase;

    color: #000;
}
.headline-general--headline
{
    font-size: 22px;
}
@media screen and (min-width: 544px)
{
    .headline-general--headline
    {
        font-size: calc(22px + 6 * ((100vw - 544px) / 896));
    }
}
@media screen and (min-width: 1440px)
{
    .headline-general--headline
    {
        font-size: 28px;
    }
}

.headline-content--details
{
    font-family: "Archivo", sans-serif;
    font-weight: 600; 

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    text-decoration: none;

    text-transform: uppercase;

    color: gray;
}
.headline-content--details
{
    font-size: 10px;
}
@media screen and (min-width: 544px)
{
    .headline-content--details
    {
        font-size: calc(10px + 2 * ((100vw - 544px) / 896));
    }
}
@media screen and (min-width: 1440px)
{
    .headline-content--details
    {
        font-size: 12px;
    }
}
.headline-content--details a
{
    -webkit-transition: opacity ease .3s;
            transition: opacity ease .3s;
    text-decoration: none; 

    color: gray;
}
.headline-content--details a:hover,
.headline-content--details a:focus,
.headline-content--details a:active
{
    -webkit-transition: opacity ease .3s;
            transition: opacity ease .3s;
}
@media only screen and (min-width: 0) and (max-width: 543px)
{
    .headline-content--details
    {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }
}
.headline-content--details > span
{
    display: inline-block;
}
.headline-content--details > span + span
{
    padding-left: 5px;
}

.headline-content--publish-date
{
    white-space: nowrap;
}

.headline-content--author--item::after
{
    content: ', ';
}

.headline-content--author--item:last-child::after
{
    content: '';
}

.headline-content--author--item:first-child::before
{
    content: ' • By ';
}

@media only screen and (min-width: 0) and (max-width: 543px)
{
    .headline-content--tags
    {
        width: 100%;
        padding-left: 0 !important;
    }
    .headline-content--tags::before
    {
        content: none !important;
    }
}

.headline-content--tags--item
{
    display: inline-block;
}
.headline-content--tags--item::after
{
    content: ', ';
}
.headline-content--tags--item:last-child::after
{
    content: '';
}
.headline-content--tags--item:first-child::before
{
    content: ' • ';
}

/*------------------*/
/* Hero About
/* MMGY Advertising
/*------------------*/
.hero--about
{
    position: relative;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    width: 100%;
    max-width: 1600px;
    margin: 0 auto;
    padding: 100px 0 60px;
}
@media only screen and (min-width: 768px)
{
    .hero--about
    {
        padding-right: 45px; 
        padding-left: 45px;
    }
}
#bootstrap-grid-frame-jhbsdovu .hero--about
{
    display: block;
}
@media only screen and (min-width: 768px)
{
    .hero--about
    {
        padding: 180px 0 90px;
    }
}

.hero--about--content
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column;

    width: 100%; 

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
}
@media only screen and (min-width: 544px)
{
    .hero--about--content
    {
        width: 83.33333%;
        margin-left: 8.33333%;
    }
}
@media only screen and (min-width: 768px)
{
    .hero--about--content
    {
            flex-direction: row; 

        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
    }
}
@media only screen and (min-width: 1200px)
{
    .hero--about--content
    {
        width: 66.66667%;
        margin-left: 16.66667%;
    }
}

.hero--about--headline
{
    font-family: zuume-edge, sans-serif;
    font-weight: 700;
    line-height: 1;

    width: 100%;
    margin-top: 10px;
    margin-bottom: 15px; 
    padding-right: 15px;
    padding-left: 15px;

    text-decoration: none;
    
    text-transform: uppercase;

    color: #000;
}
.hero--about--headline
{
    font-size: 40px;
}
@media screen and (min-width: 544px)
{
    .hero--about--headline
    {
        font-size: 50px;
    }
}
@media screen and (min-width: 1440px)
{
    .hero--about--headline
    {
        font-size: 58px;
    }
}
@media only screen and (min-width: 768px)
{
    .hero--about--headline
    {
        width: 33.33333%;
    }
}

.hero--about--tagline
{
    font-family: "Archivo", serif;
    font-weight: 500;
    line-height: 1;

    width: 100%;
    padding-right: 15px; 
    padding-left: 15px;

    text-decoration: none;


    color: #000;
}
.hero--about--tagline
{
    font-size: 40px;
}
@media screen and (min-width: 544px)
{
    .hero--about--tagline
    {
        font-size: calc(40px + 20 * ((100vw - 544px) / 896));
    }
}
@media screen and (min-width: 1440px)
{
    .hero--about--tagline
    {
        font-size: 60px;
    }
}
@media only screen and (min-width: 768px)
{
    .hero--about--tagline
    {
        width: 66.66667%;
    }
}

/*------------------*/
/* Hero General
/* MMGY Advertising
/*------------------*/
.hero--general
{
    position: relative;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column; 

    width: 100%;
    max-width: 1600px;
    margin: 0 auto;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
}
@media only screen and (min-width: 768px)
{
    .hero--general
    {
        padding-right: 45px; 
        padding-left: 45px;
    }
}
#bootstrap-grid-frame-jhbsdovu .hero--general
{
    display: block;
}

.hero--general--content
{
    width: 100%;
    padding: 180px 0 90px; 
    padding-right: 15px;
    padding-left: 15px;
}
@media only screen and (min-width: 768px)
{
    .hero--general--content
    {
        width: 83.33333%;
        margin-left: 8.33333%;
    }
}
@media only screen and (min-width: 992px)
{
    .hero--general--content
    {
        width: 66.66667%;
        margin-left: 16.66667%;
    }
}

.hero--general--headline
{
    font-family: zuume-edge, sans-serif;
    font-weight: 700;
    line-height: 1;

    margin-bottom: 30px; 

    text-decoration: none;


    color: #000;
}
.hero--general--headline
{
    font-size: 40px;
}
@media screen and (min-width: 544px)
{
    .hero--general--headline
    {
        font-size: calc(40px + 20 * ((100vw - 544px) / 896));
    }
}
@media screen and (min-width: 1440px)
{
    .hero--general--headline
    {
        font-size: 60px;
    }
}

.hero--general--image
{
    width: 100%;
    padding-right: 15px;
    padding-bottom: 15px; 
    padding-left: 15px;
}

/*-----------------------*/
/* Hero General Content
/* MMGY Advertising
/*-----------------------*/
.hero--general-content
{
    position: relative;

    width: 100%;
    max-width: 100%;
    margin: 0 auto;

    background-color: #fff;
    background-color: #f8340d;
}
.hero--general-content--container
{
    position: relative;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    max-width: 1600px;
    margin: 0 auto;
    padding: 100px 0 30px;

    opacity: 0;
}
#bootstrap-grid-frame-jhbsdovu .hero--general-content--container
{
    display: block;
}
@media only screen and (min-width: 768px)
{
    .hero--general-content--container
    {
        padding: 160px 0 60px 40px;
    }
}
@media only screen and (min-width: 992px)
{
    .hero--general-content--container
    {
        padding: 160px 0 60px 40px;
    }
}
@media only screen and (min-width: 1200px)
{
    .hero--general-content--container
    {
        padding: 160px 0 160px 40px;
    }
}
body.ready .hero--general-content--container
{
    -webkit-transition: opacity ease-in-out 1200ms;
            transition: opacity ease-in-out 1200ms; 

    opacity: 1;
}
.hero--general-content--item
{
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;

    width: 100%;
}
@media only screen and (max-width: 767px)
{
    .hero--general-content--item
    {
            flex-direction: column-reverse; 

        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
    }
}
.hero--general-content--content
{
    z-index: 1;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column;

    width: 100%;
    padding-right: 15px;
    padding-left: 15px;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
}
@media only screen and (min-width: 768px)
{
    .hero--general-content--content
    {
        width: 100%;
    }
}
@media only screen and (min-width: 992px)
{
    .hero--general-content--content
    {
        width: 83.33333%;
        margin-left: 8.33333%;
    }
}
@media only screen and (min-width: 1200px)
{
    .hero--general-content--content
    {
        width: 66.66667%;
        margin-left: 16.66667%;
    }
}
.hero--general-content--content--controls
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}
.hero--general-content--content .hero--general-content--eyebrow
{
    font-family: zuume-edge, sans-serif;
    font-weight: 700;
    line-height: 1;

    margin-bottom: 20px; 

    text-decoration: none;
    
    
    text-transform: uppercase;

    color: #fff;
}
.hero--general-content--content .hero--general-content--eyebrow
{
    font-size: 31px;
}
.hero--general-content--content .hero--general-content--headline
{
    font-family: "Archivo", serif;
    font-weight: 500;
    line-height: 1;

    margin-bottom: 40px; 

    text-decoration: none;


    color: #fff;
}
.hero--general-content--content .hero--general-content--headline
{
    font-size: 40px;
}
@media screen and (min-width: 544px)
{
    .hero--general-content--content .hero--general-content--headline
    {
        font-size: calc(40px + 20 * ((100vw - 544px) / 896));
    }
}
@media screen and (min-width: 1440px)
{
    .hero--general-content--content .hero--general-content--headline
    {
        font-size: 60px;
    }
}
.hero--general-content--content .hero--general-content--blurb
{
    width: 100%;
}
@media only screen and (min-width: 768px)
{
    .hero--general-content--content .hero--general-content--blurb
    {
        width: 83.33333%;
    }
}
@media only screen and (min-width: 992px)
{
    .hero--general-content--content .hero--general-content--blurb
    {
        width: 58.33333%;
    }
}
.hero--general-content--content .hero--general-content--blurb p,
.hero--general-content--content .hero--general-content--blurb ul,
.hero--general-content--content .hero--general-content--blurb ol
{
    font-family: "Archivo", sans-serif;
    font-weight: 400;
    line-height: 1.9;

    color: #fff;
}
.hero--general-content--content .hero--general-content--blurb p,
.hero--general-content--content .hero--general-content--blurb ul,
.hero--general-content--content .hero--general-content--blurb ol
{
    font-size: 15px;
}
@media screen and (min-width: 544px)
{
    .hero--general-content--content .hero--general-content--blurb p,
    .hero--general-content--content .hero--general-content--blurb ul,
    .hero--general-content--content .hero--general-content--blurb ol
    {
        font-size: calc(15px + 2 * ((100vw - 544px) / 896));
    }
}
@media screen and (min-width: 1440px)
{
    .hero--general-content--content .hero--general-content--blurb p,
    .hero--general-content--content .hero--general-content--blurb ul,
    .hero--general-content--content .hero--general-content--blurb ol
    {
        font-size: 17px;
    }
}
.hero--general-content--content .hero--general-content--blurb p a,
.hero--general-content--content .hero--general-content--blurb ul a,
.hero--general-content--content .hero--general-content--blurb ol a
{
    text-decoration: none; 

    color: #f8340d;
}
.hero--general-content--content .hero--general-content--blurb p a:hover,
.hero--general-content--content .hero--general-content--blurb p a:focus,
.hero--general-content--content .hero--general-content--blurb p a:active,
.hero--general-content--content .hero--general-content--blurb ul a:hover,
.hero--general-content--content .hero--general-content--blurb ul a:focus,
.hero--general-content--content .hero--general-content--blurb ul a:active,
.hero--general-content--content .hero--general-content--blurb ol a:hover,
.hero--general-content--content .hero--general-content--blurb ol a:focus,
.hero--general-content--content .hero--general-content--blurb ol a:active
{
    color: #f8340d;
}
.hero--general-content--image + .hero--general-content--content
{
    width: 100%;
    padding-right: 15px; 
    padding-left: 15px;
}
@media only screen and (min-width: 768px)
{
    .hero--general-content--image + .hero--general-content--content
    {
        width: 75%;
    }
}
@media only screen and (min-width: 992px)
{
    .hero--general-content--image + .hero--general-content--content
    {
        width: 66.66667%;
    }
}
@media only screen and (min-width: 1200px)
{
    .hero--general-content--image + .hero--general-content--content
    {
        width: 50%;
        margin-left: 8.33333%;
    }
}
.hero--general-content--image
{
    position: relative;
    z-index: 0;

    width: 100%;
    padding-right: 15px;
    padding-left: 15px;

    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
}
@media only screen and (max-width: 767px)
{
    .hero--general-content--image
    {
        margin-bottom: 40px;
    }
    .hero--general-content--image .slick-prev
    {
        position: absolute;
        top: 50%;
        left: 15px; 

        -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
    }
    .hero--general-content--image .slick-next
    {
        position: absolute;
        top: 50%;
        right: 15px; 

        -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
    }
}
@media only screen and (min-width: 768px)
{
    .hero--general-content--image
    {
        width: 41.66667%;
    }
}
@media only screen and (min-width: 992px)
{
    .hero--general-content--image
    {
        width: 33.33333%;
    }
}
.hero--general-content--image img
{
    opacity: 0;
    border-radius: 999px;
}
@media only screen and (min-width: 768px)
{
    .hero--general-content--image img
    {
        -webkit-transform: scale(.5) translateX(-10%) translateY(-10%);
                transform: scale(.5) translateX(-10%) translateY(-10%);
    }
}
body.ready .hero--general-content--image img
{
    -webkit-transition: opacity ease-in-out 1500ms, -webkit-transform cubic-bezier(.68, -.55, .265, 1.55) 1500ms;
            transition: opacity ease-in-out 1500ms, -webkit-transform cubic-bezier(.68, -.55, .265, 1.55) 1500ms;
            transition: transform cubic-bezier(.68, -.55, .265, 1.55) 1500ms, opacity ease-in-out 1500ms;
            transition: transform cubic-bezier(.68, -.55, .265, 1.55) 1500ms, opacity ease-in-out 1500ms, -webkit-transform cubic-bezier(.68, -.55, .265, 1.55) 1500ms;
    -webkit-transition-delay: 500ms;
            transition-delay: 500ms; 

    opacity: 1;
}
@media only screen and (min-width: 768px)
{
    body.ready .hero--general-content--image img
    {
        -webkit-transform: scale(1.6) translateX(-10%) translateY(-10%);
                transform: scale(1.6) translateX(-10%) translateY(-10%);
    }
}
@media only screen and (min-width: 992px)
{
    body.ready .hero--general-content--image img
    {
        -webkit-transform: scale(1.75) translateX(-10%) translateY(-10%);
                transform: scale(1.75) translateX(-10%) translateY(-10%);
    }
}

/*-----------------------*/
/* Hero Insights Listing
/* MMGY Advertising
/*-----------------------*/
.hero--insights-listing
{
    position: relative;

    width: 100%;
    max-width: 100%;
    margin: 0 auto;

    background-color: #141414;
}
.hero--insights-listing--slick-navigation
{
    z-index: 100; 

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column;

    padding-right: 30px;

    border-right: 1px solid #fff;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
}
@media only screen and (max-width: 767px)
{
    .hero--insights-listing--slick-navigation
    {
        display: none;
    }
}
@media only screen and (min-width: 768px)
{
    .hero--insights-listing--slick-navigation
    {
        left: calc( 8.33333% + 40px);
    }
}
.hero--insights-listing .slick-arrow
{
    font-size: 0; 

    position: relative;

    border: none;
    background-color: transparent;
}
.hero--insights-listing .slick-arrow.slick-prev::after
{
    font-family: 'iconfont-mmgy';
    font-size: 20px;
    font-weight: 100;
    font-style: normal;
    font-variant: normal;
    line-height: 1;

    display: block;

    margin: 5px; 

    content: '';
    text-transform: none;

    color: inherit;
    color: #fff;

    speak: none;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.hero--insights-listing .slick-arrow.slick-next::after
{
    font-family: 'iconfont-mmgy';
    font-size: 20px;
    font-weight: 100;
    font-style: normal;
    font-variant: normal;
    line-height: 1;

    display: block;

    margin: 5px; 

    content: '';
    text-transform: none;

    color: inherit;
    color: #fff;

    speak: none;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.hero--insights-listing--container
{
    position: relative;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    max-width: 1600px;
    margin: 0 auto;

    opacity: 0;
}
#bootstrap-grid-frame-jhbsdovu .hero--insights-listing--container
{
    display: block;
}
body.ready .hero--insights-listing--container
{
    -webkit-transition: opacity ease-in-out 1200ms;
            transition: opacity ease-in-out 1200ms; 

    opacity: 1;
}
.hero--insights-listing--item
{
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
}
@media only screen and (max-width: 767px)
{
    .hero--insights-listing--item
    {
            flex-direction: column-reverse; 

        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
    }
}
.hero--insights-listing .slick-list
{
    padding: 100px 0 30px;
}
@media only screen and (min-width: 768px)
{
    .hero--insights-listing .slick-list
    {
        padding: 160px 0 60px 40px;
    }
}
@media only screen and (min-width: 992px)
{
    .hero--insights-listing .slick-list
    {
        padding: 160px 0 60px 40px;
    }
}
@media only screen and (min-width: 1200px)
{
    .hero--insights-listing .slick-list
    {
        padding: 160px 0 160px 40px;
    }
}
.hero--insights-listing--content
{
    z-index: 1;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column;

    width: 100%;
    padding-right: 15px;
    padding-left: 15px;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
@media only screen and (min-width: 768px)
{
    .hero--insights-listing--content
    {
        width: 75%;
    }
}
@media only screen and (min-width: 992px)
{
    .hero--insights-listing--content
    {
        width: 66.66667%;
    }
}
@media only screen and (min-width: 1200px)
{
    .hero--insights-listing--content
    {
        width: 50%;
        margin-left: 8.33333%;
    }
}
.hero--insights-listing--content--controls
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}
.hero--insights-listing--content .hero--insights-listing--title
{
    font-family: zuume-edge, sans-serif;
    font-weight: 700;
    line-height: 1;

    margin-bottom: 40px; 

    text-decoration: none;
    
    
    text-transform: uppercase;

    color: #fff;
}
.hero--insights-listing--content .hero--insights-listing--title
{
    font-size: 26px;
}
@media screen and (min-width: 544px)
{
    .hero--insights-listing--content .hero--insights-listing--title
    {
        font-size: 31px;
    }
}

.hero--insights-listing--content .hero--insights-listing--name
{
    font-family: "Archivo", serif;
    font-weight: 500;
    line-height: 1;

    margin-bottom: 40px; 

    text-decoration: none;


    color: #fff;
}
.hero--insights-listing--content .hero--insights-listing--name
{
    font-size: 40px;
}
@media screen and (min-width: 544px)
{
    .hero--insights-listing--content .hero--insights-listing--name
    {
        font-size: calc(40px + 20 * ((100vw - 544px) / 896));
    }
}
@media screen and (min-width: 1440px)
{
    .hero--insights-listing--content .hero--insights-listing--name
    {
        font-size: 60px;
    }
}
.hero--insights-listing--content .hero--insights-listing--blurb
{
    font-family: "Archivo", sans-serif;
    font-weight: 400;
    line-height: 1.9;

    width: 100%; 

    color: #fff;
}
.hero--insights-listing--content .hero--insights-listing--blurb
{
    font-size: 15px;
}
@media screen and (min-width: 544px)
{
    .hero--insights-listing--content .hero--insights-listing--blurb
    {
        font-size: calc(15px + 2 * ((100vw - 544px) / 896));
    }
}
@media screen and (min-width: 1440px)
{
    .hero--insights-listing--content .hero--insights-listing--blurb
    {
        font-size: 17px;
    }
}
.hero--insights-listing--content .hero--insights-listing--blurb a
{
    text-decoration: none; 

    color: #f8340d;
}
.hero--insights-listing--content .hero--insights-listing--blurb a:hover,
.hero--insights-listing--content .hero--insights-listing--blurb a:focus,
.hero--insights-listing--content .hero--insights-listing--blurb a:active
{
    color: #f8340d;
}
@media only screen and (min-width: 768px)
{
    .hero--insights-listing--content .hero--insights-listing--blurb
    {
        width: 83.33333%;
        margin-left: 30px;
    }
}
@media only screen and (min-width: 992px)
{
    .hero--insights-listing--content .hero--insights-listing--blurb
    {
        width: 58.33333%;
    }
}
.hero--insights-listing--image
{
    position: relative;
    z-index: 0; 

    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}
@media only screen and (max-width: 767px)
{
    .hero--insights-listing--image
    {
        margin-bottom: 40px;
    }
    .hero--insights-listing--image .slick-prev
    {
        position: absolute;
        top: 50%;
        left: 15px; 

        -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
    }
    .hero--insights-listing--image .slick-next
    {
        position: absolute;
        top: 50%;
        right: 15px; 

        -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
    }
}
@media only screen and (min-width: 768px)
{
    .hero--insights-listing--image
    {
        width: 41.66667%;
    }
}
@media only screen and (min-width: 992px)
{
    .hero--insights-listing--image
    {
        width: 33.33333%;
    }
}
.hero--insights-listing--image img
{
    opacity: 0;
    border-radius: 999px;
}
@media only screen and (min-width: 768px)
{
    .hero--insights-listing--image img
    {
        -webkit-transform: scale(.5) translateX(-10%) translateY(-10%);
                transform: scale(.5) translateX(-10%) translateY(-10%);
    }
}
body.ready .hero--insights-listing--image img
{
    -webkit-transition: opacity ease-in-out 1500ms, -webkit-transform cubic-bezier(.68, -.55, .265, 1.55) 1500ms;
            transition: opacity ease-in-out 1500ms, -webkit-transform cubic-bezier(.68, -.55, .265, 1.55) 1500ms;
            transition: transform cubic-bezier(.68, -.55, .265, 1.55) 1500ms, opacity ease-in-out 1500ms;
            transition: transform cubic-bezier(.68, -.55, .265, 1.55) 1500ms, opacity ease-in-out 1500ms, -webkit-transform cubic-bezier(.68, -.55, .265, 1.55) 1500ms;
    -webkit-transition-delay: 500ms;
            transition-delay: 500ms; 

    opacity: 1;
}
@media only screen and (min-width: 768px)
{
    body.ready .hero--insights-listing--image img
    {
        -webkit-transform: scale(1.6) translateX(-10%) translateY(-10%);
                transform: scale(1.6) translateX(-10%) translateY(-10%);
    }
}
@media only screen and (min-width: 992px)
{
    body.ready .hero--insights-listing--image img
    {
        -webkit-transform: scale(1.75) translateX(-10%) translateY(-10%);
                transform: scale(1.75) translateX(-10%) translateY(-10%);
    }
}

@media only screen and (min-width: 768px)
{
    .hero--insights-listing--slick-navigation--mobile
    {
        display: none;
    }
}

/*------------------*/
/* Hero News
/* MMGY Advertising
/*------------------*/
.hero--news
{
    position: relative;
    position: relative;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    width: 100%;
    max-width: 1600px;
    margin: 0 auto;
    padding: 100px 0 15px;
}
@media only screen and (min-width: 768px)
{
    .hero--news
    {
        padding-right: 45px; 
        padding-left: 45px;
    }
}
#bootstrap-grid-frame-jhbsdovu .hero--news
{
    display: block;
}
@media only screen and (min-width: 768px)
{
    .hero--news
    {
        padding: 180px 0 30px;
    }
}

.hero--news--content
{
    width: 100%;
    padding-right: 15px; 
    padding-left: 15px;
}
@media only screen and (min-width: 768px)
{
    .hero--news--content
    {
        width: 83.33333%;
        margin-left: 8.33333%;
    }
}
@media only screen and (min-width: 992px)
{
    .hero--news--content
    {
        width: 66.66667%;
        margin-left: 16.66667%;
    }
}

.hero--news--headline
{
    font-family: zuume-edge, sans-serif;
    font-weight: 700;
    line-height: 1;

    position: absolute;
    right: 0;

    -webkit-transform: translateY(-15px);
            transform: translateY(-15px); 
    text-decoration: none;
    text-transform: uppercase;

    color: rgba(167, 167, 167, .3);
}
.hero--news--headline
{
    font-size: 120px;
}
@media screen and (min-width: 544px)
{
    .hero--news--headline
    {
        font-size: calc(120px + 55 * ((100vw - 544px) / 896));
    }
}
@media screen and (min-width: 1440px)
{
    .hero--news--headline
    {
        font-size: 175px;
    }
}
@media only screen and (min-width: 544px)
{
    .hero--news--headline
    {
        right: 8.33333%;
    }
}

.hero--news--eyebrow
{
    font-family: "Archivo", sans-serif;
    font-weight: 700;
    line-height: 1;

    width: 100%;
    padding-right: 15px; 
    padding-left: 15px;

    text-decoration: none;
    
    
    text-transform: uppercase;

    color: #000;
}
.hero--news--eyebrow
{
    font-size: 16px;
}
@media screen and (min-width: 544px)
{
    .hero--news--eyebrow
    {
        font-size: calc(16px + 0 * ((100vw - 544px) / 896));
    }
}
@media screen and (min-width: 1440px)
{
    .hero--news--eyebrow
    {
        font-size: 16px;
    }
}

/*------------------*/
/* Hero Service
/* MMGY Advertising
/*------------------*/
.hero--service
{
    position: relative;

    width: 100%;
    max-width: 100%;
    margin: 0 auto;

    background-color: #141414;
}

.hero--service--container
{
    position: relative;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column; 

    width: 100%;
    max-width: 1600px;
    margin: 0 auto;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
}
@media only screen and (min-width: 768px)
{
    .hero--service--container
    {
        padding-right: 45px; 
        padding-left: 45px;
    }
}
#bootstrap-grid-frame-jhbsdovu .hero--service--container
{
    display: block;
}

.hero--service--content
{
    width: 100%;
    padding: 120px 0 30px; 
    padding-right: 15px;
    padding-left: 15px;
}
@media only screen and (min-width: 768px)
{
    .hero--service--content
    {
        width: 83.33333%;
        margin-left: 8.33333%;
    }
}
@media only screen and (min-width: 992px)
{
    .hero--service--content
    {
        width: 66.66667%;
        margin-left: 16.66667%;
    }
}

.hero--service--content--headline
{
    font-family: zuume-edge, sans-serif;
    font-weight: 700;
    line-height: 1;

    margin-bottom: 30px; 

    text-decoration: none;
    
    text-transform: uppercase;

    color: #fff;
}
.hero--service--content--headline
{
    font-size: 20px;
}
@media screen and (min-width: 544px)
{
    .hero--service--content--headline
    {
        font-size: calc(20px + 8 * ((100vw - 544px) / 896));
    }
}
@media screen and (min-width: 1440px)
{
    .hero--service--content--headline
    {
        font-size: 28px;
    }
}

.hero--service--content--tagline
{
    font-family: "Archivo", serif;
    font-weight: 500;
    line-height: 1;

    text-decoration: none;


    color: #fff;
}
.hero--service--content--tagline
{
    font-size: 40px;
}
@media screen and (min-width: 544px)
{
    .hero--service--content--tagline
    {
        font-size: calc(40px + 20 * ((100vw - 544px) / 896));
    }
}
@media screen and (min-width: 1440px)
{
    .hero--service--content--tagline
    {
        font-size: 60px;
    }
}

.hero--service--breadcrumb
{
    padding-bottom: 30px;

    text-align: right;
}
.hero--service--breadcrumb > li > a
{
    color: #fff;
}

/*-----------------------------*/
/* Hero Service Channel Listing
/* MMGY Advertising
/*-----------------------------*/
.hero--service-channel-listing--container
{
    position: relative;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    width: 100%;
    max-width: 1600px;
    margin: 0 auto;
    padding: 120px 0 30px;

    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
@media only screen and (min-width: 768px)
{
    .hero--service-channel-listing--container
    {
        padding-right: 45px; 
        padding-left: 45px;
    }
}
#bootstrap-grid-frame-jhbsdovu .hero--service-channel-listing--container
{
    display: block;
}
@media only screen and (min-width: 768px)
{
    .hero--service-channel-listing--container
    {
        padding: 180px 0 120px;
    }
}

.hero--service-channel-listing--header
{
    width: 100%;
    padding-right: 15px; 
    padding-left: 15px;
}
@media only screen and (min-width: 768px)
{
    .hero--service-channel-listing--header
    {
        width: 83.33333%;
        margin-left: 8.33333%;
    }
}

.hero--service-channel-listing--content
{
    width: 100%;
    padding-right: 15px; 
    padding-left: 15px;
}
@media only screen and (min-width: 768px)
{
    .hero--service-channel-listing--content
    {
        width: 83.33333%;
        margin-left: 8.33333%;
    }
}
@media only screen and (min-width: 992px)
{
    .hero--service-channel-listing--content
    {
        width: 58.33333%;
        margin-left: 8.33333%;
    }
}
.hero--service-channel-listing--content p
{
    font-family: "Archivo", sans-serif;
    font-weight: 400;
    line-height: 1.9;

    color: #fff;
}
.hero--service-channel-listing--content p
{
    font-size: 15px;
}
@media screen and (min-width: 544px)
{
    .hero--service-channel-listing--content p
    {
        font-size: calc(15px + 2 * ((100vw - 544px) / 896));
    }
}
@media screen and (min-width: 1440px)
{
    .hero--service-channel-listing--content p
    {
        font-size: 17px;
    }
}
.hero--service-channel-listing--content p a
{
    text-decoration: none; 

    color: #f8340d;
}
.hero--service-channel-listing--content p a:hover,
.hero--service-channel-listing--content p a:focus,
.hero--service-channel-listing--content p a:active
{
    color: #f8340d;
}

.hero--service-channel-listing--headline
{
    font-family: zuume-edge, sans-serif;
    font-weight: 700;
    line-height: 1;

    margin-bottom: 30px; 

    text-decoration: none;
    
    text-transform: uppercase;

    color: #fff;
}
.hero--service-channel-listing--headline
{
    font-size: 20px;
}
@media screen and (min-width: 544px)
{
    .hero--service-channel-listing--headline
    {
        font-size: calc(20px + 8 * ((100vw - 544px) / 896));
    }
}
@media screen and (min-width: 1440px)
{
    .hero--service-channel-listing--headline
    {
        font-size: 28px;
    }
}

.hero--service-channel-listing--tagline
{
    font-family: "Archivo", serif;
    font-weight: 500;
    line-height: 1;

    margin-bottom: 30px; 

    text-decoration: none;


    color: #fff;
}
.hero--service-channel-listing--tagline
{
    font-size: 40px;
}
@media screen and (min-width: 544px)
{
    .hero--service-channel-listing--tagline
    {
        font-size: calc(40px + 20 * ((100vw - 544px) / 896));
    }
}
@media screen and (min-width: 1440px)
{
    .hero--service-channel-listing--tagline
    {
        font-size: 60px;
    }
}

.hero--service-channel-listing--content
{
    font-family: "Archivo", serif;
    font-weight: 500;
    line-height: 1;

    text-decoration: none;


    color: #fff;
}
.hero--service-channel-listing--content
{
    font-size: 40px;
}
@media screen and (min-width: 544px)
{
    .hero--service-channel-listing--content
    {
        font-size: calc(40px + 20 * ((100vw - 544px) / 896));
    }
}
@media screen and (min-width: 1440px)
{
    .hero--service-channel-listing--content
    {
        font-size: 60px;
    }
}

.hero--service-channel-listing--listing
{
    width: 100%;
    margin-top: 30px; 
    padding: 0;
    padding-right: 15px;
    padding-left: 15px;

    list-style: none;
}
@media only screen and (min-width: 768px)
{
    .hero--service-channel-listing--listing
    {
        width: 83.33333%;
        margin-left: 8.33333%;
    }
}
@media only screen and (min-width: 992px)
{
    .hero--service-channel-listing--listing
    {
        width: 25%;
        margin-top: 0; 
        margin-left: 0;
    }
}
.hero--service-channel-listing--listing::before
{
    display: block;

    margin-bottom: 30px; 

    content: '';

    border-top: 1px solid #fff;
}
.hero--service-channel-listing--listing li
{
    margin-bottom: 15px;
}
.hero--service-channel-listing--listing li a
{
    font-family: zuume-edge, sans-serif;
    font-weight: 700;
    line-height: 1;

    text-decoration: none;
    
     
    text-transform: uppercase;

    color: #fff;
}
.hero--service-channel-listing--listing li a
{
    font-size: 16px;
}
@media screen and (min-width: 544px)
{
    .hero--service-channel-listing--listing li a
    {
        font-size: calc(16px + 0 * ((100vw - 544px) / 896));
    }
}
@media screen and (min-width: 1440px)
{
    .hero--service-channel-listing--listing li a
    {
        font-size: 16px;
    }
}
.hero--service-channel-listing--listing li a:hover,
.hero--service-channel-listing--listing li a:focus,
.hero--service-channel-listing--listing li a:active
{
    opacity: .7;
}

/*------------------*/
/* Hero Team
/* MMGY Advertising
/*------------------*/
.hero--team
{
    position: relative;

    width: 100%;
    max-width: 100%;
    margin: 0 auto;

    background-color: #fff;
    background-color: #141414;
}
.hero--team--container
{
    position: relative;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    max-width: 1600px;
    margin: 0 auto;
    padding-top: 120px;
    padding-bottom: 120px;
}
@media only screen and (min-width: 768px)
{
    .hero--team--container
    {
        padding-right: 45px; 
        padding-left: 45px;
    }
}
#bootstrap-grid-frame-jhbsdovu .hero--team--container
{
    display: block;
}
@media only screen and (max-width: 767px)
{
    .hero--team--container
    {
            flex-direction: column; 

        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
    }
}
.hero--team--content
{
    z-index: 1;

    width: 100%;
    padding-right: 15px; 
    padding-left: 15px;
}
@media only screen and (min-width: 768px)
{
    .hero--team--content
    {
        width: 58.33333%;
        margin-top: 100px;
    }
}
@media only screen and (min-width: 992px)
{
    .hero--team--content
    {
        width: 66.66667%;
        margin-top: 100px;
    }
}
@media only screen and (min-width: 1200px)
{
    .hero--team--content
    {
        width: 58.33333%;
        margin-left: 8.33333%;
    }
}
.hero--team--content p
{
    font-family: "Archivo", sans-serif;
    font-weight: 400;
    line-height: 1.9;

    color: #fff;
}
.hero--team--content p
{
    font-size: 15px;
}
@media screen and (min-width: 544px)
{
    .hero--team--content p
    {
        font-size: calc(15px + 2 * ((100vw - 544px) / 896));
    }
}
@media screen and (min-width: 1440px)
{
    .hero--team--content p
    {
        font-size: 17px;
    }
}
.hero--team--content p a
{
    text-decoration: none; 

    color: #f8340d;
}
.hero--team--content p a:hover,
.hero--team--content p a:focus,
.hero--team--content p a:active
{
    color: #f8340d;
}
.hero--team--sidebar
{
    width: 100%;
    padding-right: 15px; 
    padding-left: 15px;
}
@media only screen and (min-width: 768px)
{
    .hero--team--sidebar
    {
        width: 41.66667%;
    }
}
@media only screen and (min-width: 992px)
{
    .hero--team--sidebar
    {
        width: 33.33333%;
    }
}
@media only screen and (min-width: 1200px)
{
    .hero--team--sidebar
    {
        width: 25%;
    }
}

.hero--team--image--spacer
{
    position: relative;
    z-index: -9000; 

    -webkit-transform: scaleX(1.75);
            transform: scaleX(1.75);

    opacity: 0;
}
@media only screen and (max-width: 767px)
{
    .hero--team--image--spacer
    {
        display: none;
    }
}

.hero--team--image--fixed
{
    overflow: hidden;

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

    opacity: 0;
    border-radius: 999px;
}
@media only screen and (max-width: 767px)
{
    .hero--team--image--fixed
    {
        width: 83.33333%;
        margin: 0 auto;
    }
}
@media only screen and (min-width: 768px)
{
    .hero--team--image--fixed
    {
        position: fixed;
        z-index: 0;
    }
}
.hero--team--image--fixed::after
{
    position: absolute;
    top: 0;
    right: 0; 
    bottom: 0;
    left: 0;

    display: block;

    content: '';

    background: linear-gradient(56deg, rgba(0, 0, 0, .9) 0%, rgba(0, 0, 0, 0) 60%);
}

.hero--team--title
{
    font-family: zuume-edge, sans-serif;
    font-weight: 700;
    line-height: 1;

    margin-bottom: 40px; 

    text-decoration: none;
    
    
    text-transform: uppercase;

    color: #fff;
}
.hero--team--title
{
    font-size: 31px;
}

.hero--team--name
{
    font-family: "Archivo", serif;
    font-weight: 500;
    line-height: 1;

    margin-bottom: 40px; 

    text-decoration: none;


    color: #fff;
}
.hero--team--name
{
    font-size: 40px;
}
@media screen and (min-width: 544px)
{
    .hero--team--name
    {
        font-size: calc(40px + 20 * ((100vw - 544px) / 896));
    }
}
@media screen and (min-width: 1440px)
{
    .hero--team--name
    {
        font-size: 60px;
    }
}

.hero--team .nav-social
{
    margin-top: 60px; 

    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
.hero--team .nav-social li
{
    margin: 0 20px;
}
.hero--team .nav-social li.social--linkedin > a:hover,
.hero--team .nav-social li.social--linkedin > a:focus,
.hero--team .nav-social li.social--linkedin > a:active,
.hero--team .nav-social li.social--facebook > a:hover,
.hero--team .nav-social li.social--facebook > a:focus,
.hero--team .nav-social li.social--facebook > a:active,
.hero--team .nav-social li.social--instagram > a:hover,
.hero--team .nav-social li.social--instagram > a:focus,
.hero--team .nav-social li.social--instagram > a:active,
.hero--team .nav-social li.social--twitter > a:hover,
.hero--team .nav-social li.social--twitter > a:focus,
.hero--team .nav-social li.social--twitter > a:active,
.hero--team .nav-social li.social--email > a:hover,
.hero--team .nav-social li.social--email > a:focus,
.hero--team .nav-social li.social--email > a:active
{
    opacity: .7;
}
.hero--team .nav-social li.social--linkedin > a::after,
.hero--team .nav-social li.social--facebook > a::after,
.hero--team .nav-social li.social--instagram > a::after,
.hero--team .nav-social li.social--twitter > a::after,
.hero--team .nav-social li.social--email > a::after
{
    font-size: 30px; 

    color: #fff;
}
.hero--team .nav-social li:first-child
{
    margin-left: 0;
}

/*------------------*/
/* Hero Work
/* MMGY Advertising
/*------------------*/
.hero--work
{
    position: relative;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column; 

    max-width: 1600px;
    margin: 0 auto;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
}
@media only screen and (min-width: 768px)
{
    .hero--work
    {
        padding-right: 45px; 
        padding-left: 45px;
    }
}
#bootstrap-grid-frame-jhbsdovu .hero--work
{
    display: block;
}
.hero--work--content
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column;

    width: 100%;
    padding: 180px 0 30px; 

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
}
html.sr .hero--work--content
{
    visibility: hidden;
}
@media only screen and (min-width: 768px)
{
    .hero--work--content
    {
            flex-direction: row;

        padding: 180px 0 45px; 

        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
    }
}
.hero--work--content .hero--work--client
{
    font-family: zuume-edge, sans-serif;
    font-weight: 700;
    line-height: 1;

    width: 100%;
    margin-bottom: 30px;
    padding-right: 15px; 
    padding-left: 15px;

    text-decoration: none;
    
    text-transform: uppercase;
}
.hero--work--content .hero--work--client
{
    font-size: 20px;
}
@media screen and (min-width: 544px)
{
    .hero--work--content .hero--work--client
    {
        font-size: calc(20px + 8 * ((100vw - 544px) / 896));
    }
}
@media screen and (min-width: 1440px)
{
    .hero--work--content .hero--work--client
    {
        font-size: 28px;
    }
}
body.text-color-light .hero--work--content .hero--work--client
{
    color: #f8340d;
}
body.text-color-dark .hero--work--content .hero--work--client
{
    color: #f8340d;
}
@media only screen and (min-width: 992px)
{
    .hero--work--content .hero--work--client
    {
        width: 25%;
        margin-top: 25px; 
        margin-left: 8.33333%;
    }
}
@media only screen and (min-width: 1440px)
{
    .hero--work--content .hero--work--client
    {
        margin-left: 16.66667%;
    }
}
.hero--work--content .hero--work--tagline
{
    font-family: zuume-edge, sans-serif;
    font-weight: 700;
    line-height: 1;

    width: 100%;
    padding-right: 15px;
    padding-left: 15px;

    text-decoration: none; 

}
.hero--work--content .hero--work--tagline
{
    font-size: 40px;
}
@media screen and (min-width: 544px)
{
    .hero--work--content .hero--work--tagline
    {
        font-size: calc(40px + 20 * ((100vw - 544px) / 896));
    }
}
@media screen and (min-width: 1440px)
{
    .hero--work--content .hero--work--tagline
    {
        font-size: 60px;
    }
}
body.text-color-light .hero--work--content .hero--work--tagline
{
    color: #f8340d;
}
body.text-color-dark .hero--work--content .hero--work--tagline
{
    color: #f8340d;
}
@media only screen and (min-width: 992px)
{
    .hero--work--content .hero--work--tagline
    {
        width: 54.16667%;
        margin-left: 4.16667%;
    }
}
@media only screen and (min-width: 1440px)
{
    .hero--work--content .hero--work--tagline
    {
        width: 45.83333%;
    }
}

.hero--work--services
{
    width: 100%;
    padding: 0;
    padding-right: 15px; 
    padding-left: 15px;

    list-style: none;
}
@media only screen and (min-width: 992px)
{
    .hero--work--services
    {
        width: 54.16667%;
        margin-left: 37.5%;
    }
}
@media only screen and (min-width: 1440px)
{
    .hero--work--services
    {
        width: 45.83333%;
        margin-left: 45.83333%;
    }
}
.hero--work--services > li
{
    font-family: "Archivo", sans-serif;
    font-weight: 700;
    line-height: 1;

    display: inline-block;

    margin-right: 45px; 

    text-decoration: none;
    
    text-transform: uppercase;

    color: #fff;
}
.hero--work--services > li
{
    font-size: 12px;
}
@media screen and (min-width: 544px)
{
    .hero--work--services > li
    {
        font-size: calc(12px + 0 * ((100vw - 544px) / 896));
    }
}
@media screen and (min-width: 1440px)
{
    .hero--work--services > li
    {
        font-size: 12px;
    }
}
body.text-color-light .hero--work--services > li
{
    color: #fff;
}
body.text-color-dark .hero--work--services > li
{
    color: #000;
}

/*--------------------------*/
/* MMGY Advertising
/* Homepage Hero
/*--------------------------*/
.homepage-hero
{
    position: relative;
    z-index: 100; 

    width: 100vw;
    height: 300vh;
}
body[device=mobile] .homepage-hero,
body[device=tablet] .homepage-hero,
body[browser=Safari] .homepage-hero,
body[browser=IE] .homepage-hero
{
    height: 100vh;
}
.homepage-hero .homepage-hero--container
{
    width: 100vw;
    height: 100vh;
}
.homepage-hero img
{
    position: relative;
}
.homepage-hero img:not(html):not(body)
{
    width: 100%;
    height: 100%; 

    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center center;
       object-position: center center;
}

.homepage-hero--content
{
    position: absolute;
    z-index: 100; 
    top: 25vh;
    left: 30px;

    width: calc(100% - 60px);
}
.homepage-hero--content h1
{
    font-family: zuume-edge, sans-serif;
    font-weight: 700;
    line-height: 1;

    z-index: 100; 

    margin-bottom: 10vw;

    text-align: center;
    text-decoration: none;


    color: #fff;
}
.homepage-hero--content h1
{
    font-size: 48px;
}
@media screen and (min-width: 544px)
{
    .homepage-hero--content h1
    {
        font-size: calc(48px + 48 * ((100vw - 544px) / 896));
    }
}
@media screen and (min-width: 1440px)
{
    .homepage-hero--content h1
    {
        font-size: 96px;
    }
}
.homepage-hero--content h2
{
    font-family: zuume-edge, sans-serif;
    font-weight: 700;
    line-height: 1;

    z-index: 100; 

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

    color: #fff;
}
.homepage-hero--content h2
{
    font-size: 20px;
}
@media screen and (min-width: 544px)
{
    .homepage-hero--content h2
    {
        font-size: calc(20px + 4 * ((100vw - 544px) / 896));
    }
}
@media screen and (min-width: 1440px)
{
    .homepage-hero--content h2
    {
        font-size: 24px;
    }
}

.homepage-hero--trigger
{
    font-size: 0;

    position: fixed;
    z-index: 110; 
    top: calc(95vh - 90px);
    right: 10vw;

    width: 90px;
    height: 90px;

    -webkit-transition: -webkit-transform cubic-bezier(.68, -.55, .265, 1.55) 400ms;
            transition: -webkit-transform cubic-bezier(.68, -.55, .265, 1.55) 400ms;
            transition:         transform cubic-bezier(.68, -.55, .265, 1.55) 400ms;
            transition:         transform cubic-bezier(.68, -.55, .265, 1.55) 400ms, -webkit-transform cubic-bezier(.68, -.55, .265, 1.55) 400ms;

    border-radius: 999px;
    background-color: #fff;
}
body[device=mobile] .homepage-hero--trigger,
body[device=tablet] .homepage-hero--trigger,
body[browser=Safari] .homepage-hero--trigger
{
    top: unset;
    bottom: 30px;
}
.homepage-hero--trigger::after
{
    font-family: 'iconfont-mmgy';
    font-size: 20px;
    font-weight: 100;
    font-style: normal;
    font-variant: normal;
    line-height: 1;

    position: absolute;
    top: 50%;
    left: 50%;

    content: '';
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    text-transform: none;

    color: inherit;
    color: #000; 

    speak: none;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.homepage-hero--trigger:hover,
.homepage-hero--trigger:focus,
.homepage-hero--trigger:active
{
    -webkit-transition: -webkit-transform cubic-bezier(.68, -.55, .265, 1.55) 400ms;
            transition: -webkit-transform cubic-bezier(.68, -.55, .265, 1.55) 400ms;
            transition:         transform cubic-bezier(.68, -.55, .265, 1.55) 400ms;
            transition:         transform cubic-bezier(.68, -.55, .265, 1.55) 400ms, -webkit-transform cubic-bezier(.68, -.55, .265, 1.55) 400ms; 
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
}

/*--------------------------*/
/* MMGY Advertising
/* Homepage Marquee
/*--------------------------*/
.homepage-marquee
{
    position: fixed;
    z-index: 110;
    bottom: 0;

    width: 100vw;
    height: 100vh;

    background: radial-gradient(ellipse at center, black 0%, #141414 100%);

    -webkit-clip-path: circle(0vw at center);
            clip-path: circle(0vw at center);
}
body[device=mobile] .homepage-marquee,
body[device=tablet] .homepage-marquee,
body[browser=Safari] .homepage-marquee,
body[browser=IE] .homepage-marquee
{
    position: relative;
    bottom: unset;

    -webkit-clip-path: unset;
            clip-path: unset;
}

.homepage-marquee--item
{
    margin: 0;
    padding: 0; 

    list-style: none;
}
.homepage-marquee--item li
{
    position: relative;

    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
        flex-direction: column;

    width: 100vw;
    height: 100vh; 

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
body[device=mobile] .homepage-marquee--item li,
body[device=tablet] .homepage-marquee--item li
{
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
@media screen and (min-height: 800px)
{
    body[device=mobile] .homepage-marquee--item li,
    body[device=tablet] .homepage-marquee--item li
    {
        padding-bottom: 120px;
    }
}
.homepage-marquee--item li .homepage-marquee--item--taxonomy
{
    position: absolute;
    z-index: 140; 
    bottom: 8.33333%;
    left: 50%;

    display: block;
}
.homepage-marquee--item li .homepage-marquee--item--taxonomy:hover,
.homepage-marquee--item li .homepage-marquee--item--taxonomy:focus,
.homepage-marquee--item li .homepage-marquee--item--taxonomy:active
{
    opacity: .7;
}
body[device=mobile] .homepage-marquee--item li .homepage-marquee--item--taxonomy,
body[device=tablet] .homepage-marquee--item li .homepage-marquee--item--taxonomy
{
    bottom: 15px; 

    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
}
@media screen and (min-height: 800px)
{
    body[device=mobile] .homepage-marquee--item li .homepage-marquee--item--taxonomy,
    body[device=tablet] .homepage-marquee--item li .homepage-marquee--item--taxonomy
    {
        padding-bottom: 120px;
    }
}
.homepage-marquee--item li .homepage-marquee--item--taxonomy h2
{
    font-family: zuume-edge, sans-serif;
    font-weight: 700;
    line-height: 1;

    text-decoration: none;
    
     
    text-transform: uppercase;

    color: #fff;
}
.homepage-marquee--item li .homepage-marquee--item--taxonomy h2
{
    font-size: 60px;
}
@media screen and (min-width: 544px)
{
    .homepage-marquee--item li .homepage-marquee--item--taxonomy h2
    {
        font-size: calc(60px + 125 * ((100vw - 544px) / 896));
    }
}
@media screen and (min-width: 1440px)
{
    .homepage-marquee--item li .homepage-marquee--item--taxonomy h2
    {
        font-size: 185px;
    }
}

.homepage-marquee--item--content
{
    position: relative;
    position: absolute;
    z-index: 140; 
    bottom: 8.33333%;

    width: 100%;
    max-width: 1600px;
    margin: 0 auto;
    margin-left: 75px;

    *zoom: 1;
}
@media only screen and (min-width: 768px)
{
    .homepage-marquee--item--content
    {
        padding-right: 45px; 
        padding-left: 45px;
    }
}
.homepage-marquee--item--content::before,
.homepage-marquee--item--content::after
{
    display: table; 

    content: ' ';
}
.homepage-marquee--item--content::after
{
    clear: both;
}
#bootstrap-grid-frame-jhbsdovu .homepage-marquee--item--content
{
    display: block;
}
body[browser=IE] .homepage-marquee--item--content
{
    left: 0;
}
body[device=mobile] .homepage-marquee--item--content,
body[device=tablet] .homepage-marquee--item--content
{
    position: relative;
    bottom: unset;

    margin-top: 120px;
    margin-bottom: 60px;
    margin-left: 0;
    padding-right: 30px; 
    padding-left: 30px;

    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
}
@media screen and (max-height: 569px)
{
    body[device=mobile] .homepage-marquee--item--content,
    body[device=tablet] .homepage-marquee--item--content
    {
        margin-bottom: 30px;
    }
}
.homepage-marquee--item--content .homepage-marquee--item--details
{
    position: relative;
    z-index: 140; 

    display: block;

    width: 100%;
}
@media only screen and (min-width: 768px)
{
    .homepage-marquee--item--content .homepage-marquee--item--details
    {
        max-width: 20.83333%;
    }
}
.homepage-marquee--item--content h4
{
    font-family: "Archivo"   , sans-serif;
    font-weight: 700;
    line-height: 1;

    margin-bottom: 10px; 

    text-decoration: none;
    
    .3px;
    text-transform: uppercase;

    color: #fff;
}
.homepage-marquee--item--content h4
{
    font-size: 16px;
}
@media screen and (min-width: 544px)
{
    .homepage-marquee--item--content h4
    {
        font-size: calc(16px + 0 * ((100vw - 544px) / 896));
    }
}
@media screen and (min-width: 1440px)
{
    .homepage-marquee--item--content h4
    {
        font-size: 16px;
    }
}
.homepage-marquee--item--content h3
{
    font-family: "Archivo", serif;
    font-weight: 500;
    line-height: 1.25;

    margin-bottom: 15px; 

    text-decoration: none;
    0;

    color: #fff;
}
.homepage-marquee--item--content h3
{
    font-size: 24px;
}
@media screen and (min-width: 544px)
{
    .homepage-marquee--item--content h3
    {
        font-size: calc(24px + 6 * ((100vw - 544px) / 896));
    }
}
@media screen and (min-width: 1440px)
{
    .homepage-marquee--item--content h3
    {
        font-size: 30px;
    }
}

.homepage-marquee--item--focus
{
    position: relative;

    width: 80vh;
    max-width: 1000px;
    height: 80vh;
    max-height: 1000px;

    -webkit-transition: none;
            transition: none; 
    -webkit-transform: scale(0);
            transform: scale(0);

    opacity: 0;
}
body[device=mobile] .homepage-marquee--item--focus,
body[device=tablet] .homepage-marquee--item--focus,
body[browser=Safari] .homepage-marquee--item--focus,
body[browser=IE] .homepage-marquee--item--focus
{
    width: unset;
    height: unset;
    margin-bottom: 60px; 

    -webkit-transform: scale(1);
            transform: scale(1);

    opacity: 1;

    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
}
body[device=mobile] .homepage-marquee--item--focus img,
body[device=tablet] .homepage-marquee--item--focus img,
body[browser=Safari] .homepage-marquee--item--focus img,
body[browser=IE] .homepage-marquee--item--focus img
{
    max-width: 80vw;
    max-height: 80vh;
}

.homepage-marquee--item--trigger
{
    position: absolute;
    z-index: 999; 

    width: 6vw;
    max-width: 90px;
    height: 6vw;
    max-height: 90px;
    padding: 3vw;

    border-radius: 999px;
    background-color: #333132;
}
.homepage-marquee--item--trigger::after
{
    font-family: 'iconfont-mmgy';
    font-size: 20px;
    font-weight: 100;
    font-style: normal;
    font-variant: normal;
    line-height: 1;

    position: absolute;
    top: 50%;
    left: 50%;

    content: '';
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); 
    text-transform: none;

    color: inherit;
    color: #fff;

    speak: none;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
body[device=mobile] .homepage-marquee--item--trigger,
body[device=tablet] .homepage-marquee--item--trigger
{
    display: none;
}

.homepage-marquee--nav
{
    position: relative;
    position: absolute;
    z-index: 130; 
    bottom: 8.33333%;
    left: 50%;

    width: 100%;
    max-width: 1600px;
    margin: 0 auto;
    margin-bottom: 15px;

    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);

    *zoom: 1;
}
@media only screen and (min-width: 768px)
{
    .homepage-marquee--nav
    {
        padding-right: 45px; 
        padding-left: 45px;
    }
}
.homepage-marquee--nav::before,
.homepage-marquee--nav::after
{
    display: table; 

    content: ' ';
}
.homepage-marquee--nav::after
{
    clear: both;
}
#bootstrap-grid-frame-jhbsdovu .homepage-marquee--nav
{
    display: block;
}
body[device=mobile] .homepage-marquee--nav,
body[device=tablet] .homepage-marquee--nav
{
    bottom: 25%;
}

.homepage-marquee--controls
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column;

    width: 30px;
    padding-right: 15px;

    border-right: 1px solid #fff; 

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
}
body[device=mobile] .homepage-marquee--controls,
body[device=tablet] .homepage-marquee--controls
{
        flex-direction: row;

    width: 100%;
    padding-left: 15px; 

    border-right: none;

    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.homepage-marquee--controls button
{
    font-size: 0;

    position: relative;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    width: 20px;
    height: 35px;

    color: #fff;
    border: none; 
    background-color: transparent;

    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.homepage-marquee--controls button.marquee-prev::before
{
    font-family: 'iconfont-mmgy';
    font-size: 20px;
    font-weight: 100;
    font-style: normal;
    font-variant: normal;
    line-height: 1;

    content: '';
    text-transform: none;

    color: inherit;

    speak: none;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.homepage-marquee--controls button.marquee-next::before
{
    font-family: 'iconfont-mmgy';
    font-size: 20px;
    font-weight: 100;
    font-style: normal;
    font-variant: normal;
    line-height: 1;

    content: '';
    text-transform: none;

    color: inherit;

    speak: none;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.homepage-marquee--controls button::before
{
    position: absolute;
    top: 50%;
    left: 50%;

    -webkit-transition: color ease-in-out 300ms;
            transition: color ease-in-out 300ms; 
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
}
.homepage-marquee--controls button:hover::before,
.homepage-marquee--controls button:focus::before,
.homepage-marquee--controls button:active::before
{
    -webkit-transition: color ease-in-out 300ms;
            transition: color ease-in-out 300ms; 

    color: #e6e6e6;
}

/*-------------------*/
/* Insights Author
/* MMGY Advertising
/*-------------------*/
.insights-author
{
    position: relative;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; 

    max-width: 1600px;
    margin: 0 auto;
}
@media only screen and (min-width: 768px)
{
    .insights-author
    {
        padding-right: 45px; 
        padding-left: 45px;
    }
}
#bootstrap-grid-frame-jhbsdovu .insights-author
{
    display: block;
}

.insights-author--item
{
    width: 100%;
    margin-top: 30px;
    margin-bottom: 15px;
    padding-right: 15px; 
    padding-left: 15px;

    list-style: none;
}
@media only screen and (min-width: 992px)
{
    .insights-author--item
    {
        width: 83.33333%;
        margin-left: 8.33333%;
    }
}
@media only screen and (min-width: 1200px)
{
    .insights-author--item
    {
        width: 66.66667%;
        margin-left: 16.66667%;
    }
}
.insights-author--item:empty
{
    display: none;
}
.insights-author--item li
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    margin-bottom: 30px;
    padding: 30px;

    border: 1px solid #f4f4f4; 

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.insights-author--item li img
{
    max-width: 60px;
    margin-right: 30px; 

    border-radius: 999px;
}
.insights-author--item li .insights-author--details
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    width: 100%;
}
@media only screen and (max-width: 543px)
{
    .insights-author--item li .insights-author--details
    {
            flex-direction: column; 

        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
    }
}
@media only screen and (min-width: 544px)
{
    .insights-author--item li .insights-author--details
    {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}
.insights-author--item li .insights-author--details a
{
    font-size: 14px;
    font-size: 1.4rem;
}
@media only screen and (min-width: 544px)
{
    .insights-author--item li .insights-author--details a
    {
        margin-left: auto;
    }
}

/*----------------------*/
/* Insights Breadcrumb
/* MMGY Advertising
/*----------------------*/
.insights-breadcrumb
{
    position: relative;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; 

    max-width: 1600px;
    margin: 0 auto;
}
@media only screen and (min-width: 768px)
{
    .insights-breadcrumb
    {
        padding-right: 45px; 
        padding-left: 45px;
    }
}
#bootstrap-grid-frame-jhbsdovu .insights-breadcrumb
{
    display: block;
}
.insights-breadcrumb a
{
    font-size: 14px;
    font-size: 1.4rem;

    width: 100%;
    margin-bottom: 90px;
    padding-right: 15px; 
    padding-left: 15px;
}
@media only screen and (min-width: 992px)
{
    .insights-breadcrumb a
    {
        width: 83.33333%;
        margin-left: 8.33333%;
    }
}
@media only screen and (min-width: 1200px)
{
    .insights-breadcrumb a
    {
        width: 66.66667%;
        margin-left: 16.66667%;
    }
}

/*------------------*/
/* Insights Byline
/* MMGY Advertising
/*------------------*/
.insights-byline
{
    font-family: "Archivo", sans-serif;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 600;
    line-height: 1;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    width: 100%;

    text-decoration: none; 
    0;

    color: #a7a7a7;
}
@media only screen and (max-width: 543px)
{
    .insights-byline
    {
            flex-direction: column; 

        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
    }
}

.insights-byline--publish-date
{
    margin-right: 30px;
    margin-bottom: 15px; 

    white-space: nowrap;
}

.insights-byline--author
{
    font-family: "Archivo", sans-serif;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 600;
    line-height: 1;

    padding: 0;

    list-style: none;

    text-decoration: none; 


    color: #a7a7a7;
}
.insights-byline--author > li
{
    display: inline;
}
.insights-byline--author > li::after
{
    content: ', ';
}
.insights-byline--author > li:last-child::after
{
    content: '';
}

@media only screen and (min-width: 544px)
{
    .insights-byline--breadcrumb
    {
        margin-left: auto;
        padding-left: 30px;
    }
}

/*-------------------*/
/* Insights Labels
/* MMGY Advertising
/*-------------------*/
.insights-labels
{
    position: relative;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; 

    max-width: 1600px;
    margin: 0 auto;
}
@media only screen and (min-width: 768px)
{
    .insights-labels
    {
        padding-right: 45px; 
        padding-left: 45px;
    }
}
#bootstrap-grid-frame-jhbsdovu .insights-labels
{
    display: block;
}

.insights-labels--item
{
    width: 100%;
    margin-top: 30px;
    margin-bottom: 15px;
    padding-right: 15px; 
    padding-left: 15px;

    list-style: none;
}
@media only screen and (min-width: 992px)
{
    .insights-labels--item
    {
        width: 83.33333%;
        margin-left: 8.33333%;
    }
}
@media only screen and (min-width: 1200px)
{
    .insights-labels--item
    {
        width: 66.66667%;
        margin-left: 16.66667%;
    }
}
.insights-labels--item li
{
    display: inline-block;
}
.insights-labels--item li a
{
    font-size: 14px;
    font-size: 1.4rem; 

    display: block;

    margin: 0 7.5px 7.5px 0;
    padding: 5px 10px;

    color: #000;
    background-color: #f4f4f4;
}
.insights-labels--item li a:hover,
.insights-labels--item li a:focus,
.insights-labels--item li a:active
{
    background-color: #dbdbdb;
}

/*-------------------*/
/* Insights Listing
/* MMGY Advertising
/*-------------------*/
.insights-listing
{
    position: relative;

    max-width: 1600px;
    margin: 0 auto;

    *zoom: 1;
}
@media only screen and (min-width: 768px)
{
    .insights-listing
    {
        padding-right: 45px; 
        padding-left: 45px;
    }
}
.insights-listing::before,
.insights-listing::after
{
    display: table; 

    content: ' ';
}
.insights-listing::after
{
    clear: both;
}
#bootstrap-grid-frame-jhbsdovu .insights-listing
{
    display: block;
}

.insights-listing--item
{
    position: relative;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

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

    list-style: none;

    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
@media only screen and (min-width: 992px)
{
    .insights-listing--item
    {
        width: 83.33333%;
        margin-left: 8.33333%;
    }
}
.insights-listing--item > li.insight
{
    width: 100%;
    margin-bottom: 20px;
    padding-right: 15px;
    padding-left: 15px;

    opacity: 0;
}
@media only screen and (min-width: 768px)
{
    .insights-listing--item > li.insight
    {
        width: 33.33333%; 
        margin-bottom: 50px;
    }
}
body.ready .insights-listing--item > li.insight
{
    -webkit-transition: opacity ease-in-out 400ms;
            transition: opacity ease-in-out 400ms; 

    opacity: 1;
}
.insights-listing--item > li h2
{
    font-family: "Archivo", serif;
    font-weight: 500;
    line-height: 1.25;
    line-height: 1.25; 

    margin-top: 30px;

    text-decoration: none;


    color: #f8340d;
}
.insights-listing--item > li h2
{
    font-size: 24px;
}
@media screen and (min-width: 544px)
{
    .insights-listing--item > li h2
    {
        font-size: calc(24px + 6 * ((100vw - 544px) / 896));
    }
}
@media screen and (min-width: 1440px)
{
    .insights-listing--item > li h2
    {
        font-size: 30px;
    }
}
.insights-listing--item > li > a
{
    display: block;
}
.insights-listing--item > li > a img
{
    display: block;

    width: 100%;
}
.insights-listing--item > li.hide
{
    display: none;
}

.insights-listing--content
{
    padding: 0 15px;
}
@media only screen and (min-width: 768px)
{
    .insights-listing--content
    {
        padding: 0 15px 0 0;
    }
}

.insights-listing--more
{
    font-family: zuume-edge, sans-serif;
    font-weight: 700;
    line-height: 1;

    display: inline-block;

    margin: 0 auto 15px; 
    padding: 15px 40px;

    -webkit-transition: all cubic-bezier(.68, -.55, .265, 1.55) 300ms;
            transition: all cubic-bezier(.68, -.55, .265, 1.55) 300ms;
    text-align: center;
    text-decoration: none;
    
    text-transform: uppercase;

    opacity: 1;
    color: #000;
    color: #fff;
    border-width: 0;
    border-style: solid;
    border-color: #f8340d;
    border-radius: 4px;
    background-color: #f8340d;
}
.insights-listing--more
{
    font-size: 16px;
}
@media screen and (min-width: 544px)
{
    .insights-listing--more
    {
        font-size: 21px;
    }
}
@media screen and (min-width: 1440px)
{
    .insights-listing--more
    {
        font-size: 21px;
    }
}
.insights-listing--more:hover,
.insights-listing--more:focus,
.insights-listing--more.focus,
.insights-listing--more:active,
.insights-listing--more.active,
.open > .insights-listing--more.dropdown-toggle
{
    -webkit-transition: all cubic-bezier(.68, -.55, .265, 1.55) 300ms;
            transition: all cubic-bezier(.68, -.55, .265, 1.55) 300ms; 
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
    text-decoration: none;

    opacity: .7;
    color: #fff;
    border-color: #d52811;
}
.insights-listing--more:active,
.insights-listing--more.active,
.open > .insights-listing--more.dropdown-toggle
{
    -webkit-transition: all cubic-bezier(.68, -.55, .265, 1.55) 300ms;
            transition: all cubic-bezier(.68, -.55, .265, 1.55) 300ms; 

    background-image: none;
    -webkit-box-shadow: none;
            box-shadow: none;
}
.insights-listing--more.disabled,
.insights-listing--more.disabled:hover,
.insights-listing--more.disabled:focus,
.insights-listing--more.disabled.focus,
.insights-listing--more.disabled:active,
.insights-listing--more.disabled.active,
.insights-listing--more[disabled],
.insights-listing--more[disabled]:hover,
.insights-listing--more[disabled]:focus,
.insights-listing--more[disabled].focus,
.insights-listing--more[disabled]:active,
.insights-listing--more[disabled].active,
fieldset[disabled] .insights-listing--more,
fieldset[disabled] .insights-listing--more:hover,
fieldset[disabled] .insights-listing--more:focus,
fieldset[disabled] .insights-listing--more.focus,
fieldset[disabled] .insights-listing--more:active,
fieldset[disabled] .insights-listing--more.active
{
    border-color: #f69689; 
    background-color: #f69689;
}
.insights-listing--more .badge
{
    color: #f8340d;
    background-color: #fff;
}
body.text-color-light .insights-listing--more.btn__inherit
{
    color: #000;
}
body.text-color-dark .insights-listing--more.btn__inherit
{
    color: #fff;
}
.insights-listing--more.hide
{
    display: none;
}

/*--------------------------*/
/* Insights Listing Filters
/* MMGY Advertising
/*--------------------------*/
.insights-listing--filters
{
    position: relative;

    width: 100%;
    margin-bottom: 60px; 
    padding: 0;
    padding-right: 15px;
    padding-left: 15px;
}
@media only screen and (min-width: 992px)
{
    .insights-listing--filters
    {
        width: 83.33333%;
        margin-left: 8.33333%;
    }
}
.insights-listing--filters button
{
    font-family: "Archivo", sans-serif;
    font-weight: 400;
    line-height: 1.9;

    color: #000;
    border: none; 
    background-color: transparent;
}
.insights-listing--filters button
{
    font-size: 15px;
}
@media screen and (min-width: 544px)
{
    .insights-listing--filters button
    {
        font-size: calc(15px + 2 * ((100vw - 544px) / 896));
    }
}
@media screen and (min-width: 1440px)
{
    .insights-listing--filters button
    {
        font-size: 17px;
    }
}
.insights-listing--filters button a
{
    text-decoration: none; 

    color: #f8340d;
}
.insights-listing--filters button a:hover,
.insights-listing--filters button a:focus,
.insights-listing--filters button a:active
{
    color: #f8340d;
}
.insights-listing--filters button
{
    font-size: 12px;
}
@media screen and (min-width: 544px)
{
    .insights-listing--filters button
    {
        font-size: calc(12px + 2 * ((100vw - 544px) / 448));
    }
}
@media screen and (min-width: 992px)
{
    .insights-listing--filters button
    {
        font-size: 14px;
    }
}

.insights-listing--filters--wrapper
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column;

    width: 100%;
    padding: 30px 15px 0;

    border: 1px solid #f4f4f4;
    border-radius: 4px; 

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
}
@media only screen and (min-width: 768px)
{
    .insights-listing--filters--wrapper
    {
            flex-direction: row; 

        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
    }
}
@media only screen and (min-width: 992px)
{
    .insights-listing--filters--wrapper
    {
        padding: 60px 30px 0;
    }
}
.insights-listing--filters--wrapper > *
{
    min-width: 175px;
}

.insights-listing--filters--menu
{
    line-height: 1; 

    position: relative;

    margin: 0 15px;
    padding-top: 1px;
}
@media only screen and (min-width: 992px)
{
    .insights-listing--filters--menu
    {
        margin: 0 30px;
    }
}
.insights-listing--filters--menu > h6,
.insights-listing--filters--menu > button
{
    font-family: "Archivo", sans-serif;
    font-weight: 400;
    line-height: 1.9;
    line-height: 1;

    padding: 0;
    padding-bottom: 15px; 

    color: #a7a7a7;
}
.insights-listing--filters--menu > h6,
.insights-listing--filters--menu > button
{
    font-size: 15px;
}
@media screen and (min-width: 544px)
{
    .insights-listing--filters--menu > h6,
    .insights-listing--filters--menu > button
    {
        font-size: calc(15px + 2 * ((100vw - 544px) / 896));
    }
}
@media screen and (min-width: 1440px)
{
    .insights-listing--filters--menu > h6,
    .insights-listing--filters--menu > button
    {
        font-size: 17px;
    }
}
.insights-listing--filters--menu > h6 a,
.insights-listing--filters--menu > button a
{
    text-decoration: none; 

    color: #f8340d;
}
.insights-listing--filters--menu > h6 a:hover,
.insights-listing--filters--menu > h6 a:focus,
.insights-listing--filters--menu > h6 a:active,
.insights-listing--filters--menu > button a:hover,
.insights-listing--filters--menu > button a:focus,
.insights-listing--filters--menu > button a:active
{
    color: #f8340d;
}
.insights-listing--filters--menu > h6,
.insights-listing--filters--menu > button
{
    font-size: 12px;
}
@media screen and (min-width: 544px)
{
    .insights-listing--filters--menu > h6,
    .insights-listing--filters--menu > button
    {
        font-size: calc(12px + 2 * ((100vw - 544px) / 448));
    }
}
@media screen and (min-width: 992px)
{
    .insights-listing--filters--menu > h6,
    .insights-listing--filters--menu > button
    {
        font-size: 14px;
    }
}
@media only screen and (min-width: 768px)
{
    .insights-listing--filters--menu > h6,
    .insights-listing--filters--menu > button
    {
        padding-bottom: 45px;

        border-bottom: 1px solid transparent;
    }
}
@media only screen and (min-width: 992px)
{
    .insights-listing--filters--menu > h6,
    .insights-listing--filters--menu > button
    {
        padding-bottom: 45px;
    }
}
.insights-listing--filters--menu > h6
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.insights-listing--filters--menu > h6::after
{
    font-family: 'iconfont-mmgy';
    font-size: 6px;
    font-weight: 100;
    font-style: normal;
    font-variant: normal;
    line-height: 1;

    margin-left: auto; 

    content: '';
    text-transform: none;

    color: inherit;

    speak: none;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.insights-listing--filters--menu.is-active > h6,
.insights-listing--filters--menu.is-active > button
{
    color: #000;
}
@media only screen and (min-width: 768px)
{
    .insights-listing--filters--menu.is-active > h6,
    .insights-listing--filters--menu.is-active > button
    {
        padding-bottom: 45px;

        border-bottom: 1px solid #000;
    }
}
.insights-listing--filters--menu > ul
{
    position: absolute;
    z-index: 100; 
    top: 30px;
    left: 0;

    display: none;

    padding: 5px 10px;

    list-style: none;

    border: 1px solid #f4f4f4;
    background-color: #fff;
}
.insights-listing--filters--menu > ul li
{
    white-space: nowrap;
}
.insights-listing--filters--menu:hover > ul,
.insights-listing--filters--menu:focus > ul,
.insights-listing--filters--menu:active > ul
{
    display: block;
}

/*-------------------*/
/* Insights Next
/* MMGY Advertising
/*-------------------*/
.insights-next
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    width: 100%;
    margin-top: 30px;
    margin-bottom: 15px; 
    padding: 15px;
    padding-right: 15px;
    padding-left: 15px;

    border: 1px solid #f4f4f4;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media only screen and (min-width: 992px)
{
    .insights-next
    {
        width: 83.33333%;
        margin-left: 8.33333%;
    }
}
@media only screen and (min-width: 1200px)
{
    .insights-next
    {
        width: 66.66667%;
        margin-left: 16.66667%;
    }
}
.insights-next .insights-next--next-up
{
    margin-right: 30px; 
    margin-left: 15px;
}
.insights-next img
{
    max-width: 105px;
    margin-left: auto;
}

/*--------------*/
/* Logo Bar
/*--------------*/
.logobar
{
    position: relative;
    right: 50%;
    left: 50%;

    width: 100vw;
    max-width: 100vw;
    margin-right: -50vw;
    margin-left: -50vw;
    padding-top: 40px;
    padding-bottom: 40px;
}
.logobar--container
{
    position: relative;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column;

    max-width: 1600px;
    margin: 0 auto;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
@media only screen and (min-width: 768px)
{
    .logobar--container
    {
        padding-right: 45px; 
        padding-left: 45px;
    }
}
#bootstrap-grid-frame-jhbsdovu .logobar--container
{
    display: block;
}
@media only screen and (min-width: 768px)
{
    .logobar--container
    {
            flex-direction: row;

        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
}
.logobar a.logobar--mmgyglobal
{
    font-size: 0;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    margin-top: 15px;

    opacity: .6; 
    color: #fff;

    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media only screen and (max-width: 767px)
{
    .logobar a.logobar--mmgyglobal
    {
            flex-direction: column; 

        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
    }
}
.logobar a.logobar--mmgyglobal::before
{
    font-family: 'iconfont-mmgy';
    font-size: 14px;
    font-weight: 100;
    font-style: normal;
    font-variant: normal;
    line-height: 1;

    content: '';
    text-transform: none;

    color: inherit;

    speak: none;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.logobar a.logobar--mmgyglobal::after
{
    display: inline-block;

    width: 20px;
    height: 1px;
    margin: 20px 0;

    content: '';

    border-bottom: 1px solid rgba(255, 255, 255, .6);
}
@media only screen and (min-width: 768px)
{
    .logobar a.logobar--mmgyglobal::after
    {
        width: 1px;
        height: 20px;
        margin: 0 20px 0 40px;

        border-right: 1px solid rgba(255, 255, 255, .6);
    }
}
.logobar a.logobar--mmgyglobal:hover,
.logobar a.logobar--mmgyglobal:focus,
.logobar a.logobar--mmgyglobal:active
{
    -webkit-transition: all cubic-bezier(.68, -.55, .265, 1.55) 300ms;
            transition: all cubic-bezier(.68, -.55, .265, 1.55) 300ms; 

    opacity: 1;
}
.logobar .nav-logobar
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column;

    margin: 0;
    padding: 0; 

    list-style: none;

    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
@media only screen and (min-width: 768px)
{
    .logobar .nav-logobar
    {
            flex-direction: row; 

        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
    }
}
.logobar .nav-logobar li
{
    line-height: 1;

    position: relative;

    margin: 0 0 40px;

    -webkit-transition: all cubic-bezier(.68, -.55, .265, 1.55) 300ms;
            transition: all cubic-bezier(.68, -.55, .265, 1.55) 300ms; 

    opacity: .6;
}
@media only screen and (min-width: 768px)
{
    .logobar .nav-logobar li
    {
        margin: 0 20px 20px;
    }
}
.logobar .nav-logobar li:last-child
{
    margin-right: 0;
}
@media only screen and (max-width: 767px)
{
    .logobar .nav-logobar li:last-child
    {
        margin-bottom: 0;
    }
}
.logobar .nav-logobar li.logobar--mmgy > a::after
{
    font-family: 'iconfont-mmgy';
    font-size: 44px;
    font-weight: 100;
    font-style: normal;
    font-variant: normal;
    line-height: 1;

    content: '';
    text-transform: none;

    color: inherit;

    speak: none;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.logobar .nav-logobar li.logobar--dkshifflet > a::after
{
    font-family: 'iconfont-mmgy';
    font-size: 12px;
    font-weight: 100;
    font-style: normal;
    font-variant: normal;
    line-height: 1;

    content: '';
    text-transform: none;

    color: inherit;

    speak: none;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.logobar .nav-logobar li.logobar--njf > a::after
{
    font-family: 'iconfont-mmgy';
    font-size: 20px;
    font-weight: 100;
    font-style: normal;
    font-variant: normal;
    line-height: 1;

    content: '';
    text-transform: none;

    color: inherit;

    speak: none;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.logobar .nav-logobar li.logobar--hillsbalfour > a::after
{
    font-family: 'iconfont-mmgy';
    font-size: 33px;
    font-weight: 100;
    font-style: normal;
    font-variant: normal;
    line-height: 1;

    content: '';
    text-transform: none;

    color: inherit;

    speak: none;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.logobar .nav-logobar li.logobar--myriad > a::after
{
    font-family: 'iconfont-mmgy';
    font-size: 24px;
    font-weight: 100;
    font-style: normal;
    font-variant: normal;
    line-height: 1;

    content: '';
    text-transform: none;

    color: inherit;

    speak: none;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.logobar .nav-logobar li.logobar--grifco > a::after
{
    font-family: 'iconfont-mmgy';
    font-size: 20px;
    font-weight: 100;
    font-style: normal;
    font-variant: normal;
    line-height: 1;

    content: '';
    text-transform: none;

    color: inherit;

    speak: none;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.logobar .nav-logobar li.logobar--ophir > a::after
{
    font-family: 'iconfont-mmgy';
    font-size: 24px;
    font-weight: 100;
    font-style: normal;
    font-variant: normal;
    line-height: 1;

    content: '';
    text-transform: none;

    color: inherit;

    speak: none;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.logobar .nav-logobar li.current_site
{
    opacity: 1;
}
.logobar .nav-logobar li:hover,
.logobar .nav-logobar li:focus,
.logobar .nav-logobar li:active
{
    -webkit-transition: all cubic-bezier(.68, -.55, .265, 1.55) 300ms;
            transition: all cubic-bezier(.68, -.55, .265, 1.55) 300ms; 

    opacity: 1;
}
.logobar .nav-logobar li a
{
    font-size: 0;

    position: relative;

    color: #fff;
}

/*--------------------------*/
/* MMGY Travels
/* MMGY Advertising
/*--------------------------*/
.mmgytravels
{
    position: relative;

    width: 100%;
    max-width: 100%;
    margin: 0 auto;

    background-color: #fff;
    background-color: #f8340d;
}

.mmgytravels--item
{
    font-size: 0; 

    position: relative;

    padding: 0;

    list-style: none;
}
@media only screen and (min-width: 768px)
{
    .mmgytravels--item
    {
        height: calc((1600vw * 100) / 1600);
        height: calc((991vw * 100) / 1600);
    }
}
@media only screen and (min-width: 768px)
{
    .mmgytravels--item > li > div
    {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
    }
}
.mmgytravels--item > li > div.fadeout
{
    -webkit-animation: travels-fadeout 1500ms forwards;
            animation: travels-fadeout 1500ms forwards;
}
.mmgytravels--item > li > div.loading
{
    -webkit-animation: travels-fadein 1500ms forwards;
            animation: travels-fadein 1500ms forwards;
}
.mmgytravels--item > li > div.ready
{
    -webkit-animation: travels-fadein 1500ms forwards;
            animation: travels-fadein 1500ms forwards;
}
.mmgytravels--item > li > div img:not(html):not(body)
{
    width: 100%;
    height: 100%; 

    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center center;
       object-position: center center;
}
@media only screen and (min-width: 768px)
{
    .mmgytravels--item > li:nth-child(1)
    {
        position: absolute;
        top: calc((0vw * 100) / 1600);
        left: calc((0vw * 100) / 1600);

        width: calc((551vw * 100) / 1600);
        height: calc((496vw * 100) / 1600);
    }
    .mmgytravels--item > li:nth-child(2)
    {
        position: absolute;
        top: calc((0vw * 100) / 1600);
        left: calc((551vw * 100) / 1600);

        width: calc((586vw * 100) / 1600);
        height: calc((496vw * 100) / 1600);
    }
    .mmgytravels--item > li:nth-child(3)
    {
        position: absolute;
        top: calc((0vw * 100) / 1600);
        left: calc((1137vw * 100) / 1600);

        width: calc((463vw * 100) / 1600);
        height: calc((744vw * 100) / 1600);
    }
    .mmgytravels--item > li:nth-child(4)
    {
        position: absolute;
        top: calc((496vw * 100) / 1600);
        left: calc((0vw * 100) / 1600);

        width: calc((742vw * 100) / 1600);
        height: calc((495vw * 100) / 1600);
    }
    .mmgytravels--item > li:nth-child(5)
    {
        position: absolute;
        top: calc((496vw * 100) / 1600);
        left: calc((742vw * 100) / 1600);

        width: calc((396vw * 100) / 1600);
        height: calc((495vw * 100) / 1600);
    }
    .mmgytravels--item > li:nth-child(6)
    {
        position: absolute;
        top: calc((744vw * 100) / 1600);
        left: calc((1138vw * 100) / 1600);

        width: calc((462vw * 100) / 1600);
        height: calc((247vw * 100) / 1600);
    }
}
@media only screen and (max-width: 767px)
{
    .mmgytravels--item > li
    {
        width: auto;
        height: auto;
    }
    .mmgytravels--item > li > div
    {
        width: 100vw;
        height: 70vw;
    }
}
.mmgytravels--item > li a
{
    font-family: zuume-edge, sans-serif;
    font-weight: 700;
    line-height: 1;

    display: block;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    width: 100%;
    height: 100%;

    text-decoration: none;
    
    
    text-transform: uppercase;

    color: #fff;
    background-color: #f8340d;

    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.mmgytravels--item > li a
{
    font-size: 28px;
}

@media screen and (min-width: 768px)
{
    .mmgytravels--item > li a
    {
        font-size: 38px;
    }
}
@media screen and (min-width: 1500px)
{
    .mmgytravels--item > li a
    {
        font-size: 86px;
    }
}
@media only screen and (max-width: 767px)
{
    .mmgytravels--item > li a
    {
        padding: 30px;
    }
}
.mmgytravels--item > li a:hover,
.mmgytravels--item > li a:focus,
.mmgytravels--item > li a:active
{
    background-color: #a61f0d;
}

@-webkit-keyframes travels-fadein
{
    0%
    {
        opacity: 0;
    }
    100%
    {
        opacity: 1;
    }
}

@keyframes travels-fadein
{
    0%
    {
        opacity: 0;
    }
    100%
    {
        opacity: 1;
    }
}

@-webkit-keyframes travels-fadeout
{
    0%
    {
        opacity: 1;
    }
    100%
    {
        opacity: 0;
    }
}

@keyframes travels-fadeout
{
    0%
    {
        opacity: 1;
    }
    100%
    {
        opacity: 0;
    }
}

/*--------------*/
/* Nav Primary
/*--------------*/
.nav-primary
{
    position: fixed;
    z-index: 750; 
    top: 0;
    right: 0;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow-y: scroll;
        flex-direction: column;

    width: calc(100vw);
    height: 100%;

    -webkit-transform: translateX(-200%);
            transform: translateX(-200%);

    opacity: 0;
    background-color: #141414;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media only screen and (max-width: 767px)
{
    .nav-primary
    {
        padding-top: 90px; 
        padding-bottom: 45px;
    }
}
@media only screen and (min-width: 768px)
{
    .nav-primary
    {
        width: calc(80vw);
        padding-top: 120px;
    }
}
@media only screen and (min-width: 992px)
{
    .nav-primary
    {
        padding-top: 150px;
    }
}
body.admin-bar .nav-primary
{
    top: 32px;
}
html.nav-open .nav-primary
{
    -webkit-animation: fade 750ms forwards;
            animation: fade 750ms forwards;
}
html.nav-open body[browser=Firefox] .nav-primary
{
    -webkit-animation-duration: 0ms;
            animation-duration: 0ms;
}
html.nav-open.nav-closing .nav-primary
{
    -webkit-animation: fadeout 750ms forwards;
            animation: fadeout 750ms forwards;
}
html.nav-open.nav-closing body[browser=Firefox] .nav-primary
{
    -webkit-animation-duration: 0ms;
            animation-duration: 0ms;
}
.nav-primary .site--logo
{
    font-size: 0;

    position: absolute;
    z-index: 9000; 
    top: 0;
    left: 15px;

    margin-top: 20px;
    padding-right: 15px;
    padding-left: 15px;

    -webkit-transition: all ease-in-out 300ms;
            transition: all ease-in-out 300ms;
}
@media only screen and (min-width: 544px)
{
    .nav-primary .site--logo
    {
        left: 45px;
    }
}
.nav-primary .site--logo::before
{
    font-family: 'iconfont-mmgy';
    font-size: 50px;
    font-weight: 100;
    font-style: normal;
    font-variant: normal;
    line-height: 1;

    display: inline-block; 

    content: '';
    -webkit-transition: color ease-in-out 400ms;
            transition: color ease-in-out 400ms;
    text-transform: none;

    color: inherit;
    color: #fff;

    speak: none;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
@media only screen and (min-width: 768px)
{
    .nav-primary .site--logo::before
    {
        font-size: 80px;
        font-size: 8rem;
    }
}
.nav-primary .site--logo:hover::before,
.nav-primary .site--logo:focus::before,
.nav-primary .site--logo:active::before
{
    -webkit-transition: color ease-in-out 400ms;
            transition: color ease-in-out 400ms; 

    color: #f8340d;
}
.nav-primary > ul.menu
{
    width: 100%;
    padding: 0;
    padding: 0 30px; 

    list-style: none;
}
@media only screen and (min-width: 544px)
{
    .nav-primary > ul.menu
    {
        padding: 0 30px 0 60px;
    }
}
@media only screen and (min-width: 768px)
{
    .nav-primary > ul.menu
    {
        padding: 0 30px 0 90px; 

        -webkit-column-count: 2;
           -moz-column-count: 2;
                column-count: 2;
    }
}
@media only screen and (min-width: 992px)
{
    .nav-primary > ul.menu
    {
        padding: 0 30px 0 120px;
    }
}
.nav-primary > ul.menu > li
{
    padding: 5px 90px 0 0;

    opacity: 0;
}
@media only screen and (min-width: 768px)
{
    .nav-primary > ul.menu > li
    {
        padding: 15px 90px 15px 0;
    }
}
html.nav-open .nav-primary > ul.menu > li
{
    -webkit-transition: all ease-in-out 400ms;
            transition: all ease-in-out 400ms; 
    -webkit-transform: translateY(0px) scale(1);
            transform: translateY(0px) scale(1);

    opacity: 1;
}
html.nav-open .nav-primary > ul.menu > li:nth-of-type(2)
{
    -webkit-transition-delay: .1s;
            transition-delay: .1s;
}
html.nav-open .nav-primary > ul.menu > li:nth-of-type(3)
{
    -webkit-transition-delay: .2s;
            transition-delay: .2s;
}
html.nav-open .nav-primary > ul.menu > li:nth-of-type(4)
{
    -webkit-transition-delay: .3s;
            transition-delay: .3s;
}
html.nav-open .nav-primary > ul.menu > li:nth-of-type(5)
{
    -webkit-transition-delay: .4s;
            transition-delay: .4s;
}
html.nav-open .nav-primary > ul.menu > li:nth-of-type(6)
{
    -webkit-transition-delay: .5s;
            transition-delay: .5s;
}
html.nav-open .nav-primary > ul.menu > li:nth-of-type(7)
{
    -webkit-transition-delay: .6s;
            transition-delay: .6s;
}
html.nav-open .nav-primary > ul.menu > li:nth-of-type(8)
{
    -webkit-transition-delay: .7s;
            transition-delay: .7s;
}
html.nav-open .nav-primary > ul.menu > li:nth-of-type(9)
{
    -webkit-transition-delay: .8s;
            transition-delay: .8s;
}
html.nav-open .nav-primary > ul.menu > li:nth-of-type(10)
{
    -webkit-transition-delay: .9s;
            transition-delay: .9s;
}
html.nav-open.nav-closing .nav-primary > ul.menu > li
{
    -webkit-transition: all ease-in-out 400ms;
            transition: all ease-in-out 400ms; 

    opacity: 0;
}
.nav-primary > ul.menu > li > a
{
    font-family: zuume-edge, sans-serif;
    font-weight: 700;
    line-height: 1;

    text-decoration: none;
    
    text-transform: uppercase;

    color: #fff;
}
.nav-primary > ul.menu > li > a
{
    font-size: 38px;
}
@media screen and (min-width: 544px)
{
    .nav-primary > ul.menu > li > a
    {
        font-size: calc(38px + 22 * ((100vw - 544px) / 896));
    }
}
@media screen and (min-width: 1440px)
{
    .nav-primary > ul.menu > li > a
    {
        font-size: 60px;
    }
}
.nav-primary > ul.menu > li > a:hover,
.nav-primary > ul.menu > li > a:focus,
.nav-primary > ul.menu > li > a:active
{
    color: #f8340d;
}

@-webkit-keyframes fade
{
    0%
    {
        -webkit-transform: translateX(100%);
                transform: translateX(100%); 

        opacity: 0;
    }
    100%
    {
        -webkit-transform: translateX(0%);
                transform: translateX(0%); 

        opacity: 1;
    }
}

@keyframes fade
{
    0%
    {
        -webkit-transform: translateX(100%);
                transform: translateX(100%); 

        opacity: 0;
    }
    100%
    {
        -webkit-transform: translateX(0%);
                transform: translateX(0%); 

        opacity: 1;
    }
}

@-webkit-keyframes fadeout
{
    0%
    {
        -webkit-transform: translateX(0%);
                transform: translateX(0%); 

        opacity: 1;
    }
    100%
    {
        -webkit-transform: translateX(100%);
                transform: translateX(100%); 

        opacity: 0;
    }
}

@keyframes fadeout
{
    0%
    {
        -webkit-transform: translateX(0%);
                transform: translateX(0%); 

        opacity: 1;
    }
    100%
    {
        -webkit-transform: translateX(100%);
                transform: translateX(100%); 

        opacity: 0;
    }
}

.nav-primary--secondary
{
    position: relative;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    width: 100%;
    max-width: 1600px;
    margin: 0 auto;

    opacity: 0;
}
@media only screen and (min-width: 768px)
{
    .nav-primary--secondary
    {
        padding-right: 45px; 
        padding-left: 45px;
    }
}
#bootstrap-grid-frame-jhbsdovu .nav-primary--secondary
{
    display: block;
}
@media only screen and (min-width: 768px)
{
    .nav-primary--secondary
    {
        margin-top: 60px;
    }
}
@media only screen and (min-width: 992px)
{
    .nav-primary--secondary
    {
        margin-top: 90px;
        margin-bottom: 60px;
    }
}
@media only screen and (min-width: 1200px)
{
    .nav-primary--secondary
    {
        margin-top: 120px;
    }
}
@media only screen and (max-width: 767px)
{
    .nav-primary--secondary
    {
            flex-direction: column; 

        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
    }
}
html.nav-open .nav-primary--secondary
{
    -webkit-transition: all ease-in-out 400ms;
            transition: all ease-in-out 400ms;
    -webkit-transition-delay: 700ms;
            transition-delay: 700ms; 

    opacity: 1;
}
.nav-primary--secondary--container
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    width: 100%;
    padding: 0 30px;

    list-style: none; 

    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
@media only screen and (min-width: 544px)
{
    .nav-primary--secondary--container
    {
        padding: 0 60px;
    }
}
@media only screen and (min-width: 768px)
{
    .nav-primary--secondary--container
    {
        width: 50%;
    }
}
.nav-primary--secondary--container a
{
    font-family: "Archivo", sans-serif;
    font-weight: 700;
    line-height: 1;

    margin: 0 30px 0 0; 

    text-decoration: none;
    
    
    text-transform: uppercase;

    color: #fff;
}
.nav-primary--secondary--container a
{
    font-size: 16px;
}
@media screen and (min-width: 544px)
{
    .nav-primary--secondary--container a
    {
        font-size: calc(16px + 0 * ((100vw - 544px) / 896));
    }
}
@media screen and (min-width: 1440px)
{
    .nav-primary--secondary--container a
    {
        font-size: 16px;
    }
}
.nav-primary--secondary--container a:hover,
.nav-primary--secondary--container a:focus,
.nav-primary--secondary--container a:active
{
    text-decoration: none; 

    color: #f8340d;
}
.nav-primary--secondary .nav-social
{
    width: 100%;
    margin-bottom: 45px;
    padding: 0 30px;

    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
@media only screen and (min-width: 544px)
{
    .nav-primary--secondary .nav-social
    {
        padding: 0 60px;
    }
}
@media only screen and (min-width: 768px)
{
    .nav-primary--secondary .nav-social
    {
        width: 50%;

        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}
.nav-primary--secondary .nav-social a
{
    color: #fff;
}
.nav-primary--secondary .nav-social a:hover,
.nav-primary--secondary .nav-social a:focus,
.nav-primary--secondary .nav-social a:active
{
    color: #f8340d;
}

/*--------------*/
/* Nav Social
/*--------------*/
.nav-social
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: row;

    margin: 0;
    padding: 0; 

    list-style: none;

    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
.nav-social li
{
    line-height: 1; 

    position: relative;

    margin: 0 30px 0 0;
}
.nav-social li:last-child
{
    margin-right: 0;
}
.nav-social li.social--linkedin > a::after
{
    font-family: 'iconfont-mmgy';
    font-size: 20px;
    font-weight: 100;
    font-style: normal;
    font-variant: normal;
    line-height: 1;

    content: '';
    text-transform: none;

    color: inherit;

    speak: none;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.nav-social li.social--facebook > a::after
{
    font-family: 'iconfont-mmgy';
    font-size: 20px;
    font-weight: 100;
    font-style: normal;
    font-variant: normal;
    line-height: 1;

    content: '';
    text-transform: none;

    color: inherit;

    speak: none;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.nav-social li.social--instagram > a::after
{
    font-family: 'iconfont-mmgy';
    font-size: 20px;
    font-weight: 100;
    font-style: normal;
    font-variant: normal;
    line-height: 1;

    content: '';
    text-transform: none;

    color: inherit;

    speak: none;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.nav-social li.social--twitter > a::after
{
    font-family: 'iconfont-mmgy';
    font-size: 20px;
    font-weight: 100;
    font-style: normal;
    font-variant: normal;
    line-height: 1;

    content: '';
    text-transform: none;

    color: inherit;

    speak: none;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.nav-social li.social--email > a::after
{
    font-family: 'iconfont-mmgy';
    font-size: 20px;
    font-weight: 100;
    font-style: normal;
    font-variant: normal;
    line-height: 1;

    content: '';
    text-transform: none;

    color: inherit;

    speak: none;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.nav-social li a
{
    font-size: 0; 

    position: relative;
}

/*----------------------*/
/* News Meta
/* MMGY Advertising
/*----------------------*/
.news--meta
{
    position: relative;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    max-width: 1600px;
    margin: 0 auto;
    margin-top: -100px;
}
@media only screen and (min-width: 768px)
{
    .news--meta
    {
        padding-right: 45px; 
        padding-left: 45px;
    }
}
#bootstrap-grid-frame-jhbsdovu .news--meta
{
    display: block;
}
.news--meta .news--date
{
    font-size: 14px;
    font-size: 1.4rem;

    width: 100%;
    padding-right: 15px;
    padding-left: 15px;

    color: #a7a7a7;
}
@media only screen and (min-width: 768px)
{
    .news--meta .news--date
    {
        width: 41.66667%;
        margin-left: 8.33333%;
    }
}
@media only screen and (min-width: 992px)
{
    .news--meta .news--date
    {
        width: 33.33333%;
        margin-left: 16.66667%;
    }
}
.news--meta .news--breadcrumb
{
    font-size: 14px;
    font-size: 1.4rem;

    width: 100%;
    padding-right: 15px;
    padding-left: 15px;

    text-align: right;
}
@media only screen and (min-width: 768px)
{
    .news--meta .news--breadcrumb
    {
        width: 41.66667%;
    }
}
@media only screen and (min-width: 992px)
{
    .news--meta .news--breadcrumb
    {
        width: 33.33333%;
    }
}

/*----------------------*/
/* News Tiles
/*----------------------*/
.news--tile
{
    position: relative;
    position: relative;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column;

    width: 100%;
    max-width: 1600px;
    margin: 0 auto;
    padding: 100px 0 15px; 

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
}
@media only screen and (min-width: 768px)
{
    .news--tile
    {
        padding-right: 45px; 
        padding-left: 45px;
    }
}
#bootstrap-grid-frame-jhbsdovu .news--tile
{
    display: block;
}
@media only screen and (min-width: 768px)
{
    .news--tile
    {
        padding: 0 0 30px;
    }
}

.news--tile--item
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    width: 100%;
    margin-bottom: 30px;
    padding: 0; 
    padding-right: 15px;
    padding-left: 15px;

    list-style: none;

    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
@media only screen and (min-width: 768px)
{
    .news--tile--item
    {
        width: 83.33333%;
        margin-left: 8.33333%;
    }
}
@media only screen and (min-width: 992px)
{
    .news--tile--item
    {
        width: 66.66667%;
        margin-left: 16.66667%;
    }
}
.news--tile--item > li
{
    width: 100%;
    margin-bottom: 30px; 
    padding-right: 15px;
    padding-left: 15px;
}
@media only screen and (min-width: 544px)
{
    .news--tile--item > li
    {
        width: 50%;
        margin-bottom: 60px;
    }
}
@media only screen and (min-width: 768px)
{
    .news--tile--item > li
    {
        width: 33.33333%;
    }
}
.news--tile--item > li::before
{
    display: block;

    width: 100%;
    height: 1px;
    margin-bottom: 30px;

    content: '';

    background-color: rgba(167, 167, 167, .5);
}
@media only screen and (min-width: 544px)
{
    .news--tile--item > li:nth-child(1),
    .news--tile--item > li:nth-child(2)
    {
        width: 100%;
    }
}
@media only screen and (min-width: 768px)
{
    .news--tile--item > li:nth-child(1),
    .news--tile--item > li:nth-child(2)
    {
        width: 100%;
    }
}
.news--tile--item > li:nth-child(1)::before,
.news--tile--item > li:nth-child(2)::before
{
    content: none;
}
.news--tile--item > li:nth-child(1) .news--tile--headline,
.news--tile--item > li:nth-child(2) .news--tile--headline
{
    font-family: "Archivo", serif;
    font-weight: 700;
    line-height: 1;

    text-decoration: none;


    color: #f8340d;
}
.news--tile--item > li:nth-child(1) .news--tile--headline,
.news--tile--item > li:nth-child(2) .news--tile--headline
{
    font-size: 40px;
}
@media screen and (min-width: 544px)
{
    .news--tile--item > li:nth-child(1) .news--tile--headline,
    .news--tile--item > li:nth-child(2) .news--tile--headline
    {
        font-size: calc(40px + 20 * ((100vw - 544px) / 896));
    }
}
@media screen and (min-width: 1440px)
{
    .news--tile--item > li:nth-child(1) .news--tile--headline,
    .news--tile--item > li:nth-child(2) .news--tile--headline
    {
        font-size: 60px;
    }
}
.news--tile--item > li:nth-child(1) .news--tile--headline:hover,
.news--tile--item > li:nth-child(1) .news--tile--headline:focus,
.news--tile--item > li:nth-child(1) .news--tile--headline:active,
.news--tile--item > li:nth-child(2) .news--tile--headline:hover,
.news--tile--item > li:nth-child(2) .news--tile--headline:focus,
.news--tile--item > li:nth-child(2) .news--tile--headline:active
{
    transform: translateY(-20px);
}

.news--tile--date
{
    font-size: 14px;
    font-size: 1.4rem;

    display: block;

    color: #a7a7a7;
}

.news--tile--headline
{
    font-family: "Archivo", serif;
    font-weight: 500;
    line-height: 1.25;

    display: block;

    text-decoration: none;


    color: #f8340d;
}
.news--tile--headline
{
    font-size: 24px;
}
@media screen and (min-width: 544px)
{
    .news--tile--headline
    {
        font-size: calc(24px + 6 * ((100vw - 544px) / 896));
    }
}
@media screen and (min-width: 1440px)
{
    .news--tile--headline
    {
        font-size: 30px;
    }
}
.news--tile--headline:hover,
.news--tile--headline:focus,
.news--tile--headline:active
{
    transform: translateY(-20px);
    filter: drop-shadow(0 0px 5px rgba(20, 20, 20, .2));
}

.news--tile--load-more
{
    font-family: zuume-edge, sans-serif;
    font-weight: 700;
    line-height: 1;

    display: inline-block;

    margin: 0 auto 15px; 
    padding: 15px 40px;

    -webkit-transition: all cubic-bezier(.68, -.55, .265, 1.55) 300ms;
            transition: all cubic-bezier(.68, -.55, .265, 1.55) 300ms;
    text-align: center;
    text-decoration: none;
    
    text-transform: uppercase;

    opacity: 1;
    color: #000;
    color: #fff;
    border-width: 0;
    border-style: solid;
    border-color: #f8340d;
    border-radius: 4px;
    background-color: #f8340d;
}
.news--tile--load-more
{
    font-size: 16px;
}
@media screen and (min-width: 544px)
{
    .news--tile--load-more
    {
        font-size: 21px;
    }
}
@media screen and (min-width: 1440px)
{
    .news--tile--load-more
    {
        font-size: 21px;
    }
}
.news--tile--load-more:hover,
.news--tile--load-more:focus,
.news--tile--load-more.focus,
.news--tile--load-more:active,
.news--tile--load-more.active,
.open > .news--tile--load-more.dropdown-toggle
{
    -webkit-transition: all cubic-bezier(.68, -.55, .265, 1.55) 300ms;
            transition: all cubic-bezier(.68, -.55, .265, 1.55) 300ms; 
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
    text-decoration: none;

    opacity: .7;
    color: #fff;
    border-color: #d52811;
}
.news--tile--load-more:active,
.news--tile--load-more.active,
.open > .news--tile--load-more.dropdown-toggle
{
    -webkit-transition: all cubic-bezier(.68, -.55, .265, 1.55) 300ms;
            transition: all cubic-bezier(.68, -.55, .265, 1.55) 300ms; 

    background-image: none;
    -webkit-box-shadow: none;
            box-shadow: none;
}
.news--tile--load-more.disabled,
.news--tile--load-more.disabled:hover,
.news--tile--load-more.disabled:focus,
.news--tile--load-more.disabled.focus,
.news--tile--load-more.disabled:active,
.news--tile--load-more.disabled.active,
.news--tile--load-more[disabled],
.news--tile--load-more[disabled]:hover,
.news--tile--load-more[disabled]:focus,
.news--tile--load-more[disabled].focus,
.news--tile--load-more[disabled]:active,
.news--tile--load-more[disabled].active,
fieldset[disabled] .news--tile--load-more,
fieldset[disabled] .news--tile--load-more:hover,
fieldset[disabled] .news--tile--load-more:focus,
fieldset[disabled] .news--tile--load-more.focus,
fieldset[disabled] .news--tile--load-more:active,
fieldset[disabled] .news--tile--load-more.active
{
    border-color: #f69689; 
    background-color: #f69689;
}
.news--tile--load-more .badge
{
    color: #f8340d;
    background-color: #fff;
}
body.text-color-light .news--tile--load-more.btn__inherit
{
    color: #000;
}
body.text-color-dark .news--tile--load-more.btn__inherit
{
    color: #fff;
}
.news--tile--load-more.hide
{
    display: none;
}

/*----------------------*/
/* Next Work
/*----------------------*/
.next-work
{
    position: relative;

    display: block;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column;

    width: 100vw;
    max-width: 1600px;
    max-width: 1420px;
    margin: 0 auto;
    margin-top: 60px;
    padding: 30px 15px; 

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
}
@media only screen and (min-width: 768px)
{
    .next-work
    {
        padding-right: 45px; 
        padding-left: 45px;
    }
}
#bootstrap-grid-frame-jhbsdovu .next-work
{
    display: block;
}
@media only screen and (min-width: 768px)
{
    .next-work
    {
            flex-direction: row;

        width: calc(100vw - 120px);
        height: calc(30vw - 120px);
        max-height: 370px;
        margin-bottom: 60px;
        padding: 0; 

        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
    }
}

.next-work--next-up
{
    font-family: zuume-edge, sans-serif;
    font-weight: 700;
    line-height: 1;

    z-index: 100; 

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    text-decoration: none;
    
    
    text-transform: uppercase;

    color: #000;
}
.next-work--next-up
{
    font-size: 16px;
}
@media screen and (min-width: 544px)
{
    .next-work--next-up
    {
        font-size: calc(16px + 0 * ((100vw - 544px) / 896));
    }
}
@media screen and (min-width: 1440px)
{
    .next-work--next-up
    {
        font-size: 16px;
    }
}
@media only screen and (max-width: 767px)
{
    .next-work--next-up
    {
        padding-bottom: 45px; 

        color: #fff;
    }
    .next-work.text-color-light .next-work--next-up
    {
        color: #fff;
    }
    .next-work.text-color-dark .next-work--next-up
    {
        color: #000;
    }
}
@media only screen and (min-width: 768px)
{
    .next-work--next-up
    {
        width: calc(30vw - 120px);
        max-width: 370px;
        height: calc(30vw - 120px);
        max-height: 370px;

        background-color: #fff; 

        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    }
}

.next-work--content
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column;

    width: 100%; 
    padding: 0;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
@media only screen and (min-width: 768px)
{
    .next-work--content
    {
        position: relative;

        width: calc(70vw - 120px);
        max-width: calc(370px * 3);
        height: calc(30vw - 120px);
        max-height: 370px;
        padding: 0 30px; 

        -webkit-box-flex: 3;
        -ms-flex: 3;
            flex: 3;
    }
}

.next-work--background-fade
{
    position: absolute;
    z-index: 1; 
    top: 0;
    right: 0;

    width: 100%;
    height: 100%;
}

.next-work--image
{
    position: absolute;
    z-index: 0; 
    top: 0;
    right: 0;

    width: 100%;
    height: 100%;
}
.next-work--image img
{
    opacity: .6;

    -webkit-filter: saturate(0);
            filter: saturate(0);
}
.next-work--image img:not(html):not(body)
{
    width: 100%;
    height: 100%; 

    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center center;
       object-position: center center;
}

.next-work--title
{
    font-family: "Archivo", serif;
    font-weight: 500;
    line-height: 1.25;

    position: relative;
    z-index: 100;

    margin-bottom: 15px; 

    text-decoration: none;


    color: #000;
}
.next-work--title
{
    font-size: 24px;
}
@media screen and (min-width: 544px)
{
    .next-work--title
    {
        font-size: calc(24px + 6 * ((100vw - 544px) / 896));
    }
}
@media screen and (min-width: 1440px)
{
    .next-work--title
    {
        font-size: 30px;
    }
}
.next-work--title
{
    font-size: 30px;
}
@media screen and (min-width: 544px)
{
    .next-work--title
    {
        font-size: calc(30px + 6 * ((100vw - 544px) / 896));
    }
}
@media screen and (min-width: 1440px)
{
    .next-work--title
    {
        font-size: 36px;
    }
}
.next-work.text-color-light .next-work--title
{
    color: #fff;
}
.next-work.text-color-dark .next-work--title
{
    color: #000;
}

.next-work--client
{
    font-family: zuume-edge, sans-serif;
    font-weight: 700;
    line-height: 1;

    position: relative;
    z-index: 100; 

    text-decoration: none;
    
    
    text-transform: uppercase;

    color: #000;
}
.next-work--client
{
    font-size: 16px;
}
@media screen and (min-width: 544px)
{
    .next-work--client
    {
        font-size: calc(16px + 0 * ((100vw - 544px) / 896));
    }
}
@media screen and (min-width: 1440px)
{
    .next-work--client
    {
        font-size: 16px;
    }
}
.next-work.text-color-light .next-work--client
{
    color: #fff;
}
.next-work.text-color-dark .next-work--client
{
    color: #000;
}

/*--------------*/
/* Offices
/*--------------*/
.offices
{
    position: relative;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    max-width: 1600px;
    margin: 0 auto;
    margin-top: 60px;
    padding-bottom: 15px;
}
@media only screen and (min-width: 768px)
{
    .offices
    {
        padding-right: 45px; 
        padding-left: 45px;
    }
}
#bootstrap-grid-frame-jhbsdovu .offices
{
    display: block;
}
@media only screen and (min-width: 768px)
{
    .offices
    {
        padding-bottom: 60px;
    }
}
.offices--item
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    width: 100%;
    padding: 0; 

    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
@media only screen and (min-width: 992px)
{
    .offices--item
    {
        width: 83.33333%;
        margin-left: 8.33333%;
    }
}
.offices--item > li
{
    position: relative;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column;

    width: 100%;
    padding-right: 15px;
    padding-bottom: 20px; 
    padding-left: 15px;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
@media only screen and (min-width: 768px)
{
    .offices--item > li
    {
        width: 33.33333%;
        padding: 30px 0;
    }
}
.offices--item > li h6
{
    font-family: zuume-edge, sans-serif;
    font-weight: 700;
    line-height: 1;

    display: block;

    margin-bottom: 15px; 

    text-decoration: none;
    
    
    text-transform: uppercase;

    color: #fff;
    color: #333132;
}
.offices--item > li h6
{
    font-size: 40px;
}
@media screen and (min-width: 544px)
{
    .offices--item > li h6
    {
        font-size: calc(40px + 20 * ((100vw - 544px) / 896));
    }
}
@media screen and (min-width: 1440px)
{
    .offices--item > li h6
    {
        font-size: 45px;
    }
}
.offices--item > li p
{
    font-family: "Archivo", sans-serif;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 600;
    line-height: 1;
    line-height: 1.5; 

    text-decoration: none;


    color: #a7a7a7;
}

/*----------------*/
/* Overview Blurb
/*----------------*/
.overview-blurb
{
    position: relative;
    position: relative;
    z-index: 1; 

    max-width: 1600px;
    margin: 0 auto;
    padding-top: 80px;
    padding-bottom: 80px;

    *zoom: 1;
}
@media only screen and (min-width: 768px)
{
    .overview-blurb
    {
        padding-right: 45px; 
        padding-left: 45px;
    }
}
.overview-blurb::before,
.overview-blurb::after
{
    display: table; 

    content: ' ';
}
.overview-blurb::after
{
    clear: both;
}
#bootstrap-grid-frame-jhbsdovu .overview-blurb
{
    display: block;
}
.overview-blurb .overview-blurb--content
{
    width: 100%;
    padding-right: 15px; 
    padding-left: 15px;
}
@media only screen and (min-width: 992px)
{
    .overview-blurb .overview-blurb--content
    {
        width: 83.33333%;
        margin-left: 8.33333%;
    }
}
@media only screen and (min-width: 1200px)
{
    .overview-blurb .overview-blurb--content
    {
        width: 66.66667%;
        margin-left: 16.66667%;
    }
}
.overview-blurb .overview-blurb--content p
{
    font-family: "Archivo", sans-serif;
    font-weight: 400;
    line-height: 1.9;

    text-align: center; 

    color: #000;
}
.overview-blurb .overview-blurb--content p
{
    font-size: 15px;
}
@media screen and (min-width: 544px)
{
    .overview-blurb .overview-blurb--content p
    {
        font-size: calc(15px + 2 * ((100vw - 544px) / 896));
    }
}
@media screen and (min-width: 1440px)
{
    .overview-blurb .overview-blurb--content p
    {
        font-size: 17px;
    }
}
.overview-blurb .overview-blurb--content p a
{
    text-decoration: none; 

    color: #f8340d;
}
.overview-blurb .overview-blurb--content p a:hover,
.overview-blurb .overview-blurb--content p a:focus,
.overview-blurb .overview-blurb--content p a:active
{
    color: #f8340d;
}
.overview-blurb .overview-blurb--content p
{
    font-size: 20px;
}
@media screen and (min-width: 544px)
{
    .overview-blurb .overview-blurb--content p
    {
        font-size: calc(20px + 2 * ((100vw - 544px) / 448));
    }
}
@media screen and (min-width: 992px)
{
    .overview-blurb .overview-blurb--content p
    {
        font-size: 22px;
    }
}

/*--------------------------*/
/* Pagination
/*--------------------------*/
.pagination
{
    position: relative;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    max-width: 1600px;
    margin: 0 auto;
    margin: 60px auto 60px;
}
@media only screen and (min-width: 768px)
{
    .pagination
    {
        padding-right: 45px; 
        padding-left: 45px;
    }
}
#bootstrap-grid-frame-jhbsdovu .pagination
{
    display: block;
}

.pagination--block
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    width: 100%;
    padding: 0;
    padding-right: 15px;
    padding-left: 15px;

    list-style: none;

    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
@media only screen and (min-width: 768px)
{
    .pagination--block
    {
        width: 91.66667%;
        margin-left: 4.16667%; 
        padding-right: 15px;
        padding-left: 15px;
    }
}
.pagination--block li
{
    font-family: "Archivo", sans-serif;
    font-weight: 600;

    position: relative;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    text-decoration: none;

    text-transform: uppercase; 

    color: #000;
    border: 1px solid;

    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
        flex: 0 1 auto;
    -ms-flex-item-align: auto;
    align-self: auto;
}
.pagination--block li
{
    font-size: 10px;
}
@media screen and (min-width: 544px)
{
    .pagination--block li
    {
        font-size: calc(10px + 2 * ((100vw - 544px) / 896));
    }
}
@media screen and (min-width: 1440px)
{
    .pagination--block li
    {
        font-size: 12px;
    }
}
.pagination--block li a
{
    -webkit-transition: opacity ease .3s;
            transition: opacity ease .3s;
    text-decoration: none; 

    color: #000;
}
.pagination--block li a:hover,
.pagination--block li a:focus,
.pagination--block li a:active
{
    -webkit-transition: opacity ease .3s;
            transition: opacity ease .3s;
}
.pagination--block li.disabled
{
    cursor: default;
    pointer-events: none;

    opacity: .3;
    color: #a7a7a7;
}
@media only screen and (max-width: 767px)
{
    .pagination--block li.first,
    .pagination--block li.last
    {
        display: none;
    }
}
@media only screen and (min-width: 768px)
{
    .pagination--block li.first,
    .pagination--block li.last
    {
        border: none;
    }
}
.pagination--block li a
{
    display: block;

    padding: 18px 32px;
}
.pagination--block li.first a
{
    padding-right: 10px; 
    padding-left: 0;
}
.pagination--block li.last a
{
    padding-right: 0;
    padding-left: 10px;
}
.pagination--block li.previous a
{
    text-indent: -9999px;
}
.pagination--block li.previous a::after
{
    font-family: 'iconfont-mmgy';
    font-size: 10px;
    font-weight: 100;
    font-style: normal;
    font-variant: normal;
    line-height: 1;

    position: absolute;
    top: 50%;
    left: 50%;

    content: '';
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    text-indent: 0; 
    text-transform: none;

    color: #a7a7a7;

    speak: none;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.pagination--block li.next a
{
    text-indent: -9999px;
}
.pagination--block li.next a::after
{
    font-family: 'iconfont-mmgy';
    font-size: 10px;
    font-weight: 100;
    font-style: normal;
    font-variant: normal;
    line-height: 1;

    position: absolute;
    top: 50%;
    left: 50%;

    content: '';
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    text-indent: 0; 
    text-transform: none;

    color: #a7a7a7;

    speak: none;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.pagination--block li.pagination--legend
{
    position: relative;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    margin: 10px;

    text-align: center;

    border: none; 

    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    -ms-flex-item-align: auto;
    align-self: auto;
}
.pagination--block li.pagination--legend::before
{
    position: absolute;
    top: 50%;
    left: 50%;

    width: 100%; 

    content: ' ';
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);

    border-top: 1px solid rgba(0, 0, 0, .15);
}
.pagination--block li.pagination--legend span
{
    font-family: "Archivo", sans-serif;
    font-weight: 600;

    position: absolute;
    top: 50%;
    left: 50%;

    padding: 10px;

    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    white-space: nowrap;
    text-decoration: none;

    text-transform: uppercase;

    color: #000;
    background-color: #fff;
}
.pagination--block li.pagination--legend span
{
    font-size: 10px;
}
@media screen and (min-width: 544px)
{
    .pagination--block li.pagination--legend span
    {
        font-size: calc(10px + 2 * ((100vw - 544px) / 896));
    }
}
@media screen and (min-width: 1440px)
{
    .pagination--block li.pagination--legend span
    {
        font-size: 12px;
    }
}
.pagination--block li.pagination--legend span a
{
    -webkit-transition: opacity ease .3s;
            transition: opacity ease .3s;
    text-decoration: none; 

    color: #000;
}
.pagination--block li.pagination--legend span a:hover,
.pagination--block li.pagination--legend span a:focus,
.pagination--block li.pagination--legend span a:active
{
    -webkit-transition: opacity ease .3s;
            transition: opacity ease .3s;
}

/*------------------*/
/* Promo
/* MMGY Advertising
/*------------------*/
.promo
{
    position: relative;

    overflow: hidden; 

    width: 100%;
    max-width: 100%;
    margin: 0 auto;

    background-color: #fff;
}

.promo--container
{
    position: relative;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column-reverse; 

    max-width: 1600px;
    margin: 0 auto;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
}
@media only screen and (min-width: 768px)
{
    .promo--container
    {
        padding-right: 45px; 
        padding-left: 45px;
    }
}
#bootstrap-grid-frame-jhbsdovu .promo--container
{
    display: block;
}
@media only screen and (min-width: 768px)
{
    .promo--container
    {
            flex-direction: row; 

        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
    }
}

.promo--content
{
    width: 100%;
    padding-right: 15px; 
    padding-left: 15px;
}
@media only screen and (max-width: 767px)
{
    .promo--content
    {
        margin-bottom: 30px;
    }
}
@media only screen and (min-width: 992px)
{
    .promo--content
    {
        width: 33.33333%;
        margin-left: 8.33333%;
    }
}
.promo--content h2
{
    font-family: zuume-edge, sans-serif;
    font-weight: 700;
    line-height: 1;

    margin-bottom: 20px; 

    text-decoration: none;
    
    
    text-transform: uppercase;

    color: #f8340d;
}
.promo--content h2
{
    font-size: 40px;
}
@media screen and (min-width: 544px)
{
    .promo--content h2
    {
        font-size: calc(40px + 20 * ((100vw - 544px) / 896));
    }
}
@media screen and (min-width: 1440px)
{
    .promo--content h2
    {
        font-size: 60px;
    }
}
.promo--content p
{
    font-family: "Archivo", serif;
    font-weight: 500;
    line-height: 1.25;

    text-decoration: none;


    color: #333132;
    color: #333132 !important;
}
.promo--content p
{
    font-size: 24px;
}
@media screen and (min-width: 544px)
{
    .promo--content p
    {
        font-size: calc(24px + 6 * ((100vw - 544px) / 896));
    }
}
@media screen and (min-width: 1440px)
{
    .promo--content p
    {
        font-size: 30px;
    }
}
.promo--content a.btn,
.promo--content a.btn__block,
.promo--content .content-block--form a.gform_button.button,
.content-block--form .promo--content a.gform_button.button
{
    margin-top: 20px;
}

.promo--image
{
    width: 100%;
    padding-right: 15px; 
    padding-left: 15px;
}
@media only screen and (min-width: 992px)
{
    .promo--image
    {
        width: 58.33333%;
    }
}
.promo--image img
{
    -webkit-transform: scale(1.2) translateX(10%) translateY(-10%);
            transform: scale(1.2) translateX(10%) translateY(-10%); 

    border-radius: 999px;
}
body.page-template-default.page .promo--image img
{
    -webkit-transform: scale(1.2) translateX(10%) translateY(10%);
            transform: scale(1.2) translateX(10%) translateY(10%);
}

/*--------------------------*/
/* Pull Quote
/*--------------------------*/
.pullquote
{
    position: relative;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    max-width: 1600px;
    margin: 0 auto;
    padding-top: 30px;
    padding-bottom: 30px;

    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
@media only screen and (min-width: 768px)
{
    .pullquote
    {
        padding-right: 45px; 
        padding-left: 45px;
    }
}
#bootstrap-grid-frame-jhbsdovu .pullquote
{
    display: block;
}
@media only screen and (min-width: 992px)
{
    .pullquote
    {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}
.pullquote .pullquote--item
{
    position: relative;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column;

    width: 100%;
    width: calc(80vw);
    max-width: 500px;
    height: calc(80vw);
    max-height: 500px;
    padding: 15px 30px;

    border: 4px solid #f8340d;
    border: 4px solid #f8340d; 

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media only screen and (min-width: 768px)
{
    .pullquote .pullquote--item
    {
        width: calc(100vw / 2);
        max-width: 500px;
        height: calc(100vw / 2);
        max-height: 500px;
    }
}
@media only screen and (min-width: 992px)
{
    .pullquote .pullquote--item
    {
        width: calc(100vw / 3);
        max-width: 500px;
        height: calc(100vw / 3);
        max-height: 500px;
    }
}
.pullquote .pullquote--item .pullquote--list--quote
{
    font-family: "Archivo", sans-serif;
    font-size: 14px !important; 
    font-weight: 400;
    line-height: 1.9;

    text-align: center;
}
.pullquote .pullquote--item .pullquote--list--quote
{
    font-size: 15px;
}
@media screen and (min-width: 544px)
{
    .pullquote .pullquote--item .pullquote--list--quote
    {
        font-size: calc(15px + 2 * ((100vw - 544px) / 896));
    }
}
@media screen and (min-width: 1440px)
{
    .pullquote .pullquote--item .pullquote--list--quote
    {
        font-size: 17px;
    }
}
body.text-color-light .pullquote .pullquote--item .pullquote--list--quote
{
    color: #fff;
}
body.text-color-dark .pullquote .pullquote--item .pullquote--list--quote
{
    color: #000;
}
.pullquote .pullquote--item .pullquote--list--quote a
{
    text-decoration: none; 

    color: #f8340d;
}
.pullquote .pullquote--item .pullquote--list--quote a:hover,
.pullquote .pullquote--item .pullquote--list--quote a:focus,
.pullquote .pullquote--item .pullquote--list--quote a:active
{
    color: #f8340d;
}
.pullquote .pullquote--item .pullquote--list--author
{
    font-family: "Archivo", sans-serif;
    font-weight: 600;
    font-weight: 700;

    margin-top: 20px; 

    text-decoration: none;

    text-transform: uppercase;

    color: #a7a7a7;
}
.pullquote .pullquote--item .pullquote--list--author
{
    font-size: 10px;
}
@media screen and (min-width: 544px)
{
    .pullquote .pullquote--item .pullquote--list--author
    {
        font-size: calc(10px + 2 * ((100vw - 544px) / 896));
    }
}
@media screen and (min-width: 1440px)
{
    .pullquote .pullquote--item .pullquote--list--author
    {
        font-size: 12px;
    }
}
.pullquote .pullquote--item .pullquote--list--author a
{
    -webkit-transition: opacity ease .3s;
            transition: opacity ease .3s;
    text-decoration: none; 

    color: #a7a7a7;
}
.pullquote .pullquote--item .pullquote--list--author a:hover,
.pullquote .pullquote--item .pullquote--list--author a:focus,
.pullquote .pullquote--item .pullquote--list--author a:active
{
    -webkit-transition: opacity ease .3s;
            transition: opacity ease .3s;
}
.pullquote .pullquote--item .pullquote--list--clientlogo
{
    max-height: 60px;
    margin-top: 20px;

    opacity: .4; 

    -webkit-filter: saturate(0);
            filter: saturate(0);
}

/*--------------------------*/
/* Pull Quote
/*--------------------------*/
.pullquote__slider
{
    position: relative;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    max-width: 1600px;
    margin: 0 auto;
    padding-top: 90px;
    padding-bottom: 60px;
}
@media only screen and (min-width: 768px)
{
    .pullquote__slider
    {
        padding-right: 45px; 
        padding-left: 45px;
    }
}
#bootstrap-grid-frame-jhbsdovu .pullquote__slider
{
    display: block;
}
.pullquote__slider .pullquote__slider--list
{
    position: relative;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    width: 100%;
    padding: 0; 

    list-style: none;
}
.pullquote__slider .pullquote__slider--list::before
{
    position: absolute;
    top: 50%;
    left: 50%;

    display: block;

    width: calc(80vw);
    max-width: 500px;
    height: calc(80vw);
    max-height: 500px;

    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); 

    border: 4px solid #f8340d;
}
@media only screen and (min-width: 768px)
{
    .pullquote__slider .pullquote__slider--list::before
    {
        width: calc(100vw / 2);
        max-width: 500px;
        height: calc(100vw / 2);
        max-height: 500px; 

        content: '';
    }
}
@media only screen and (min-width: 992px)
{
    .pullquote__slider .pullquote__slider--list::before
    {
        width: calc(100vw / 3);
        max-width: 500px;
        height: calc(100vw / 3);
        max-height: 500px;
    }
}
.pullquote__slider .pullquote__slider--list .slick-track
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media only screen and (max-width: 767px)
{
    .pullquote__slider .pullquote__slider--list li.pullquote__slider--list--item
    {
        margin: 15px;

        border: 4px solid transparent;
    }
    .pullquote__slider .pullquote__slider--list li.pullquote__slider--list--item.slick-current
    {
        -webkit-transition: all ease-in-out 600ms;
                transition: all ease-in-out 600ms;
        -webkit-transition-delay: 300ms;
                transition-delay: 300ms; 

        border-color: #f8340d;
    }
}
.pullquote__slider .pullquote__slider--list li.pullquote__slider--list--item .pullquote__slider--list--content
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column;

    width: 100%;
    height: 100%;
    margin: 0 auto;
    padding: 15px 30px;

    opacity: .2; 

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.pullquote__slider .pullquote__slider--list li.pullquote__slider--list--item .pullquote__slider--list--content .pullquote__slider--list--quote
{
    font-family: "Archivo", sans-serif;
    font-size: 14px !important; 
    font-weight: 400;
    line-height: 1.9;

    text-align: center;
}
.pullquote__slider .pullquote__slider--list li.pullquote__slider--list--item .pullquote__slider--list--content .pullquote__slider--list--quote
{
    font-size: 15px;
}
@media screen and (min-width: 544px)
{
    .pullquote__slider .pullquote__slider--list li.pullquote__slider--list--item .pullquote__slider--list--content .pullquote__slider--list--quote
    {
        font-size: calc(15px + 2 * ((100vw - 544px) / 896));
    }
}
@media screen and (min-width: 1440px)
{
    .pullquote__slider .pullquote__slider--list li.pullquote__slider--list--item .pullquote__slider--list--content .pullquote__slider--list--quote
    {
        font-size: 17px;
    }
}
body.text-color-light .pullquote__slider .pullquote__slider--list li.pullquote__slider--list--item .pullquote__slider--list--content .pullquote__slider--list--quote
{
    color: #fff;
}
body.text-color-dark .pullquote__slider .pullquote__slider--list li.pullquote__slider--list--item .pullquote__slider--list--content .pullquote__slider--list--quote
{
    color: #000;
}
.pullquote__slider .pullquote__slider--list li.pullquote__slider--list--item .pullquote__slider--list--content .pullquote__slider--list--quote a
{
    text-decoration: none; 

    color: #f8340d;
}
.pullquote__slider .pullquote__slider--list li.pullquote__slider--list--item .pullquote__slider--list--content .pullquote__slider--list--quote a:hover,
.pullquote__slider .pullquote__slider--list li.pullquote__slider--list--item .pullquote__slider--list--content .pullquote__slider--list--quote a:focus,
.pullquote__slider .pullquote__slider--list li.pullquote__slider--list--item .pullquote__slider--list--content .pullquote__slider--list--quote a:active
{
    color: #f8340d;
}
.pullquote__slider .pullquote__slider--list li.pullquote__slider--list--item .pullquote__slider--list--content .pullquote__slider--list--author
{
    font-family: "Archivo", sans-serif;
    font-weight: 600;
    font-weight: 700;

    margin-top: 20px; 

    text-decoration: none;

    text-transform: uppercase;

    color: #a7a7a7;
}
.pullquote__slider .pullquote__slider--list li.pullquote__slider--list--item .pullquote__slider--list--content .pullquote__slider--list--author
{
    font-size: 10px;
}
@media screen and (min-width: 544px)
{
    .pullquote__slider .pullquote__slider--list li.pullquote__slider--list--item .pullquote__slider--list--content .pullquote__slider--list--author
    {
        font-size: calc(10px + 2 * ((100vw - 544px) / 896));
    }
}
@media screen and (min-width: 1440px)
{
    .pullquote__slider .pullquote__slider--list li.pullquote__slider--list--item .pullquote__slider--list--content .pullquote__slider--list--author
    {
        font-size: 12px;
    }
}
.pullquote__slider .pullquote__slider--list li.pullquote__slider--list--item .pullquote__slider--list--content .pullquote__slider--list--author a
{
    -webkit-transition: opacity ease .3s;
            transition: opacity ease .3s;
    text-decoration: none; 

    color: #a7a7a7;
}
.pullquote__slider .pullquote__slider--list li.pullquote__slider--list--item .pullquote__slider--list--content .pullquote__slider--list--author a:hover,
.pullquote__slider .pullquote__slider--list li.pullquote__slider--list--item .pullquote__slider--list--content .pullquote__slider--list--author a:focus,
.pullquote__slider .pullquote__slider--list li.pullquote__slider--list--item .pullquote__slider--list--content .pullquote__slider--list--author a:active
{
    -webkit-transition: opacity ease .3s;
            transition: opacity ease .3s;
}
.pullquote__slider .pullquote__slider--list li.pullquote__slider--list--item .pullquote__slider--list--content .pullquote__slider--list--clientlogo
{
    max-height: 60px;
    margin-top: 20px;

    opacity: .4; 

    -webkit-filter: saturate(0);
            filter: saturate(0);
}
.pullquote__slider .pullquote__slider--list li.pullquote__slider--list--item.slick-active .pullquote__slider--list--content
{
    width: calc(80vw);
    max-width: 500px;
    height: calc(80vw);
    max-height: 500px;

    opacity: 1;
}
@media only screen and (min-width: 768px)
{
    .pullquote__slider .pullquote__slider--list li.pullquote__slider--list--item.slick-active .pullquote__slider--list--content
    {
        width: calc(100vw / 2);
        max-width: 500px;
        height: calc(100vw / 2);
        max-height: 500px;
    }
}
@media only screen and (min-width: 992px)
{
    .pullquote__slider .pullquote__slider--list li.pullquote__slider--list--item.slick-active .pullquote__slider--list--content
    {
        width: calc(100vw / 3);
        max-width: 500px;
        height: calc(100vw / 3);
        max-height: 500px;
    }
}
.pullquote__slider .pullquote__slider--list .slick-dots
{
    position: absolute;
    bottom: -8px;
    left: 50%;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    padding: 0 10px;

    list-style: none;

    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);

    background-color: #fff;
}
.pullquote__slider .pullquote__slider--list .slick-dots > li
{
    position: relative;

    display: block;

    width: 20px;
    height: 20px;

    cursor: pointer;
}
.pullquote__slider .pullquote__slider--list .slick-dots > li::after
{
    font-family: 'iconfont-mmgy';
    font-size: 8px;
    font-weight: 100;
    font-style: normal;
    font-variant: normal;
    line-height: 1;

    position: absolute;
    z-index: 1; 
    top: 50%;
    left: 50%;

    content: '';
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    text-transform: none;

    color: inherit;

    speak: none;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.pullquote__slider .pullquote__slider--list .slick-dots > li.slick-active::after
{
    font-family: 'iconfont-mmgy';
    font-size: 10px;
    font-weight: 100;
    font-style: normal;
    font-variant: normal;
    line-height: 1;

    content: '';
    text-transform: none;

    color: inherit;

    speak: none;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.pullquote__slider .pullquote__slider--list .slick-dots > li > button
{
    font-size: 0; 

    padding: 0;

    border: none;
    background-color: transparent;
}
.pullquote__slider .pullquote__slider--list button.slick-arrow
{
    font-size: 0;

    position: absolute;
    z-index: 1;
    top: 0;
    bottom: 0;

    width: 20%;

    border: none;
    background-color: transparent;
}
.pullquote__slider .pullquote__slider--list button.slick-arrow.slick-prev
{
    left: 0;
}
.pullquote__slider .pullquote__slider--list button.slick-arrow.slick-next
{
    right: 0;
}

/*------------------*/
/* Related Content
/* MMGY Advertising
/*------------------*/
.related-content
{
    position: relative;
    z-index: 1; 

    width: 100%;
    max-width: 100%;
    margin: 0 auto;

    background-color: #fff;
    background-color: #fff;
}
.related-content--container
{
    position: relative;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column;

    max-width: 1600px;
    margin: 0 auto;
    padding: 120px 0; 

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
}
@media only screen and (min-width: 768px)
{
    .related-content--container
    {
        padding-right: 45px; 
        padding-left: 45px;
    }
}
#bootstrap-grid-frame-jhbsdovu .related-content--container
{
    display: block;
}
.related-content--header
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    width: 100%;
    padding-right: 15px; 
    padding-left: 15px;

    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
@media only screen and (min-width: 992px)
{
    .related-content--header
    {
        width: 83.33333%;
        margin-left: 8.33333%;
    }
}
.related-content--headline
{
    font-family: zuume-edge, sans-serif;
    font-weight: 700;
    line-height: 1;

    text-decoration: none;
    
    text-transform: uppercase;

    color: #000;
}
.related-content--headline
{
    font-size: 20px;
}
@media screen and (min-width: 544px)
{
    .related-content--headline
    {
        font-size: calc(20px + 8 * ((100vw - 544px) / 896));
    }
}
@media screen and (min-width: 1440px)
{
    .related-content--headline
    {
        font-size: 28px;
    }
}
.related-content--breadcrumb
{
    font-family: "Archivo", sans-serif;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 600;
    line-height: 1;

    text-decoration: none; 


    color: #f8340d;
}
.related-content--list
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    width: 100%; 
    padding: 0;

    list-style: none;

    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
@media only screen and (min-width: 992px)
{
    .related-content--list
    {
        width: 83.33333%;
        margin-left: 8.33333%;
    }
}
.related-content--list > li
{
    font-family: "Archivo", serif;
    font-weight: 600;
    line-height: 1.25;

    width: 100%;
    padding-right: 15px;
    padding-left: 15px;

    text-decoration: none;


    color: #000;
}
.related-content--list > li
{
    font-size: 24px;
}
@media screen and (min-width: 544px)
{
    .related-content--list > li
    {
        font-size: calc(24px + 6 * ((100vw - 544px) / 896));
    }
}
@media screen and (min-width: 1440px)
{
    .related-content--list > li
    {
        font-size: 30px;
    }
}
@media only screen and (min-width: 768px)
{
    .related-content--list > li
    {
        width: 33.33333%;
    }
}
.related-content--list > li.hide
{
    display: none;
}
.related-content--list > li > a
{
    display: block;

    margin-bottom: 0;
}
@media only screen and (min-width: 768px)
{
    .related-content--list > li > a
    {
        margin-bottom: 30px;
    }
}
@media only screen and (min-width: 992px)
{
    .related-content--list > li > a
    {
        margin-bottom: 60px;
    }
}
.related-content--list > li > a::before
{
    display: block;

    margin-top: 30px;
    padding-top: 30px;

    content: '';

    border-top: 1px solid #f4f4f4;
}

.related-content--more
{
    font-family: zuume-edge, sans-serif;
    font-weight: 700;
    line-height: 1;

    display: inline-block;

    margin: 0 auto 15px; 
    padding: 15px 40px;

    -webkit-transition: all cubic-bezier(.68, -.55, .265, 1.55) 300ms;
            transition: all cubic-bezier(.68, -.55, .265, 1.55) 300ms;
    text-align: center;
    text-decoration: none;
    
    text-transform: uppercase;

    opacity: 1;
    color: #000;
    color: #fff;
    border-width: 0;
    border-style: solid;
    border-color: #f8340d;
    border-radius: 4px;
    background-color: #f8340d;
}
.related-content--more
{
    font-size: 16px;
}
@media screen and (min-width: 544px)
{
    .related-content--more
    {
        font-size: 21px;
    }
}
@media screen and (min-width: 1440px)
{
    .related-content--more
    {
        font-size: 21px;
    }
}
.related-content--more:hover,
.related-content--more:focus,
.related-content--more.focus,
.related-content--more:active,
.related-content--more.active,
.open > .related-content--more.dropdown-toggle
{
    -webkit-transition: all cubic-bezier(.68, -.55, .265, 1.55) 300ms;
            transition: all cubic-bezier(.68, -.55, .265, 1.55) 300ms; 
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
    text-decoration: none;

    opacity: .7;
    color: #fff;
    border-color: #d52811;
}
.related-content--more:active,
.related-content--more.active,
.open > .related-content--more.dropdown-toggle
{
    -webkit-transition: all cubic-bezier(.68, -.55, .265, 1.55) 300ms;
            transition: all cubic-bezier(.68, -.55, .265, 1.55) 300ms; 

    background-image: none;
    -webkit-box-shadow: none;
            box-shadow: none;
}
.related-content--more.disabled,
.related-content--more.disabled:hover,
.related-content--more.disabled:focus,
.related-content--more.disabled.focus,
.related-content--more.disabled:active,
.related-content--more.disabled.active,
.related-content--more[disabled],
.related-content--more[disabled]:hover,
.related-content--more[disabled]:focus,
.related-content--more[disabled].focus,
.related-content--more[disabled]:active,
.related-content--more[disabled].active,
fieldset[disabled] .related-content--more,
fieldset[disabled] .related-content--more:hover,
fieldset[disabled] .related-content--more:focus,
fieldset[disabled] .related-content--more.focus,
fieldset[disabled] .related-content--more:active,
fieldset[disabled] .related-content--more.active
{
    border-color: #f69689; 
    background-color: #f69689;
}
.related-content--more .badge
{
    color: #f8340d;
    background-color: #fff;
}
body.text-color-light .related-content--more.btn__inherit
{
    color: #000;
}
body.text-color-dark .related-content--more.btn__inherit
{
    color: #fff;
}
.related-content--more.hide
{
    display: none;
}

/*------------------*/
/* Related Work
/* MMGY Advertising
/*------------------*/
.related-work
{
    position: relative;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; 

    width: 100%;
    max-width: 100%;
    margin: 0 auto;

    background-color: #fff;
}
@media only screen and (max-width: 543px)
{
    .related-work
    {
            flex-direction: column; 

        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
    }
}

.related-work--header
{
    z-index: 1; 

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column;

    width: 100vw;
    height: 100%;
    padding: 30px;

    background-color: #141414;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media only screen and (min-width: 544px)
{
    .related-work--header
    {
        position: absolute;

        width: 20vw;
        padding: 60px 30px;
    }
}
@media only screen and (min-width: 768px)
{
    .related-work--header
    {
        padding: 60px;
    }
}

.related-work--headline
{
    font-family: zuume-edge, sans-serif;
    font-weight: 700;
    line-height: 1;

    text-decoration: none;
    
    text-transform: uppercase;

    color: #fff;
}
.related-work--headline
{
    font-size: 20px;
}
@media screen and (min-width: 544px)
{
    .related-work--headline
    {
        font-size: calc(20px + 8 * ((100vw - 544px) / 896));
    }
}
@media screen and (min-width: 1440px)
{
    .related-work--headline
    {
        font-size: 28px;
    }
}

@media only screen and (max-width: 543px)
{
    .related-work--dots
    {
        display: none;
    }
}

.related-work--dots .slick-dots
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    margin-top: 15px;
    padding: 0;

    list-style: none;

    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.related-work--dots .slick-dots > li > button
{
    width: 8px;
    height: 8px;
    margin: 0 5px;
    padding: 0;

    border: transparent;
    border-radius: 999px;
    background-color: #fff;
}
.related-work--dots .slick-dots > li.slick-active > button
{
    width: 9px;
    height: 9px;

    border: 1px solid;
    border-color: #fff; 
    background-color: transparent;
}
.related-work--dots .slick-dots button
{
    font-size: 0;
}

.related-work--list
{
    display: block;

    width: 100vw; 
    margin: 0;
    padding: 0;

    list-style: none;
}
@media only screen and (min-width: 544px)
{
    .related-work--list
    {
        -webkit-transform: translateX(10vw);
                transform: translateX(10vw);
    }
}
.related-work[data-work-count='1'] .related-work--list,
.related-work[data-work-count='2'] .related-work--list
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column; 

    -webkit-transform: translateX(0vw);
            transform: translateX(0vw);

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
}
@media only screen and (min-width: 544px)
{
    .related-work[data-work-count='1'] .related-work--list,
    .related-work[data-work-count='2'] .related-work--list
    {
            flex-direction: row; 

        width: 80vw;

        -webkit-transform: translateX(20vw);
                transform: translateX(20vw);

        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
    }
}

.related-work--item
{
    font-size: 0; 

    position: relative;

    width: 50vw;
}
@media only screen and (min-width: 544px)
{
    .related-work--item
    {
        width: 35vw;
    }
}
.related-work[data-work-count='1'] .related-work--item
{
    width: 100vw;
}
@media only screen and (min-width: 544px)
{
    .related-work[data-work-count='1'] .related-work--item
    {
        width: calc((100vw - 20vw) / 1);
    }
}
@media only screen and (min-width: 768px)
{
    .related-work[data-work-count='1'] .related-work--item
    {
        width: calc((100vw - 20vw) / 2);
    }
}
.related-work[data-work-count='2'] .related-work--item
{
    width: 100vw;
}
@media only screen and (min-width: 544px)
{
    .related-work[data-work-count='2'] .related-work--item
    {
        width: calc((100vw - 20vw) / 2);
    }
}

.related-work--link
{
    position: relative;
    z-index: 1; 

    display: block;
}
.related-work--link::before
{
    position: absolute;
    z-index: 0; 

    display: block;

    width: 100%;
    height: 100%;

    content: '';

    background: linear-gradient(56deg, rgba(0, 0, 0, .7) 0%, rgba(0, 0, 0, 0) 50%);
}

.related-work--client
{
    font-family: zuume-edge, sans-serif;
    font-weight: 700;
    line-height: 1;

    position: absolute;
    z-index: 1; 
    bottom: 30px;
    left: 30px;

    text-decoration: none;
    
    
    text-transform: uppercase;

    color: #fff;
}
.related-work--client
{
    font-size: 16px;
}
@media screen and (min-width: 544px)
{
    .related-work--client
    {
        font-size: calc(16px + 0 * ((100vw - 544px) / 896));
    }
}
@media screen and (min-width: 1440px)
{
    .related-work--client
    {
        font-size: 16px;
    }
}

.related-work--image:not(html):not(body)
{
    width: 100%;
    height: 100%; 

    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center center;
       object-position: center center;
}

.related-work--arrows
{
    position: absolute;
    z-index: 100; 
    top: 50%;
    right: 0;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column;

    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);

    border: 1px solid #000;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
}
.related-work--arrows::before
{
    position: absolute;
    z-index: 1; 
    top: 50%;
    left: 50%;

    display: block;

    width: 20px;
    height: 1px;

    content: '';
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);

    background-color: rgba(255, 255, 255, .3);
}
.related-work--arrows button
{
    font-size: 0;

    position: relative;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    width: 60px;
    height: 60px;

    -webkit-transition: background-color ease-in-out 300ms;
            transition: background-color ease-in-out 300ms;

    color: #fff;
    border: none; 
    background-color: #333132;

    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.related-work--arrows button.slick-prev::before
{
    font-family: 'iconfont-mmgy';
    font-size: 15px;
    font-weight: 100;
    font-style: normal;
    font-variant: normal;
    line-height: 1;

    content: '';
    text-transform: none;

    color: inherit;

    speak: none;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.related-work--arrows button.slick-next::before
{
    font-family: 'iconfont-mmgy';
    font-size: 15px;
    font-weight: 100;
    font-style: normal;
    font-variant: normal;
    line-height: 1;

    content: '';
    text-transform: none;

    color: inherit;

    speak: none;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.related-work--arrows button::before
{
    position: absolute;
    top: 50%;
    left: 50%;

    -webkit-transition: font-size ease-in-out 300ms;
            transition: font-size ease-in-out 300ms; 
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
}
.related-work--arrows button:hover,
.related-work--arrows button:focus,
.related-work--arrows button:active
{
    -webkit-transition: background-color ease-in-out 300ms;
            transition: background-color ease-in-out 300ms; 

    background-color: #262525;
}
.related-work--arrows button:hover::before,
.related-work--arrows button:focus::before,
.related-work--arrows button:active::before
{
    font-size: 20px;

    -webkit-transition: font-size ease-in-out 300ms;
            transition: font-size ease-in-out 300ms;
}

/*-------------------*/
/* Service Detail
/* MMGY Advertising
/*-------------------*/
.service-detail
{
    position: relative;

    width: 100%;
    max-width: 100%;
    margin: 0 auto;

    background-color: #fff;
}
.service-detail--container
{
    position: relative;
    position: relative;
    z-index: 1; 

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    max-width: 1600px;
    margin: 0 auto;
    padding: 100px 0;
}
@media only screen and (min-width: 768px)
{
    .service-detail--container
    {
        padding-right: 45px; 
        padding-left: 45px;
    }
}
#bootstrap-grid-frame-jhbsdovu .service-detail--container
{
    display: block;
}
@media only screen and (max-width: 767px)
{
    .service-detail--container
    {
            flex-direction: column;

        padding: 60px 0 45px; 

        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
    }
}
@media only screen and (min-width: 992px)
{
    .service-detail--container
    {
        padding-right: calc(8.33333% + 30px); 
        padding-left: calc(8.33333% + 30px);
    }
}

.service-detail--description
{
    width: 100%; 
    padding-right: 15px;
    padding-left: 15px;

    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
}
@media only screen and (min-width: 768px)
{
    .service-detail--sidebar + .service-detail--description
    {
        padding-right: calc(15px * 2);
    }
}

.service-detail--sidebar
{
    width: 100%; 
    padding-right: 15px;
    padding-left: 15px;

    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
}
@media only screen and (min-width: 768px)
{
    .service-detail--sidebar
    {
        width: 41.66667%;
    }
}
.service-detail--sidebar:empty
{
    display: none;
}

.service-detail--capabilities
{
    position: relative;

    margin-bottom: 30px;
    padding: 30px 0 45px;

    list-style: none;

    border-bottom: 1px solid rgba(167, 167, 167, .5); 

    -webkit-column-count: 2;
       -moz-column-count: 2;
            column-count: 2;
}
@media only screen and (max-width: 767px)
{
    .service-detail--capabilities
    {
        margin-top: 60px;
    }
}
.service-detail--capabilities::before
{
    font-family: zuume-edge, sans-serif;
    font-weight: 700;
    line-height: 1;

    position: absolute;
    top: 0;
    left: 0;

    display: block;

    content: 'Capabilities';
    text-decoration: none;
    
     
    text-transform: uppercase;

    color: #000;
}
.service-detail--capabilities::before
{
    font-size: 16px;
}
@media screen and (min-width: 544px)
{
    .service-detail--capabilities::before
    {
        font-size: calc(16px + 0 * ((100vw - 544px) / 896));
    }
}
@media screen and (min-width: 1440px)
{
    .service-detail--capabilities::before
    {
        font-size: 16px;
    }
}
.service-detail--capabilities li
{
    font-family: "Archivo", sans-serif;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 600;
    line-height: 1;

    padding-top: 20px; 

    text-decoration: none;


    color: #a7a7a7;
}
.service-detail--capabilities li a:hover,
.service-detail--capabilities li a:focus,
.service-detail--capabilities li a:active
{
    opacity: .75;
}

.service-detail--pullquote p
{
    font-family: "Archivo", serif;
    font-weight: 600;
    line-height: 1.25;

    text-decoration: none;


    color: #000;
}
.service-detail--pullquote p
{
    font-size: 24px;
}
@media screen and (min-width: 544px)
{
    .service-detail--pullquote p
    {
        font-size: calc(24px + 6 * ((100vw - 544px) / 896));
    }
}
@media screen and (min-width: 1440px)
{
    .service-detail--pullquote p
    {
        font-size: 30px;
    }
}

/*--------------------------*/
/* Service Logo Gallery
/* MMGY Advertising
/*--------------------------*/
.service--logo-gallery
{
    position: relative;

    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    padding-bottom: 45px; 

    background-color: #fff;
    background-color: #fff;
}
.service--logo-gallery--container
{
    position: relative;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: flex;
        flex-direction: column; 

    max-width: 1600px;
    margin: 0 auto;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
}
@media only screen and (min-width: 768px)
{
    .service--logo-gallery--container
    {
        padding-right: 45px; 
        padding-left: 45px;
    }
}
#bootstrap-grid-frame-jhbsdovu .service--logo-gallery--container
{
    display: block;
}
.service--logo-gallery--container h3
{
    font-family: zuume-edge, sans-serif;
    font-weight: 700;
    line-height: 1;

    padding-right: 15px; 
    padding-left: 15px;

    text-decoration: none;
    
    
    text-transform: uppercase;

    color: #000;
}
.service--logo-gallery--container h3
{
    font-size: 16px;
}
@media screen and (min-width: 544px)
{
    .service--logo-gallery--container h3
    {
        font-size: calc(16px + 0 * ((100vw - 544px) / 896));
    }
}
@media screen and (min-width: 1440px)
{
    .service--logo-gallery--container h3
    {
        font-size: 16px;
    }
}
.service--logo-gallery--container .service--logo-gallery--images
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    padding: 0;
    padding-right: 15px; 
    padding-left: 15px;

    list-style: none;

    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media only screen and (max-width: 543px)
{
    .service--logo-gallery--container .service--logo-gallery--images
    {
            flex-direction: column; 

        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
    }
}
.service--logo-gallery--container .service--logo-gallery--images li
{
    min-width: 175px;
    max-width: 220px; 
    padding: 0 30px;

    -webkit-box-flex: 1;
    -ms-flex: 1;
        flex: 1;
}
@media only screen and (min-width: 544px)
{
    .service--logo-gallery--container .service--logo-gallery--images li
    {
        padding: 0 7.5px;
    }
}
@media only screen and (min-width: 768px)
{
    .service--logo-gallery--container .service--logo-gallery--images li
    {
        padding: 0 30px;
    }
}
.service--logo-gallery--container .service--logo-gallery--images li img
{
    -webkit-filter: saturate(0);
            filter: saturate(0);
}

/*--------------------------*/
/* Service Product CTA
/* MMGY Advertising
/*--------------------------*/
.service--product-cta
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column; 

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
}
.service--product-cta a
{
    display: block;

    max-width: 100%;
    margin-bottom: 15px;
}

/*------------------------*/
/* Service Product Content
/* MMGY Advertising
/*------------------------*/
.service--product-content
{
    position: relative;
    right: 50%;
    left: 50%;

    width: 100vw;
    max-width: 100vw;
    margin-right: -50vw;
    margin-left: -50vw;
    padding-top: 60px;
    padding-bottom: 90px;

    background-color: #f4f4f4;
}

/*--------------------------*/
/* Service Product Gallery
/* MMGY Advertising
/*--------------------------*/
.service--product-gallery
{
    padding: 0; 

    list-style: none;
}
.service--product-gallery li
{
    padding-right: 15px;
}
.service--product-gallery li:last-child
{
    padding-right: 0;
}
.service--product-gallery li img
{
    opacity: 0;
}
.service--product-gallery li img:not(html):not(body)
{
    width: 100%;
    height: 100%; 

    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center center;
       object-position: center center;
}
body.ready .service--product-gallery li img
{
    -webkit-transition: opacity ease-in-out 400ms;
            transition: opacity ease-in-out 400ms; 

    opacity: 1;
}
.service--product-gallery .slick-arrow
{
    font-size: 0;

    position: absolute;
    z-index: 1; 
    top: 0;

    width: 20%;
    height: 100%;

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

    opacity: 0;
    border: none;
    background: transparent;
    background-color: transparent;
}
.service--product-gallery .slick-arrow:hover,
.service--product-gallery .slick-arrow:focus,
.service--product-gallery .slick-arrow:active
{
    -webkit-transition: opacity ease-in-out 400ms;
            transition: opacity ease-in-out 400ms; 

    opacity: 1;
}
.service--product-gallery .slick-arrow:hover.slick-disabled,
.service--product-gallery .slick-arrow:focus.slick-disabled,
.service--product-gallery .slick-arrow:active.slick-disabled
{
    opacity: 0;
}
.service--product-gallery .slick-arrow.slick-prev
{
    left: 0;

    background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .9)), to(rgba(0, 0, 0, 0)));
    background: linear-gradient(to right, rgba(0, 0, 0, .9) 0%, rgba(0, 0, 0, 0) 100%);
}
.service--product-gallery .slick-arrow.slick-prev::before
{
    font-family: 'iconfont-mmgy';
    font-size: 15px;
    font-weight: 100;
    font-style: normal;
    font-variant: normal;
    line-height: 1;

    position: absolute;
    top: 50%;
    left: 15px;

    content: '';
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    text-transform: none;

    color: inherit;
    color: #fff; 

    speak: none;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.service--product-gallery .slick-arrow.slick-next
{
    right: 0;

    background: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .9)), to(rgba(0, 0, 0, 0)));
    background: linear-gradient(to left, rgba(0, 0, 0, .9) 0%, rgba(0, 0, 0, 0) 100%);
}
.service--product-gallery .slick-arrow.slick-next::before
{
    font-family: 'iconfont-mmgy';
    font-size: 15px;
    font-weight: 100;
    font-style: normal;
    font-variant: normal;
    line-height: 1;

    position: absolute;
    top: 50%;
    right: 15px;

    content: '';
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    text-transform: none;

    color: inherit;
    color: #fff; 

    speak: none;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.service--product-gallery .slick-arrow:hover.slick-prev,
.service--product-gallery .slick-arrow:focus.slick-prev,
.service--product-gallery .slick-arrow:active.slick-prev
{
    -webkit-transition: opacity ease-in-out 400ms;
            transition: opacity ease-in-out 400ms;
}
.service--product-gallery .slick-arrow:hover.slick-next,
.service--product-gallery .slick-arrow:focus.slick-next,
.service--product-gallery .slick-arrow:active.slick-next
{
    -webkit-transition: opacity ease-in-out 400ms;
            transition: opacity ease-in-out 400ms;
}

/*--------------------------*/
/* Service Product Products
/* MMGY Advertising
/*--------------------------*/
.service-product--products
{
    display: block;

    padding: 0;
    padding-bottom: 45px; 

    list-style: none;
}
.service-product--products .service-detail--product--name
{
    font-weight: 700;
}

/*--------------------------*/
/* Service Channel Listing
/* MMGY Advertising
/*--------------------------*/
.service-channel-listing
{
    position: relative;

    width: 100%;
    max-width: 100%;
    margin: 0 auto;

    background-color: #fff;
    background-color: #fff;
}
.service-channel-listing--container
{
    position: relative;
    position: relative;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column; 

    max-width: 1600px;
    margin: 0 auto;
    padding: 45px 0;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
}
@media only screen and (min-width: 768px)
{
    .service-channel-listing--container
    {
        padding-right: 45px; 
        padding-left: 45px;
    }
}
#bootstrap-grid-frame-jhbsdovu .service-channel-listing--container
{
    display: block;
}
@media only screen and (min-width: 768px)
{
    .service-channel-listing--container
    {
        padding: 100px 0;
    }
}

.service-channel-listing--item
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column; 

    margin: 0;
    padding-top: 30px;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
}
@media only screen and (min-width: 768px)
{
    .service-channel-listing--item
    {
            flex-direction: row;

        padding-top: 90px; 

        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
    }
}

.service-channel-listing--item--image
{
    font-size: 0;

    position: relative;

    width: 91.66667%;
    margin-bottom: 30px;
    margin-left: 4.16667%;
    padding-top: 15px;
    padding-right: 15px;
    padding-bottom: 15px; 
    padding-left: 15px;
}
@media only screen and (min-width: 768px)
{
    .service-channel-listing--item--image
    {
        width: 41.66667%;
        margin-bottom: 0; 
        margin-left: 4.16667%;
        padding-right: 15px;
        padding-left: 15px;
    }
    .service-channel-listing--item:nth-child(odd) .service-channel-listing--item--image
    {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }
    .service-channel-listing--item:nth-child(even) .service-channel-listing--item--image
    {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }
}
.service-channel-listing--item--image img
{
    position: relative;
    z-index: 1;
}
.service-channel-listing--item--image--shadow
{
    position: absolute;
    z-index: 0; 
    top: 0;

    border-radius: 999px;
}
.service-channel-listing--item:nth-child(odd) .service-channel-listing--item--image--shadow
{
    left: -10%; 

    background: -webkit-gradient(linear, left top, right top, from(#f4f4f4), to(rgba(244, 244, 244, 0)));
    background: linear-gradient(to right, #f4f4f4 0%, rgba(244, 244, 244, 0) 100%);
}
.service-channel-listing--item:nth-child(even) .service-channel-listing--item--image--shadow
{
    left: 10%; 

    background: -webkit-gradient(linear, right top, left top, from(#f4f4f4), to(rgba(244, 244, 244, 0)));
    background: linear-gradient(to left, #f4f4f4 0%, rgba(244, 244, 244, 0) 100%);
}

.service-channel-listing--item--details
{
    position: relative;
    z-index: 1; 

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column;

    width: 100%;
    padding-right: 15px;
    padding-left: 15px;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
@media only screen and (min-width: 768px)
{
    .service-channel-listing--item:nth-child(odd) .service-channel-listing--item--details
    {
        width: 41.66667%;
        margin-left: 4.16667%; 
        padding-right: 15px;
        padding-left: 15px;

        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }
    .service-channel-listing--item:nth-child(even) .service-channel-listing--item--details
    {
        width: 41.66667%;
        margin-left: 12.5%; 

        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }
}
.service-channel-listing--item--details h2
{
    font-family: zuume-edge, sans-serif;
    font-weight: 700;
    line-height: 1;

    margin: 0 0 30px; 

    text-decoration: none;
    
    
    text-transform: uppercase;

    color: #000;
}
.service-channel-listing--item--details h2
{
    font-size: 16px;
}
@media screen and (min-width: 544px)
{
    .service-channel-listing--item--details h2
    {
        font-size: calc(16px + 0 * ((100vw - 544px) / 896));
    }
}
@media screen and (min-width: 1440px)
{
    .service-channel-listing--item--details h2
    {
        font-size: 16px;
    }
}
body .service-channel-listing--item--details p
{
    font-family: "Archivo", serif;
    font-weight: 600;
    line-height: 1.25;

    text-decoration: none;


    color: #000;
}
body .service-channel-listing--item--details p
{
    font-size: 24px;
}
@media screen and (min-width: 544px)
{
    body .service-channel-listing--item--details p
    {
        font-size: calc(24px + 6 * ((100vw - 544px) / 896));
    }
}
@media screen and (min-width: 1440px)
{
    body .service-channel-listing--item--details p
    {
        font-size: 30px;
    }
}

.service-channel-listing--item--services
{
    margin-top: 15px;
    padding: 0; 

    list-style: none;
}
.service-channel-listing--item--services > li
{
    float: left; 

    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}
@media only screen and (min-width: 768px)
{
    .service-channel-listing--item--services > li
    {
        width: 37.5%;
    }
}
.service-channel-listing--item--services > li a
{
    line-height: 1;
}
.service-channel-listing--item--services > li a:hover,
.service-channel-listing--item--services > li a:focus,
.service-channel-listing--item--services > li a:active
{
    color: rgba(238, 66, 43, .7);
}
.service-channel-listing--item--services a.tooltip
{
    cursor: pointer;
}

/*--------------------*/
/* Short Contact Form
/*--------------------*/
.short-contact-form
{
    position: relative;
    right: 50%;
    left: 50%;

    width: 100vw;
    max-width: 100vw;
    margin-right: -50vw;
    margin-left: -50vw;
    padding-top: 75px;
    padding-bottom: 75px; 

    background-color: #f4f4f4;
}
@media only screen and (min-width: 768px)
{
    .short-contact-form
    {
        margin-top: 60px;
    }
}
.short-contact-form--container
{
    position: relative;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    max-width: 1600px;
    margin: 0 auto;

    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
@media only screen and (min-width: 768px)
{
    .short-contact-form--container
    {
        padding-right: 45px; 
        padding-left: 45px;
    }
}
#bootstrap-grid-frame-jhbsdovu .short-contact-form--container
{
    display: block;
}

.short-contact-form--content
{
    width: 100%;
    margin-bottom: 30px; 
    padding-right: 15px;
    padding-left: 15px;
}
@media only screen and (min-width: 992px)
{
    .short-contact-form--content
    {
        width: 41.66667%;
        padding-right: 15px; 
        padding-left: 15px;
    }
}
@media only screen and (min-width: 1200px)
{
    .short-contact-form--content
    {
        width: 41.66667%;
        margin-left: 8.33333%; 
        padding-right: 15px;
        padding-left: 15px;
    }
}
.short-contact-form--content h3
{
    font-family: zuume-edge, sans-serif;
    font-weight: 700;
    line-height: 1;
    line-height: 1.25;

    text-align: left; 
    text-decoration: none;
    
    text-transform: uppercase;

    color: #000;
}
.short-contact-form--content h3
{
    font-size: 22px;
}
@media screen and (min-width: 544px)
{
    .short-contact-form--content h3
    {
        font-size: calc(22px + 6 * ((100vw - 544px) / 896));
    }
}
@media screen and (min-width: 1440px)
{
    .short-contact-form--content h3
    {
        font-size: 28px;
    }
}

.short-contact-form--form
{
    width: 100%;
    margin-bottom: -15px; 
    padding-right: 15px;
    padding-left: 15px;
}
@media only screen and (min-width: 992px)
{
    .short-contact-form--form
    {
        width: 58.33333%;
        padding-right: 15px; 
        padding-left: 15px;
    }
}
@media only screen and (min-width: 1200px)
{
    .short-contact-form--form
    {
        width: 41.66667%;
        padding-right: 15px; 
        padding-left: 15px;
    }
}
.short-contact-form--form .gform_body
{
    margin-bottom: 0;
}
.short-contact-form--form .gform_body label
{
    display: none;
}
.short-contact-form--form .gform_footer input[type=submit]
{
    float: right;
}
.short-contact-form--form .gform_fields
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.short-contact-form--form .gform_fields .gfield
{
    margin-bottom: 15px;
}
.short-contact-form--form .gform_fields .scf--name
{
    width: 100%;
}
@media only screen and (min-width: 544px)
{
    .short-contact-form--form .gform_fields .scf--name
    {
        width: 50%;
        padding-right: 7.5px;
    }
}
.short-contact-form--form .gform_fields .scf--email
{
    width: 100%;
}
@media only screen and (min-width: 544px)
{
    .short-contact-form--form .gform_fields .scf--email
    {
        width: 50%;
        padding-left: 7.5px;
    }
}
.short-contact-form--form .gform_fields .scf--message
{
    width: 100%;
    margin-bottom: 0;
}
.short-contact-form--form .gform_fields .scf--message .ginput_container_textarea
{
    font-size: 0;
}
.short-contact-form--form .gform_fields .scf--message .ginput_container_textarea textarea
{
    line-height: 1.2; 

    padding-bottom: 30px;
}
.short-contact-form--form .gform_button
{
    font-family: "Archivo", sans-serif;
    font-weight: 600;
    font-weight: 700;

    width: 125px;
    padding: 0;

    -webkit-transform: translateX(-10px) translateY(-150%);
            transform: translateX(-10px) translateY(-150%); 
    text-decoration: none;

    text-transform: uppercase;

    color: #f8340d;
    border: none;
}
.short-contact-form--form .gform_button
{
    font-size: 10px;
}
@media screen and (min-width: 544px)
{
    .short-contact-form--form .gform_button
    {
        font-size: calc(10px + 2 * ((100vw - 544px) / 896));
    }
}
@media screen and (min-width: 1440px)
{
    .short-contact-form--form .gform_button
    {
        font-size: 12px;
    }
}
.short-contact-form--form .gform_button a
{
    -webkit-transition: opacity ease .3s;
            transition: opacity ease .3s;
    text-decoration: none; 

    color: #f8340d;
}
.short-contact-form--form .gform_button a:hover,
.short-contact-form--form .gform_button a:focus,
.short-contact-form--form .gform_button a:active
{
    -webkit-transition: opacity ease .3s;
            transition: opacity ease .3s;
}
.short-contact-form--form * ::-webkit-input-placeholder
{
    /* Chrome/Opera/Safari */
    font-family: "Archivo", sans-serif;
    font-weight: 600;
    font-weight: 700; 

    text-decoration: none;

    text-transform: uppercase;

    color: #a7a7a7;
}
.short-contact-form--form * ::-moz-placeholder
{
    /* Chrome/Opera/Safari */
    font-family: "Archivo", sans-serif;
    font-weight: 600;
    font-weight: 700; 

    text-decoration: none;

    text-transform: uppercase;

    color: #a7a7a7;
}
.short-contact-form--form * :-ms-input-placeholder
{
    /* Chrome/Opera/Safari */
    font-family: "Archivo", sans-serif;
    font-weight: 600;
    font-weight: 700; 

    text-decoration: none;

    text-transform: uppercase;

    color: #a7a7a7;
}
.short-contact-form--form * ::-ms-input-placeholder
{
    /* Chrome/Opera/Safari */
    font-family: "Archivo", sans-serif;
    font-weight: 600;
    font-weight: 700; 

    text-decoration: none;

    text-transform: uppercase;

    color: #a7a7a7;
}
.short-contact-form--form * ::placeholder
{
    /* Chrome/Opera/Safari */
    font-family: "Archivo", sans-serif;
    font-weight: 600;
    font-weight: 700; 

    text-decoration: none;

    text-transform: uppercase;

    color: #a7a7a7;
}
.short-contact-form--form * ::-webkit-input-placeholder
{
    font-size: 10px;
}
.short-contact-form--form * ::-moz-placeholder
{
    font-size: 10px;
}
.short-contact-form--form * :-ms-input-placeholder
{
    font-size: 10px;
}
.short-contact-form--form * ::-ms-input-placeholder
{
    font-size: 10px;
}
.short-contact-form--form * ::placeholder
{
    font-size: 10px;
}
@media screen and (min-width: 544px)
{
    .short-contact-form--form * ::-webkit-input-placeholder
    {
        font-size: calc(10px + 2 * ((100vw - 544px) / 896));
    }
    .short-contact-form--form * ::-moz-placeholder
    {
        font-size: calc(10px + 2 * ((100vw - 544px) / 896));
    }
    .short-contact-form--form * :-ms-input-placeholder
    {
        font-size: calc(10px + 2 * ((100vw - 544px) / 896));
    }
    .short-contact-form--form * ::-ms-input-placeholder
    {
        font-size: calc(10px + 2 * ((100vw - 544px) / 896));
    }
    .short-contact-form--form * ::placeholder
    {
        font-size: calc(10px + 2 * ((100vw - 544px) / 896));
    }
}
@media screen and (min-width: 1440px)
{
    .short-contact-form--form * ::-webkit-input-placeholder
    {
        font-size: 12px;
    }
    .short-contact-form--form * ::-moz-placeholder
    {
        font-size: 12px;
    }
    .short-contact-form--form * :-ms-input-placeholder
    {
        font-size: 12px;
    }
    .short-contact-form--form * ::-ms-input-placeholder
    {
        font-size: 12px;
    }
    .short-contact-form--form * ::placeholder
    {
        font-size: 12px;
    }
}
.short-contact-form--form * ::-webkit-input-placeholder a
{
    -webkit-transition: opacity ease .3s;
            transition: opacity ease .3s;
    text-decoration: none; 

    color: #a7a7a7;
}
.short-contact-form--form * ::-moz-placeholder a
{
    -webkit-transition: opacity ease .3s;
            transition: opacity ease .3s;
    text-decoration: none; 

    color: #a7a7a7;
}
.short-contact-form--form * :-ms-input-placeholder a
{
    -webkit-transition: opacity ease .3s;
            transition: opacity ease .3s;
    text-decoration: none; 

    color: #a7a7a7;
}
.short-contact-form--form * ::-ms-input-placeholder a
{
    -webkit-transition: opacity ease .3s;
            transition: opacity ease .3s;
    text-decoration: none; 

    color: #a7a7a7;
}
.short-contact-form--form * ::placeholder a
{
    -webkit-transition: opacity ease .3s;
            transition: opacity ease .3s;
    text-decoration: none; 

    color: #a7a7a7;
}
.short-contact-form--form * ::-webkit-input-placeholder a:hover,
.short-contact-form--form * ::-webkit-input-placeholder a:focus,
.short-contact-form--form * ::-webkit-input-placeholder a:active
{
    -webkit-transition: opacity ease .3s;
            transition: opacity ease .3s;
}
.short-contact-form--form * ::-moz-placeholder a:hover,
.short-contact-form--form * ::-moz-placeholder a:focus,
.short-contact-form--form * ::-moz-placeholder a:active
{
    -webkit-transition: opacity ease .3s;
            transition: opacity ease .3s;
}
.short-contact-form--form * :-ms-input-placeholder a:hover,
.short-contact-form--form * :-ms-input-placeholder a:focus,
.short-contact-form--form * :-ms-input-placeholder a:active
{
    -webkit-transition: opacity ease .3s;
            transition: opacity ease .3s;
}
.short-contact-form--form * ::-ms-input-placeholder a:hover,
.short-contact-form--form * ::-ms-input-placeholder a:focus,
.short-contact-form--form * ::-ms-input-placeholder a:active
{
    -webkit-transition: opacity ease .3s;
            transition: opacity ease .3s;
}
.short-contact-form--form * ::placeholder a:hover,
.short-contact-form--form * ::placeholder a:focus,
.short-contact-form--form * ::placeholder a:active
{
    -webkit-transition: opacity ease .3s;
            transition: opacity ease .3s;
}
.short-contact-form--form * ::-moz-placeholder
{
    /* Firefox 19+ */
    color: pink;
}
.short-contact-form--form * :-ms-input-placeholder
{
    /* IE 10+ */
    color: pink;
}
.short-contact-form--form * :-moz-placeholder
{
    /* Firefox 18- */
    color: pink;
}

/*--------------------------*/
/* Social Sharing
/*--------------------------*/
.social-share
{
    position: fixed;
    z-index: 300; 
    right: 0;
    bottom: 100px;

    margin: 0;
    padding: 0;

    list-style: none;
}
body[device=mobile] .social-share,
body.home .social-share,
body.post-type-archive-work .social-share
{
    display: none;
}
.social-share > li
{
    -webkit-transition: all ease-in-out 1000ms;
            transition: all ease-in-out 1000ms;
    -webkit-transition-delay: 3500ms;
            transition-delay: 3500ms; 
    -webkit-transform: translateX(500%);
            transform: translateX(500%);
}
body.ready .social-share > li
{
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
}
.social-share > li > a
{
    position: relative;

    display: block;

    width: 45px;
    height: 45px; 

    background-color: #f8340d;
}
.social-share > li > a::before
{
    position: absolute;
    top: 50%;
    left: 50%;

    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);

    color: #fff;
}
.social-share > li > a:hover,
.social-share > li > a:focus,
.social-share > li > a:active
{
    background-color: #d52811;
}

.share--facebook::before
{
    font-family: 'iconfont-mmgy';
    font-size: 20px;
    font-weight: 100;
    font-style: normal;
    font-variant: normal;
    line-height: 1;

    content: '';
    text-transform: none;

    color: inherit;

    speak: none;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.share--twitter::before
{
    font-family: 'iconfont-mmgy';
    font-size: 20px;
    font-weight: 100;
    font-style: normal;
    font-variant: normal;
    line-height: 1;

    content: '';
    text-transform: none;

    color: inherit;

    speak: none;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.share--email::before
{
    font-family: 'iconfont-mmgy';
    font-size: 20px;
    font-weight: 100;
    font-style: normal;
    font-variant: normal;
    line-height: 1;

    content: '';
    text-transform: none;

    color: inherit;

    speak: none;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/*----------------------*/
/* Spotlight Content
/*----------------------*/
.spotlight-content
{
    font-size: 0;

    position: relative;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    max-width: 1600px;
    margin: 0 auto;
    margin-top: 30px;
}
@media only screen and (min-width: 768px)
{
    .spotlight-content
    {
        padding-right: 45px; 
        padding-left: 45px;
    }
}
#bootstrap-grid-frame-jhbsdovu .spotlight-content
{
    display: block;
}
@media only screen and (min-width: 768px)
{
    .spotlight-content
    {
        margin-top: 60px;
    }
}

.spotlight-content--block
{
    position: relative;

    width: 100%;
    padding-right: 15px; 
    padding-left: 15px;
}
.spotlight-content--block:not(html):not(body)
{
    width: 100%;
    height: 100%; 

    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center center;
       object-position: center center;
}
@media only screen and (max-width: 767px)
{
    .spotlight-content--block
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
            flex-direction: column;

        padding-right: 0; 
        padding-left: 0;

        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
    }
}

.spotlight-content--image
{
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
}

.spotlight-content--content
{
    position: relative;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column;

    padding: 30px;

    opacity: 0;
    background-color: #f8340d;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
}
body.ready .spotlight-content--content
{
    -webkit-transition: opacity ease-in-out 400ms;
            transition: opacity ease-in-out 400ms; 

    opacity: 1;
}
@media only screen and (min-width: 768px)
{
    .spotlight-content--content
    {
        position: absolute;
        top: 50%;
        left: 100px;

        width: 25%;
        min-width: 250px; 
        max-width: 400px;

        -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
    }
}
.spotlight-content--content .btn,
.spotlight-content--content .btn__block,
.spotlight-content--content .content-block--form .gform_button.button,
.content-block--form .spotlight-content--content .gform_button.button
{
    position: absolute;
    right: 0;
    bottom: 0;

    -webkit-transform: translateY(100%);
            transform: translateY(100%);
}
@media only screen and (min-width: 768px)
{
    .spotlight-content--content .btn,
    .spotlight-content--content .btn__block,
    .spotlight-content--content .content-block--form .gform_button.button,
    .content-block--form .spotlight-content--content .gform_button.button
    {
        -webkit-transform: translateX(40%) translateY(30%);
                transform: translateX(40%) translateY(30%);
    }
    .spotlight-content--content .btn:hover,
    .spotlight-content--content .btn__block:hover,
    .spotlight-content--content .content-block--form .gform_button.button:hover,
    .content-block--form .spotlight-content--content .gform_button.button:hover,
    .spotlight-content--content .btn:focus,
    .spotlight-content--content .btn__block:focus,
    .spotlight-content--content .content-block--form .gform_button.button:focus,
    .content-block--form .spotlight-content--content .gform_button.button:focus,
    .spotlight-content--content .btn:active,
    .spotlight-content--content .btn__block:active,
    .spotlight-content--content .content-block--form .gform_button.button:active,
    .content-block--form .spotlight-content--content .gform_button.button:active
    {
        -webkit-transform: translateX(40%) translateY(30%) scale(1.1);
                transform: translateX(40%) translateY(30%) scale(1.1);
    }
}

.spotlight-content--date
{
    font-family: "Archivo", sans-serif;
    font-weight: 600;
    font-weight: 600; 

    text-decoration: none;

    text-transform: uppercase;

    color: #000;
}
.spotlight-content--date
{
    font-size: 10px;
}
@media screen and (min-width: 544px)
{
    .spotlight-content--date
    {
        font-size: calc(10px + 2 * ((100vw - 544px) / 896));
    }
}
@media screen and (min-width: 1440px)
{
    .spotlight-content--date
    {
        font-size: 12px;
    }
}
.spotlight-content--date a
{
    -webkit-transition: opacity ease .3s;
            transition: opacity ease .3s;
    text-decoration: none; 

    color: #000;
}
.spotlight-content--date a:hover,
.spotlight-content--date a:focus,
.spotlight-content--date a:active
{
    -webkit-transition: opacity ease .3s;
            transition: opacity ease .3s;
}

.spotlight-content--headline
{
    font-family: zuume-edge, sans-serif;
    font-weight: 700;
    line-height: 1;

    display: block;

    text-align: left; 
    text-decoration: none;
    
    
    text-transform: uppercase;

    color: #000;
}
.spotlight-content--headline
{
    font-size: 16px;
}
@media screen and (min-width: 544px)
{
    .spotlight-content--headline
    {
        font-size: calc(16px + 0 * ((100vw - 544px) / 896));
    }
}
@media screen and (min-width: 1440px)
{
    .spotlight-content--headline
    {
        font-size: 16px;
    }
}

/*--------------*/
/* Team Detail
/*--------------*/
.team-detail
{
    position: relative;
    z-index: 100; 

    width: 100%;
    max-width: 100%;
    margin: 0 auto;

    background-color: #fff;
    background-color: #fff;
}
.team-detail--block
{
    width: 100%;
}
.team-detail--name,
.team-detail--toolbar
{
    width: 100%;
    padding-right: 15px; 
    padding-left: 15px;
}
@media only screen and (min-width: 992px)
{
    .team-detail--name,
    .team-detail--toolbar
    {
        width: 83.33333%;
        margin-left: 8.33333%;
    }
}
@media only screen and (min-width: 1200px)
{
    .team-detail--name,
    .team-detail--toolbar
    {
        width: 66.66667%;
        margin-left: 16.66667%;
    }
}
.team-detail--name
{
    font-family: zuume-edge, sans-serif;
    font-weight: 700;
    line-height: 1;

    margin-bottom: 10px; 

    text-align: left;
    text-decoration: none;
    
    text-transform: uppercase;

    color: #000;
}
.team-detail--name
{
    font-size: 20px;
}
@media screen and (min-width: 544px)
{
    .team-detail--name
    {
        font-size: calc(20px + 8 * ((100vw - 544px) / 896));
    }
}
@media screen and (min-width: 1440px)
{
    .team-detail--name
    {
        font-size: 28px;
    }
}
@media only screen and (min-width: 768px)
{
    .team-detail--name
    {
        margin-top: 20px;
    }
}
.team-detail--toolbar
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
@media only screen and (min-width: 768px)
{
    .team-detail--toolbar
    {
            flex-direction: row; 

        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
    }
}
.team-detail--job-title
{
    font-family: "Archivo", sans-serif;
    font-weight: 400;
    line-height: 1.9;
    line-height: 1;

    padding-bottom: 15px;
}
.team-detail--job-title
{
    font-size: 15px;
}
@media screen and (min-width: 544px)
{
    .team-detail--job-title
    {
        font-size: calc(15px + 2 * ((100vw - 544px) / 896));
    }
}
@media screen and (min-width: 1440px)
{
    .team-detail--job-title
    {
        font-size: 17px;
    }
}
body.text-color-light .team-detail--job-title
{
    color: #fff;
}
body.text-color-dark .team-detail--job-title
{
    color: #000;
}
.team-detail--job-title a
{
    text-decoration: none; 

    color: #f8340d;
}
.team-detail--job-title a:hover,
.team-detail--job-title a:focus,
.team-detail--job-title a:active
{
    color: #f8340d;
}
@media only screen and (min-width: 768px)
{
    .team-detail--job-title
    {
        font-family: "Archivo", sans-serif;
        font-weight: 400;
        line-height: 1.9;

        padding-bottom: 0; 

        color: #000;
    }
    .team-detail--job-title
    {
        font-size: 15px;
    }
}
@media only screen and (min-width: 768px) and (min-width: 544px)
{
    .team-detail--job-title
    {
        font-size: calc(15px + 2 * ((100vw - 544px) / 896));
    }
}
@media only screen and (min-width: 768px) and (min-width: 1440px)
{
    .team-detail--job-title
    {
        font-size: 17px;
    }
}
@media only screen and (min-width: 768px)
{
    .team-detail--job-title a
    {
        text-decoration: none; 

        color: #f8340d;
    }
    .team-detail--job-title a:hover,
    .team-detail--job-title a:focus,
    .team-detail--job-title a:active
    {
        color: #f8340d;
    }
    .team-detail--job-title
    {
        font-size: 20px;
    }
}
@media only screen and (min-width: 768px) and (min-width: 544px)
{
    .team-detail--job-title
    {
        font-size: calc(20px + 2 * ((100vw - 544px) / 448));
    }
}
@media only screen and (min-width: 768px) and (min-width: 992px)
{
    .team-detail--job-title
    {
        font-size: 22px;
    }
}
@media only screen and (max-width: 767px)
{
    .team-detail .nav-social
    {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
}
@media only screen and (max-width: 767px)
{
    .team-detail .team-detail--photo
    {
        padding-right: 0; 
        padding-left: 0;
    }
}

/*-----------------------*/
/* Team Listing
/* MMGY Advertising
/*-----------------------*/
.team-listing
{
    position: relative;

    width: 100%;
    max-width: 100%;
    margin: 0 auto;

    background-color: #fff;
    background-color: #141414;
}

.team-listing--container
{
    position: relative;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column;

    max-width: 1600px;
    margin: 0 auto;
    padding: 60px 0; 

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
}
@media only screen and (min-width: 768px)
{
    .team-listing--container
    {
        padding-right: 45px; 
        padding-left: 45px;
    }
}
#bootstrap-grid-frame-jhbsdovu .team-listing--container
{
    display: block;
}
@media only screen and (min-width: 768px)
{
    .team-listing--container
    {
        padding: 140px 0 100px;
    }
}
.team-listing--container h2
{
    font-family: zuume-edge, sans-serif;
    font-weight: 700;
    line-height: 1;

    width: 100%;
    margin-bottom: 30px; 
    padding-right: 15px;
    padding-left: 15px;

    text-decoration: none;
    
    
    text-transform: uppercase;

    color: #fff;
}
.team-listing--container h2
{
    font-size: 21px;
}
@media only screen and (min-width: 544px)
{
    .team-listing--container h2
    {
        width: 83.33333%;
        margin-left: 8.33333%;
    }
}
@media only screen and (min-width: 768px)
{
    .team-listing--container h2
    {
            flex-direction: row; 

        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
    }
}
@media only screen and (min-width: 1200px)
{
    .team-listing--container h2
    {
        width: 66.66667%;
        margin-left: 16.66667%;
    }
}
.team-listing--container ul
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column;

    width: 100%; 
    padding: 0;

    list-style: none;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
@media only screen and (min-width: 544px)
{
    .team-listing--container ul
    {
            flex-direction: row; 

        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
    }
}
@media only screen and (min-width: 768px)
{
    .team-listing--container ul
    {
        width: 83.33333%;
        margin-left: 8.33333%;
    }
}
@media only screen and (min-width: 1200px)
{
    .team-listing--container ul
    {
        width: 66.66667%;
        margin-left: 16.66667%;
    }
}
.team-listing--container ul li
{
    width: 100%;
    margin-bottom: 20px; 
    padding-right: 15px;
    padding-left: 15px;
}
@media only screen and (min-width: 544px)
{
    .team-listing--container ul li
    {
        width: 50%;
        margin-bottom: 60px;
    }
}
@media only screen and (min-width: 768px)
{
    .team-listing--container ul li
    {
        width: 33.33333%;
    }
}
.team-listing--container ul li::before
{
    display: block;

    padding-top: 30px; 

    content: '';

    border-top: 1px solid #fff;
}
.team-listing--container ul li a
{
    font-family: "Archivo", serif;
    font-weight: 600;
    line-height: 1.25;

    display: block;

    text-decoration: none;


    color: #fff;
}
.team-listing--container ul li a
{
    font-size: 24px;
}
@media screen and (min-width: 544px)
{
    .team-listing--container ul li a
    {
        font-size: calc(24px + 6 * ((100vw - 544px) / 896));
    }
}
@media screen and (min-width: 1440px)
{
    .team-listing--container ul li a
    {
        font-size: 30px;
    }
}
.team-listing--container ul li a:hover,
.team-listing--container ul li a:focus,
.team-listing--container ul li a:active
{
    color: #f8340d;
}
.team-listing--container ul li .team-listing--job-title
{
    font-family: "Archivo", sans-serif;
    font-weight: 400;
    line-height: 1.9;
    font-size: 18px;

    color: #fff;
}

.team-listing--container ul li .team-listing--job-title a
{
    text-decoration: none; 

    color: #f8340d;
}
.team-listing--container ul li .team-listing--job-title a:hover,
.team-listing--container ul li .team-listing--job-title a:focus,
.team-listing--container ul li .team-listing--job-title a:active
{
    color: #f8340d;
}
.team-listing--container ul li .team-listing--job-title
{
    font-size: 12px;
}
@media screen and (min-width: 544px)
{
    .team-listing--container ul li .team-listing--job-title
    {
        font-size: calc(12px + 2 * ((100vw - 544px) / 448));
    }
}
@media screen and (min-width: 992px)
{
    .team-listing--container ul li .team-listing--job-title
    {
        font-size: 14px;
    }
}

/*----------------------*/
/* Team Tiles
/*----------------------*/
.team-tiles
{
    position: relative;

    max-width: 1600px;
    margin: 0 auto;
    margin-top: 80px; 

    *zoom: 1;
}
.team-tiles::before,
.team-tiles::after
{
    display: table; 

    content: ' ';
}
.team-tiles::after
{
    clear: both;
}
#bootstrap-grid-frame-jhbsdovu .team-tiles
{
    display: block;
}
@media only screen and (min-width: 992px)
{
    .team-tiles
    {
        padding-right: 40px; 
        padding-left: 40px;
    }
}

.team-tiles--item
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    margin: 0;
    padding: 0;

    list-style: none;

    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
@media only screen and (min-width: 992px)
{
    .team-tiles--item
    {
        width: 91.66667%;
        margin-left: 4.16667%; 
        padding-right: 15px;
        padding-left: 15px;
    }
}
.team-tiles--item > li
{
    width: 100%;
    padding-right: 15px; 
    padding-left: 15px;
}
@media only screen and (min-width: 544px)
{
    .team-tiles--item > li
    {
        width: 50%;
        padding-right: 0; 
        padding-left: 0;
    }
}
@media only screen and (min-width: 768px)
{
    .team-tiles--item > li
    {
        width: 33.33333%;
    }
}

/*-----------------------*/
/* Work Listing
/* MMGY Advertising
/*-----------------------*/
.work-listing
{
    position: relative;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    width: 100%;
    max-width: 100%;
    margin: 0 auto;

    background-color: #141414;
}
@media only screen and (max-width: 991px)
{
    .work-listing
    {
            flex-direction: column; 

        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
    }
}

.work-listing--list.alt-layout .work-listing--item:nth-child(1),
.work-listing--item:nth-child(2),
.work-listing--item:nth-child(3),
.work-listing--list.alt-layout .work-listing--item:nth-child(4)
{
    width: 100vw;
    height: 75vw;
}
@media only screen and (min-width: 544px)
{
    .work-listing--list.alt-layout .work-listing--item:nth-child(1),
    .work-listing--item:nth-child(2),
    .work-listing--item:nth-child(3),
    .work-listing--list.alt-layout .work-listing--item:nth-child(4)
    {
        width: 50vw;
        height: 30vw;
    }
}
@media only screen and (min-width: 768px)
{
    .work-listing--list.alt-layout .work-listing--item:nth-child(1),
    .work-listing--item:nth-child(2),
    .work-listing--item:nth-child(3),
    .work-listing--list.alt-layout .work-listing--item:nth-child(4)
    {
        width: 65%; 
        height: 50vh;
    }
    .work-listing--list.alt-layout .work-listing--item:nth-child(1) .hero-listing--content,
    .work-listing--item:nth-child(2) .hero-listing--content,
    .work-listing--item:nth-child(3) .hero-listing--content,
    .work-listing--list.alt-layout .work-listing--item:nth-child(4) .hero-listing--content
    {
        width: 50%;
    }
}

.work-listing--item,
.work-listing--item:nth-child(1),
.work-listing--list.alt-layout .work-listing--item:nth-child(2),
.work-listing--list.alt-layout .work-listing--item:nth-child(3),
.work-listing--item:nth-child(4)
{
    width: 100vw;
    height: 75vw;
}
@media only screen and (min-width: 544px)
{
    .work-listing--item,
    .work-listing--item:nth-child(1),
    .work-listing--list.alt-layout .work-listing--item:nth-child(2),
    .work-listing--list.alt-layout .work-listing--item:nth-child(3),
    .work-listing--item:nth-child(4)
    {
        width: 50vw;
        height: 30vw;
    }
}
@media only screen and (min-width: 768px)
{
    .work-listing--item,
    .work-listing--item:nth-child(1),
    .work-listing--list.alt-layout .work-listing--item:nth-child(2),
    .work-listing--list.alt-layout .work-listing--item:nth-child(3),
    .work-listing--item:nth-child(4)
    {
        width: 35%; 
        height: 50vh;
    }
    .work-listing--item .hero-listing--content,
    .work-listing--list.alt-layout .work-listing--item:nth-child(2) .hero-listing--content,
    .work-listing--list.alt-layout .work-listing--item:nth-child(3) .hero-listing--content
    {
        width: 75%;
    }
}

.work-listing--list
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    width: 100vw;
    padding: 0; 

    list-style: none;

    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
@media only screen and (min-width: 992px)
{
    .work-listing--list
    {
        width: 78vw;
    }
}

.work-listing--item
{
    position: relative;

    -webkit-transition: width 600ms ease-in-out;
            transition: width 600ms ease-in-out;
}
.work-listing--item::before
{
    position: absolute;
    z-index: 0; 
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    content: '';

    opacity: .3;
}
.work-listing--item:nth-child(1)::before
{
    border-bottom: 1px solid #fff; 
    border-left: 1px solid #fff;
}
.work-listing--item:nth-child(1) .work-listing--trigger
{
    top: 30px;
    right: 30px;
}
.work-listing--item:nth-child(2)::before
{
    border-bottom: 1px solid #fff; 
    border-left: 1px solid #fff;
}
.work-listing--item:nth-child(2) .work-listing--trigger
{
    top: 30px;
    left: 30px;
}
.work-listing--list.alt-layout .work-listing--item:nth-child(2) .work-listing--trigger
{
    top: 30px;
    left: 30px;
}
.work-listing--item:nth-child(3)::before
{
    border-left: 1px solid #fff;
}
.work-listing--item:nth-child(3) .work-listing--trigger
{
    top: 30px;
    right: 30px;
}
.work-listing--list.alt-layout .work-listing--item:nth-child(3) .work-listing--trigger
{
    top: 30px;
    right: 30px;
}
.work-listing--item:nth-child(4)::before
{
    border-left: 1px solid #fff;
}
.work-listing--item:nth-child(4) .work-listing--trigger
{
    top: 30px;
    left: 30px;
}
.work-listing--list.alt-layout .work-listing--item:nth-child(4) .work-listing--trigger
{
    top: 30px;
    left: 30px;
}
.work-listing--item a
{
    position: absolute;

    display: block;

    width: 100%;
    height: 100%;

    opacity: 0;
}
.work-listing--item a img
{
    -webkit-transition: opacity ease-in-out 400ms 400ms;
            transition: opacity ease-in-out 400ms 400ms;
}
.work-listing--item a:hover img,
.work-listing--item a:focus img,
.work-listing--item a:active img
{
    -webkit-transition: opacity ease-in-out 400ms;
            transition: opacity ease-in-out 400ms; 

    opacity: .25;
}
body.ready .work-listing--item:nth-child(1) a
{
    -webkit-transition-delay: 100ms;
            transition-delay: 100ms;
}
.work-listing--item:nth-child(1) a.loaded
{
    -webkit-animation: work-fadein 300ms ease-in-out 100ms forwards;
            animation: work-fadein 300ms ease-in-out 100ms forwards;
}
.work-listing--item:nth-child(1) a.loaded
{
    opacity: 0;
}
.work-listing--item:nth-child(1) a.loaded.removing
{
    -webkit-animation: work-fadeout 300ms ease-in-out 100ms forwards;
            animation: work-fadeout 300ms ease-in-out 100ms forwards; 

    opacity: 1;
}
body.ready .work-listing--item:nth-child(2) a
{
    -webkit-transition-delay: 200ms;
            transition-delay: 200ms;
}
.work-listing--item:nth-child(2) a.loaded
{
    -webkit-animation: work-fadein 300ms ease-in-out 200ms forwards;
            animation: work-fadein 300ms ease-in-out 200ms forwards;
}
.work-listing--item:nth-child(2) a.loaded
{
    opacity: 0;
}
.work-listing--item:nth-child(2) a.loaded.removing
{
    -webkit-animation: work-fadeout 300ms ease-in-out 200ms forwards;
            animation: work-fadeout 300ms ease-in-out 200ms forwards; 

    opacity: 1;
}
body.ready .work-listing--item:nth-child(3) a
{
    -webkit-transition-delay: 300ms;
            transition-delay: 300ms;
}
.work-listing--item:nth-child(3) a.loaded
{
    -webkit-animation: work-fadein 300ms ease-in-out 300ms forwards;
            animation: work-fadein 300ms ease-in-out 300ms forwards;
}
.work-listing--item:nth-child(3) a.loaded
{
    opacity: 0;
}
.work-listing--item:nth-child(3) a.loaded.removing
{
    -webkit-animation: work-fadeout 300ms ease-in-out 300ms forwards;
            animation: work-fadeout 300ms ease-in-out 300ms forwards; 

    opacity: 1;
}
body.ready .work-listing--item:nth-child(4) a
{
    -webkit-transition-delay: 400ms;
            transition-delay: 400ms;
}
.work-listing--item:nth-child(4) a.loaded
{
    -webkit-animation: work-fadein 300ms ease-in-out 400ms forwards;
            animation: work-fadein 300ms ease-in-out 400ms forwards;
}
.work-listing--item:nth-child(4) a.loaded
{
    opacity: 0;
}
.work-listing--item:nth-child(4) a.loaded.removing
{
    -webkit-animation: work-fadeout 300ms ease-in-out 400ms forwards;
            animation: work-fadeout 300ms ease-in-out 400ms forwards; 

    opacity: 1;
}
body.ready .work-listing--item:nth-child(5) a
{
    -webkit-transition-delay: 500ms;
            transition-delay: 500ms;
}
.work-listing--item:nth-child(5) a.loaded
{
    -webkit-animation: work-fadein 300ms ease-in-out 500ms forwards;
            animation: work-fadein 300ms ease-in-out 500ms forwards;
}
.work-listing--item:nth-child(5) a.loaded
{
    opacity: 0;
}
.work-listing--item:nth-child(5) a.loaded.removing
{
    -webkit-animation: work-fadeout 300ms ease-in-out 500ms forwards;
            animation: work-fadeout 300ms ease-in-out 500ms forwards; 

    opacity: 1;
}
body.ready .work-listing--item:nth-child(6) a
{
    -webkit-transition-delay: 600ms;
            transition-delay: 600ms;
}
.work-listing--item:nth-child(6) a.loaded
{
    -webkit-animation: work-fadein 300ms ease-in-out 600ms forwards;
            animation: work-fadein 300ms ease-in-out 600ms forwards;
}
.work-listing--item:nth-child(6) a.loaded
{
    opacity: 0;
}
.work-listing--item:nth-child(6) a.loaded.removing
{
    -webkit-animation: work-fadeout 300ms ease-in-out 600ms forwards;
            animation: work-fadeout 300ms ease-in-out 600ms forwards; 

    opacity: 1;
}
body.ready .work-listing--item:nth-child(7) a
{
    -webkit-transition-delay: 700ms;
            transition-delay: 700ms;
}
.work-listing--item:nth-child(7) a.loaded
{
    -webkit-animation: work-fadein 300ms ease-in-out 700ms forwards;
            animation: work-fadein 300ms ease-in-out 700ms forwards;
}
.work-listing--item:nth-child(7) a.loaded
{
    opacity: 0;
}
.work-listing--item:nth-child(7) a.loaded.removing
{
    -webkit-animation: work-fadeout 300ms ease-in-out 700ms forwards;
            animation: work-fadeout 300ms ease-in-out 700ms forwards; 

    opacity: 1;
}
body.ready .work-listing--item:nth-child(8) a
{
    -webkit-transition-delay: 800ms;
            transition-delay: 800ms;
}
.work-listing--item:nth-child(8) a.loaded
{
    -webkit-animation: work-fadein 300ms ease-in-out 800ms forwards;
            animation: work-fadein 300ms ease-in-out 800ms forwards;
}
.work-listing--item:nth-child(8) a.loaded
{
    opacity: 0;
}
.work-listing--item:nth-child(8) a.loaded.removing
{
    -webkit-animation: work-fadeout 300ms ease-in-out 800ms forwards;
            animation: work-fadeout 300ms ease-in-out 800ms forwards; 

    opacity: 1;
}
body.ready .work-listing--item:nth-child(9) a
{
    -webkit-transition-delay: 900ms;
            transition-delay: 900ms;
}
.work-listing--item:nth-child(9) a.loaded
{
    -webkit-animation: work-fadein 300ms ease-in-out 900ms forwards;
            animation: work-fadein 300ms ease-in-out 900ms forwards;
}
.work-listing--item:nth-child(9) a.loaded
{
    opacity: 0;
}
.work-listing--item:nth-child(9) a.loaded.removing
{
    -webkit-animation: work-fadeout 300ms ease-in-out 900ms forwards;
            animation: work-fadeout 300ms ease-in-out 900ms forwards; 

    opacity: 1;
}
body.ready .work-listing--item:nth-child(10) a
{
    -webkit-transition-delay: 1000ms;
            transition-delay: 1000ms;
}
.work-listing--item:nth-child(10) a.loaded
{
    -webkit-animation: work-fadein 300ms ease-in-out 1000ms forwards;
            animation: work-fadein 300ms ease-in-out 1000ms forwards;
}
.work-listing--item:nth-child(10) a.loaded
{
    opacity: 0;
}
.work-listing--item:nth-child(10) a.loaded.removing
{
    -webkit-animation: work-fadeout 300ms ease-in-out 1000ms forwards;
            animation: work-fadeout 300ms ease-in-out 1000ms forwards; 

    opacity: 1;
}
body.ready .work-listing--item:nth-child(11) a
{
    -webkit-transition-delay: 1100ms;
            transition-delay: 1100ms;
}
.work-listing--item:nth-child(11) a.loaded
{
    -webkit-animation: work-fadein 300ms ease-in-out 1100ms forwards;
            animation: work-fadein 300ms ease-in-out 1100ms forwards;
}
.work-listing--item:nth-child(11) a.loaded
{
    opacity: 0;
}
.work-listing--item:nth-child(11) a.loaded.removing
{
    -webkit-animation: work-fadeout 300ms ease-in-out 1100ms forwards;
            animation: work-fadeout 300ms ease-in-out 1100ms forwards; 

    opacity: 1;
}
body.ready .work-listing--item:nth-child(12) a
{
    -webkit-transition-delay: 1200ms;
            transition-delay: 1200ms;
}
.work-listing--item:nth-child(12) a.loaded
{
    -webkit-animation: work-fadein 300ms ease-in-out 1200ms forwards;
            animation: work-fadein 300ms ease-in-out 1200ms forwards;
}
.work-listing--item:nth-child(12) a.loaded
{
    opacity: 0;
}
.work-listing--item:nth-child(12) a.loaded.removing
{
    -webkit-animation: work-fadeout 300ms ease-in-out 1200ms forwards;
            animation: work-fadeout 300ms ease-in-out 1200ms forwards; 

    opacity: 1;
}
body.ready .work-listing--item:nth-child(13) a
{
    -webkit-transition-delay: 1300ms;
            transition-delay: 1300ms;
}
.work-listing--item:nth-child(13) a.loaded
{
    -webkit-animation: work-fadein 300ms ease-in-out 1300ms forwards;
            animation: work-fadein 300ms ease-in-out 1300ms forwards;
}
.work-listing--item:nth-child(13) a.loaded
{
    opacity: 0;
}
.work-listing--item:nth-child(13) a.loaded.removing
{
    -webkit-animation: work-fadeout 300ms ease-in-out 1300ms forwards;
            animation: work-fadeout 300ms ease-in-out 1300ms forwards; 

    opacity: 1;
}
body.ready .work-listing--item:nth-child(14) a
{
    -webkit-transition-delay: 1400ms;
            transition-delay: 1400ms;
}
.work-listing--item:nth-child(14) a.loaded
{
    -webkit-animation: work-fadein 300ms ease-in-out 1400ms forwards;
            animation: work-fadein 300ms ease-in-out 1400ms forwards;
}
.work-listing--item:nth-child(14) a.loaded
{
    opacity: 0;
}
.work-listing--item:nth-child(14) a.loaded.removing
{
    -webkit-animation: work-fadeout 300ms ease-in-out 1400ms forwards;
            animation: work-fadeout 300ms ease-in-out 1400ms forwards; 

    opacity: 1;
}
body.ready .work-listing--item:nth-child(15) a
{
    -webkit-transition-delay: 1500ms;
            transition-delay: 1500ms;
}
.work-listing--item:nth-child(15) a.loaded
{
    -webkit-animation: work-fadein 300ms ease-in-out 1500ms forwards;
            animation: work-fadein 300ms ease-in-out 1500ms forwards;
}
.work-listing--item:nth-child(15) a.loaded
{
    opacity: 0;
}
.work-listing--item:nth-child(15) a.loaded.removing
{
    -webkit-animation: work-fadeout 300ms ease-in-out 1500ms forwards;
            animation: work-fadeout 300ms ease-in-out 1500ms forwards; 

    opacity: 1;
}
body.ready .work-listing--item:nth-child(16) a
{
    -webkit-transition-delay: 1600ms;
            transition-delay: 1600ms;
}
.work-listing--item:nth-child(16) a.loaded
{
    -webkit-animation: work-fadein 300ms ease-in-out 1600ms forwards;
            animation: work-fadein 300ms ease-in-out 1600ms forwards;
}
.work-listing--item:nth-child(16) a.loaded
{
    opacity: 0;
}
.work-listing--item:nth-child(16) a.loaded.removing
{
    -webkit-animation: work-fadeout 300ms ease-in-out 1600ms forwards;
            animation: work-fadeout 300ms ease-in-out 1600ms forwards; 

    opacity: 1;
}
body.ready .work-listing--item:nth-child(17) a
{
    -webkit-transition-delay: 1700ms;
            transition-delay: 1700ms;
}
.work-listing--item:nth-child(17) a.loaded
{
    -webkit-animation: work-fadein 300ms ease-in-out 1700ms forwards;
            animation: work-fadein 300ms ease-in-out 1700ms forwards;
}
.work-listing--item:nth-child(17) a.loaded
{
    opacity: 0;
}
.work-listing--item:nth-child(17) a.loaded.removing
{
    -webkit-animation: work-fadeout 300ms ease-in-out 1700ms forwards;
            animation: work-fadeout 300ms ease-in-out 1700ms forwards; 

    opacity: 1;
}
body.ready .work-listing--item:nth-child(18) a
{
    -webkit-transition-delay: 1800ms;
            transition-delay: 1800ms;
}
.work-listing--item:nth-child(18) a.loaded
{
    -webkit-animation: work-fadein 300ms ease-in-out 1800ms forwards;
            animation: work-fadein 300ms ease-in-out 1800ms forwards;
}
.work-listing--item:nth-child(18) a.loaded
{
    opacity: 0;
}
.work-listing--item:nth-child(18) a.loaded.removing
{
    -webkit-animation: work-fadeout 300ms ease-in-out 1800ms forwards;
            animation: work-fadeout 300ms ease-in-out 1800ms forwards; 

    opacity: 1;
}
body.ready .work-listing--item:nth-child(19) a
{
    -webkit-transition-delay: 1900ms;
            transition-delay: 1900ms;
}
.work-listing--item:nth-child(19) a.loaded
{
    -webkit-animation: work-fadein 300ms ease-in-out 1900ms forwards;
            animation: work-fadein 300ms ease-in-out 1900ms forwards;
}
.work-listing--item:nth-child(19) a.loaded
{
    opacity: 0;
}
.work-listing--item:nth-child(19) a.loaded.removing
{
    -webkit-animation: work-fadeout 300ms ease-in-out 1900ms forwards;
            animation: work-fadeout 300ms ease-in-out 1900ms forwards; 

    opacity: 1;
}
body.ready .work-listing--item:nth-child(20) a
{
    -webkit-transition-delay: 2000ms;
            transition-delay: 2000ms;
}
.work-listing--item:nth-child(20) a.loaded
{
    -webkit-animation: work-fadein 300ms ease-in-out 2000ms forwards;
            animation: work-fadein 300ms ease-in-out 2000ms forwards;
}
.work-listing--item:nth-child(20) a.loaded
{
    opacity: 0;
}
.work-listing--item:nth-child(20) a.loaded.removing
{
    -webkit-animation: work-fadeout 300ms ease-in-out 2000ms forwards;
            animation: work-fadeout 300ms ease-in-out 2000ms forwards; 

    opacity: 1;
}
body.ready .work-listing--item:nth-child(21) a
{
    -webkit-transition-delay: 2100ms;
            transition-delay: 2100ms;
}
.work-listing--item:nth-child(21) a.loaded
{
    -webkit-animation: work-fadein 300ms ease-in-out 2100ms forwards;
            animation: work-fadein 300ms ease-in-out 2100ms forwards;
}
.work-listing--item:nth-child(21) a.loaded
{
    opacity: 0;
}
.work-listing--item:nth-child(21) a.loaded.removing
{
    -webkit-animation: work-fadeout 300ms ease-in-out 2100ms forwards;
            animation: work-fadeout 300ms ease-in-out 2100ms forwards; 

    opacity: 1;
}
body.ready .work-listing--item:nth-child(22) a
{
    -webkit-transition-delay: 2200ms;
            transition-delay: 2200ms;
}
.work-listing--item:nth-child(22) a.loaded
{
    -webkit-animation: work-fadein 300ms ease-in-out 2200ms forwards;
            animation: work-fadein 300ms ease-in-out 2200ms forwards;
}
.work-listing--item:nth-child(22) a.loaded
{
    opacity: 0;
}
.work-listing--item:nth-child(22) a.loaded.removing
{
    -webkit-animation: work-fadeout 300ms ease-in-out 2200ms forwards;
            animation: work-fadeout 300ms ease-in-out 2200ms forwards; 

    opacity: 1;
}
body.ready .work-listing--item:nth-child(23) a
{
    -webkit-transition-delay: 2300ms;
            transition-delay: 2300ms;
}
.work-listing--item:nth-child(23) a.loaded
{
    -webkit-animation: work-fadein 300ms ease-in-out 2300ms forwards;
            animation: work-fadein 300ms ease-in-out 2300ms forwards;
}
.work-listing--item:nth-child(23) a.loaded
{
    opacity: 0;
}
.work-listing--item:nth-child(23) a.loaded.removing
{
    -webkit-animation: work-fadeout 300ms ease-in-out 2300ms forwards;
            animation: work-fadeout 300ms ease-in-out 2300ms forwards; 

    opacity: 1;
}
body.ready .work-listing--item:nth-child(24) a
{
    -webkit-transition-delay: 2400ms;
            transition-delay: 2400ms;
}
.work-listing--item:nth-child(24) a.loaded
{
    -webkit-animation: work-fadein 300ms ease-in-out 2400ms forwards;
            animation: work-fadein 300ms ease-in-out 2400ms forwards;
}
.work-listing--item:nth-child(24) a.loaded
{
    opacity: 0;
}
.work-listing--item:nth-child(24) a.loaded.removing
{
    -webkit-animation: work-fadeout 300ms ease-in-out 2400ms forwards;
            animation: work-fadeout 300ms ease-in-out 2400ms forwards; 

    opacity: 1;
}
body.ready .work-listing--item:nth-child(25) a
{
    -webkit-transition-delay: 2500ms;
            transition-delay: 2500ms;
}
.work-listing--item:nth-child(25) a.loaded
{
    -webkit-animation: work-fadein 300ms ease-in-out 2500ms forwards;
            animation: work-fadein 300ms ease-in-out 2500ms forwards;
}
.work-listing--item:nth-child(25) a.loaded
{
    opacity: 0;
}
.work-listing--item:nth-child(25) a.loaded.removing
{
    -webkit-animation: work-fadeout 300ms ease-in-out 2500ms forwards;
            animation: work-fadeout 300ms ease-in-out 2500ms forwards; 

    opacity: 1;
}
body.ready .work-listing--item:nth-child(26) a
{
    -webkit-transition-delay: 2600ms;
            transition-delay: 2600ms;
}
.work-listing--item:nth-child(26) a.loaded
{
    -webkit-animation: work-fadein 300ms ease-in-out 2600ms forwards;
            animation: work-fadein 300ms ease-in-out 2600ms forwards;
}
.work-listing--item:nth-child(26) a.loaded
{
    opacity: 0;
}
.work-listing--item:nth-child(26) a.loaded.removing
{
    -webkit-animation: work-fadeout 300ms ease-in-out 2600ms forwards;
            animation: work-fadeout 300ms ease-in-out 2600ms forwards; 

    opacity: 1;
}
body.ready .work-listing--item:nth-child(27) a
{
    -webkit-transition-delay: 2700ms;
            transition-delay: 2700ms;
}
.work-listing--item:nth-child(27) a.loaded
{
    -webkit-animation: work-fadein 300ms ease-in-out 2700ms forwards;
            animation: work-fadein 300ms ease-in-out 2700ms forwards;
}
.work-listing--item:nth-child(27) a.loaded
{
    opacity: 0;
}
.work-listing--item:nth-child(27) a.loaded.removing
{
    -webkit-animation: work-fadeout 300ms ease-in-out 2700ms forwards;
            animation: work-fadeout 300ms ease-in-out 2700ms forwards; 

    opacity: 1;
}
body.ready .work-listing--item:nth-child(28) a
{
    -webkit-transition-delay: 2800ms;
            transition-delay: 2800ms;
}
.work-listing--item:nth-child(28) a.loaded
{
    -webkit-animation: work-fadein 300ms ease-in-out 2800ms forwards;
            animation: work-fadein 300ms ease-in-out 2800ms forwards;
}
.work-listing--item:nth-child(28) a.loaded
{
    opacity: 0;
}
.work-listing--item:nth-child(28) a.loaded.removing
{
    -webkit-animation: work-fadeout 300ms ease-in-out 2800ms forwards;
            animation: work-fadeout 300ms ease-in-out 2800ms forwards; 

    opacity: 1;
}
body.ready .work-listing--item:nth-child(29) a
{
    -webkit-transition-delay: 2900ms;
            transition-delay: 2900ms;
}
.work-listing--item:nth-child(29) a.loaded
{
    -webkit-animation: work-fadein 300ms ease-in-out 2900ms forwards;
            animation: work-fadein 300ms ease-in-out 2900ms forwards;
}
.work-listing--item:nth-child(29) a.loaded
{
    opacity: 0;
}
.work-listing--item:nth-child(29) a.loaded.removing
{
    -webkit-animation: work-fadeout 300ms ease-in-out 2900ms forwards;
            animation: work-fadeout 300ms ease-in-out 2900ms forwards; 

    opacity: 1;
}
body.ready .work-listing--item:nth-child(30) a
{
    -webkit-transition-delay: 3000ms;
            transition-delay: 3000ms;
}
.work-listing--item:nth-child(30) a.loaded
{
    -webkit-animation: work-fadein 300ms ease-in-out 3000ms forwards;
            animation: work-fadein 300ms ease-in-out 3000ms forwards;
}
.work-listing--item:nth-child(30) a.loaded
{
    opacity: 0;
}
.work-listing--item:nth-child(30) a.loaded.removing
{
    -webkit-animation: work-fadeout 300ms ease-in-out 3000ms forwards;
            animation: work-fadeout 300ms ease-in-out 3000ms forwards; 

    opacity: 1;
}
body.ready .work-listing--item:nth-child(31) a
{
    -webkit-transition-delay: 3100ms;
            transition-delay: 3100ms;
}
.work-listing--item:nth-child(31) a.loaded
{
    -webkit-animation: work-fadein 300ms ease-in-out 3100ms forwards;
            animation: work-fadein 300ms ease-in-out 3100ms forwards;
}
.work-listing--item:nth-child(31) a.loaded
{
    opacity: 0;
}
.work-listing--item:nth-child(31) a.loaded.removing
{
    -webkit-animation: work-fadeout 300ms ease-in-out 3100ms forwards;
            animation: work-fadeout 300ms ease-in-out 3100ms forwards; 

    opacity: 1;
}
body.ready .work-listing--item:nth-child(32) a
{
    -webkit-transition-delay: 3200ms;
            transition-delay: 3200ms;
}
.work-listing--item:nth-child(32) a.loaded
{
    -webkit-animation: work-fadein 300ms ease-in-out 3200ms forwards;
            animation: work-fadein 300ms ease-in-out 3200ms forwards;
}
.work-listing--item:nth-child(32) a.loaded
{
    opacity: 0;
}
.work-listing--item:nth-child(32) a.loaded.removing
{
    -webkit-animation: work-fadeout 300ms ease-in-out 3200ms forwards;
            animation: work-fadeout 300ms ease-in-out 3200ms forwards; 

    opacity: 1;
}
body.ready .work-listing--item:nth-child(33) a
{
    -webkit-transition-delay: 3300ms;
            transition-delay: 3300ms;
}
.work-listing--item:nth-child(33) a.loaded
{
    -webkit-animation: work-fadein 300ms ease-in-out 3300ms forwards;
            animation: work-fadein 300ms ease-in-out 3300ms forwards;
}
.work-listing--item:nth-child(33) a.loaded
{
    opacity: 0;
}
.work-listing--item:nth-child(33) a.loaded.removing
{
    -webkit-animation: work-fadeout 300ms ease-in-out 3300ms forwards;
            animation: work-fadeout 300ms ease-in-out 3300ms forwards; 

    opacity: 1;
}
body.ready .work-listing--item:nth-child(34) a
{
    -webkit-transition-delay: 3400ms;
            transition-delay: 3400ms;
}
.work-listing--item:nth-child(34) a.loaded
{
    -webkit-animation: work-fadein 300ms ease-in-out 3400ms forwards;
            animation: work-fadein 300ms ease-in-out 3400ms forwards;
}
.work-listing--item:nth-child(34) a.loaded
{
    opacity: 0;
}
.work-listing--item:nth-child(34) a.loaded.removing
{
    -webkit-animation: work-fadeout 300ms ease-in-out 3400ms forwards;
            animation: work-fadeout 300ms ease-in-out 3400ms forwards; 

    opacity: 1;
}
body.ready .work-listing--item:nth-child(35) a
{
    -webkit-transition-delay: 3500ms;
            transition-delay: 3500ms;
}
.work-listing--item:nth-child(35) a.loaded
{
    -webkit-animation: work-fadein 300ms ease-in-out 3500ms forwards;
            animation: work-fadein 300ms ease-in-out 3500ms forwards;
}
.work-listing--item:nth-child(35) a.loaded
{
    opacity: 0;
}
.work-listing--item:nth-child(35) a.loaded.removing
{
    -webkit-animation: work-fadeout 300ms ease-in-out 3500ms forwards;
            animation: work-fadeout 300ms ease-in-out 3500ms forwards; 

    opacity: 1;
}
body.ready .work-listing--item:nth-child(36) a
{
    -webkit-transition-delay: 3600ms;
            transition-delay: 3600ms;
}
.work-listing--item:nth-child(36) a.loaded
{
    -webkit-animation: work-fadein 300ms ease-in-out 3600ms forwards;
            animation: work-fadein 300ms ease-in-out 3600ms forwards;
}
.work-listing--item:nth-child(36) a.loaded
{
    opacity: 0;
}
.work-listing--item:nth-child(36) a.loaded.removing
{
    -webkit-animation: work-fadeout 300ms ease-in-out 3600ms forwards;
            animation: work-fadeout 300ms ease-in-out 3600ms forwards; 

    opacity: 1;
}
body.ready .work-listing--item:nth-child(37) a
{
    -webkit-transition-delay: 3700ms;
            transition-delay: 3700ms;
}
.work-listing--item:nth-child(37) a.loaded
{
    -webkit-animation: work-fadein 300ms ease-in-out 3700ms forwards;
            animation: work-fadein 300ms ease-in-out 3700ms forwards;
}
.work-listing--item:nth-child(37) a.loaded
{
    opacity: 0;
}
.work-listing--item:nth-child(37) a.loaded.removing
{
    -webkit-animation: work-fadeout 300ms ease-in-out 3700ms forwards;
            animation: work-fadeout 300ms ease-in-out 3700ms forwards; 

    opacity: 1;
}
body.ready .work-listing--item:nth-child(38) a
{
    -webkit-transition-delay: 3800ms;
            transition-delay: 3800ms;
}
.work-listing--item:nth-child(38) a.loaded
{
    -webkit-animation: work-fadein 300ms ease-in-out 3800ms forwards;
            animation: work-fadein 300ms ease-in-out 3800ms forwards;
}
.work-listing--item:nth-child(38) a.loaded
{
    opacity: 0;
}
.work-listing--item:nth-child(38) a.loaded.removing
{
    -webkit-animation: work-fadeout 300ms ease-in-out 3800ms forwards;
            animation: work-fadeout 300ms ease-in-out 3800ms forwards; 

    opacity: 1;
}
body.ready .work-listing--item:nth-child(39) a
{
    -webkit-transition-delay: 3900ms;
            transition-delay: 3900ms;
}
.work-listing--item:nth-child(39) a.loaded
{
    -webkit-animation: work-fadein 300ms ease-in-out 3900ms forwards;
            animation: work-fadein 300ms ease-in-out 3900ms forwards;
}
.work-listing--item:nth-child(39) a.loaded
{
    opacity: 0;
}
.work-listing--item:nth-child(39) a.loaded.removing
{
    -webkit-animation: work-fadeout 300ms ease-in-out 3900ms forwards;
            animation: work-fadeout 300ms ease-in-out 3900ms forwards; 

    opacity: 1;
}
body.ready .work-listing--item:nth-child(40) a
{
    -webkit-transition-delay: 4000ms;
            transition-delay: 4000ms;
}
.work-listing--item:nth-child(40) a.loaded
{
    -webkit-animation: work-fadein 300ms ease-in-out 4000ms forwards;
            animation: work-fadein 300ms ease-in-out 4000ms forwards;
}
.work-listing--item:nth-child(40) a.loaded
{
    opacity: 0;
}
.work-listing--item:nth-child(40) a.loaded.removing
{
    -webkit-animation: work-fadeout 300ms ease-in-out 4000ms forwards;
            animation: work-fadeout 300ms ease-in-out 4000ms forwards; 

    opacity: 1;
}
body.ready .work-listing--item:nth-child(41) a
{
    -webkit-transition-delay: 4100ms;
            transition-delay: 4100ms;
}
.work-listing--item:nth-child(41) a.loaded
{
    -webkit-animation: work-fadein 300ms ease-in-out 4100ms forwards;
            animation: work-fadein 300ms ease-in-out 4100ms forwards;
}
.work-listing--item:nth-child(41) a.loaded
{
    opacity: 0;
}
.work-listing--item:nth-child(41) a.loaded.removing
{
    -webkit-animation: work-fadeout 300ms ease-in-out 4100ms forwards;
            animation: work-fadeout 300ms ease-in-out 4100ms forwards; 

    opacity: 1;
}
body.ready .work-listing--item:nth-child(42) a
{
    -webkit-transition-delay: 4200ms;
            transition-delay: 4200ms;
}
.work-listing--item:nth-child(42) a.loaded
{
    -webkit-animation: work-fadein 300ms ease-in-out 4200ms forwards;
            animation: work-fadein 300ms ease-in-out 4200ms forwards;
}
.work-listing--item:nth-child(42) a.loaded
{
    opacity: 0;
}
.work-listing--item:nth-child(42) a.loaded.removing
{
    -webkit-animation: work-fadeout 300ms ease-in-out 4200ms forwards;
            animation: work-fadeout 300ms ease-in-out 4200ms forwards; 

    opacity: 1;
}
body.ready .work-listing--item:nth-child(43) a
{
    -webkit-transition-delay: 4300ms;
            transition-delay: 4300ms;
}
.work-listing--item:nth-child(43) a.loaded
{
    -webkit-animation: work-fadein 300ms ease-in-out 4300ms forwards;
            animation: work-fadein 300ms ease-in-out 4300ms forwards;
}
.work-listing--item:nth-child(43) a.loaded
{
    opacity: 0;
}
.work-listing--item:nth-child(43) a.loaded.removing
{
    -webkit-animation: work-fadeout 300ms ease-in-out 4300ms forwards;
            animation: work-fadeout 300ms ease-in-out 4300ms forwards; 

    opacity: 1;
}
body.ready .work-listing--item:nth-child(44) a
{
    -webkit-transition-delay: 4400ms;
            transition-delay: 4400ms;
}
.work-listing--item:nth-child(44) a.loaded
{
    -webkit-animation: work-fadein 300ms ease-in-out 4400ms forwards;
            animation: work-fadein 300ms ease-in-out 4400ms forwards;
}
.work-listing--item:nth-child(44) a.loaded
{
    opacity: 0;
}
.work-listing--item:nth-child(44) a.loaded.removing
{
    -webkit-animation: work-fadeout 300ms ease-in-out 4400ms forwards;
            animation: work-fadeout 300ms ease-in-out 4400ms forwards; 

    opacity: 1;
}
body.ready .work-listing--item:nth-child(45) a
{
    -webkit-transition-delay: 4500ms;
            transition-delay: 4500ms;
}
.work-listing--item:nth-child(45) a.loaded
{
    -webkit-animation: work-fadein 300ms ease-in-out 4500ms forwards;
            animation: work-fadein 300ms ease-in-out 4500ms forwards;
}
.work-listing--item:nth-child(45) a.loaded
{
    opacity: 0;
}
.work-listing--item:nth-child(45) a.loaded.removing
{
    -webkit-animation: work-fadeout 300ms ease-in-out 4500ms forwards;
            animation: work-fadeout 300ms ease-in-out 4500ms forwards; 

    opacity: 1;
}
body.ready .work-listing--item:nth-child(46) a
{
    -webkit-transition-delay: 4600ms;
            transition-delay: 4600ms;
}
.work-listing--item:nth-child(46) a.loaded
{
    -webkit-animation: work-fadein 300ms ease-in-out 4600ms forwards;
            animation: work-fadein 300ms ease-in-out 4600ms forwards;
}
.work-listing--item:nth-child(46) a.loaded
{
    opacity: 0;
}
.work-listing--item:nth-child(46) a.loaded.removing
{
    -webkit-animation: work-fadeout 300ms ease-in-out 4600ms forwards;
            animation: work-fadeout 300ms ease-in-out 4600ms forwards; 

    opacity: 1;
}
body.ready .work-listing--item:nth-child(47) a
{
    -webkit-transition-delay: 4700ms;
            transition-delay: 4700ms;
}
.work-listing--item:nth-child(47) a.loaded
{
    -webkit-animation: work-fadein 300ms ease-in-out 4700ms forwards;
            animation: work-fadein 300ms ease-in-out 4700ms forwards;
}
.work-listing--item:nth-child(47) a.loaded
{
    opacity: 0;
}
.work-listing--item:nth-child(47) a.loaded.removing
{
    -webkit-animation: work-fadeout 300ms ease-in-out 4700ms forwards;
            animation: work-fadeout 300ms ease-in-out 4700ms forwards; 

    opacity: 1;
}
body.ready .work-listing--item:nth-child(48) a
{
    -webkit-transition-delay: 4800ms;
            transition-delay: 4800ms;
}
.work-listing--item:nth-child(48) a.loaded
{
    -webkit-animation: work-fadein 300ms ease-in-out 4800ms forwards;
            animation: work-fadein 300ms ease-in-out 4800ms forwards;
}
.work-listing--item:nth-child(48) a.loaded
{
    opacity: 0;
}
.work-listing--item:nth-child(48) a.loaded.removing
{
    -webkit-animation: work-fadeout 300ms ease-in-out 4800ms forwards;
            animation: work-fadeout 300ms ease-in-out 4800ms forwards; 

    opacity: 1;
}
body.ready .work-listing--item:nth-child(49) a
{
    -webkit-transition-delay: 4900ms;
            transition-delay: 4900ms;
}
.work-listing--item:nth-child(49) a.loaded
{
    -webkit-animation: work-fadein 300ms ease-in-out 4900ms forwards;
            animation: work-fadein 300ms ease-in-out 4900ms forwards;
}
.work-listing--item:nth-child(49) a.loaded
{
    opacity: 0;
}
.work-listing--item:nth-child(49) a.loaded.removing
{
    -webkit-animation: work-fadeout 300ms ease-in-out 4900ms forwards;
            animation: work-fadeout 300ms ease-in-out 4900ms forwards; 

    opacity: 1;
}
body.ready .work-listing--item:nth-child(50) a
{
    -webkit-transition-delay: 5000ms;
            transition-delay: 5000ms;
}
.work-listing--item:nth-child(50) a.loaded
{
    -webkit-animation: work-fadein 300ms ease-in-out 5000ms forwards;
            animation: work-fadein 300ms ease-in-out 5000ms forwards;
}
.work-listing--item:nth-child(50) a.loaded
{
    opacity: 0;
}
.work-listing--item:nth-child(50) a.loaded.removing
{
    -webkit-animation: work-fadeout 300ms ease-in-out 5000ms forwards;
            animation: work-fadeout 300ms ease-in-out 5000ms forwards; 

    opacity: 1;
}
.work-listing--item img:not(html):not(body)
{
    width: 100%;
    height: 100%; 

    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center center;
       object-position: center center;
}

.hero-listing--content
{
    position: absolute;
    z-index: 1; 
    bottom: 30px;
    left: 30px;

    opacity: 1;
}
.hero-listing--content .work-listing--client
{
    font-family: zuume-edge, sans-serif;
    font-weight: 700;
    line-height: 1;

    text-decoration: none;
    
     
    text-transform: uppercase;

    color: #fff;
}
.hero-listing--content .work-listing--client
{
    font-size: 40px;
}
.hero-listing--content .work-listing--tagline
{
    font-family: "Archivo", serif;
    font-size: 0;
    font-weight: 600;
    line-height: 1.25;

    -webkit-transition: font-size 200ms ease-in-out 200ms, opacity 200ms ease-in-out;
            transition: font-size 200ms ease-in-out 200ms, opacity 200ms ease-in-out; 
    text-decoration: none;


    opacity: 0;
    color: #fff;
}
a:hover .hero-listing--content .work-listing--tagline
{
    -webkit-transition: font-size 400ms ease-in-out 0ms, opacity 200ms ease-in-out 400ms;
            transition: font-size 400ms ease-in-out 0ms, opacity 200ms ease-in-out 400ms; 

    opacity: 1;
}
a:hover .hero-listing--content .work-listing--tagline
{
    font-size: 24px;
}
@media screen and (min-width: 544px)
{
    a:hover .hero-listing--content .work-listing--tagline
    {
        font-size: calc(24px + 6 * ((100vw - 544px) / 896));
    }
}
@media screen and (min-width: 1440px)
{
    a:hover .hero-listing--content .work-listing--tagline
    {
        font-size: 30px;
    }
}

.work-listing--trigger
{
    font-size: 0;

    position: absolute;
    z-index: 1; 

    width: 90px;
    height: 90px;

    -webkit-transition: all cubic-bezier(.68, -.55, .265, 2.15) 400ms;
            transition: all cubic-bezier(.68, -.55, .265, 2.15) 400ms;
    -webkit-transform: scale(.25);
            transform: scale(.25);

    opacity: 0;
    border-radius: 999px;
}
.work-listing--trigger.text-color-light
{
    color: #fff;
}
.work-listing--trigger.text-color-dark
{
    color: #000;
}
.work-listing--trigger::after
{
    font-family: 'iconfont-mmgy';
    font-size: 18px;
    font-weight: 100;
    font-style: normal;
    font-variant: normal;
    line-height: 1;

    position: absolute;
    top: 50%;
    left: 50%;

    content: '';
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); 
    text-transform: none;

    color: inherit;

    speak: none;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
a:hover .work-listing--trigger
{
    -webkit-transition: all cubic-bezier(.68, -.55, .265, 2.15) 400ms 400ms;
            transition: all cubic-bezier(.68, -.55, .265, 2.15) 400ms 400ms; 
    -webkit-transform: scale(1);
            transform: scale(1);

    opacity: 1;
}
a:hover .work-listing--trigger:hover
{
    -webkit-transition: -webkit-transform cubic-bezier(.68, -.55, .265, 2.15) 400ms;
            transition: -webkit-transform cubic-bezier(.68, -.55, .265, 2.15) 400ms;
            transition:         transform cubic-bezier(.68, -.55, .265, 2.15) 400ms;
            transition:         transform cubic-bezier(.68, -.55, .265, 2.15) 400ms, -webkit-transform cubic-bezier(.68, -.55, .265, 2.15) 400ms; 
    -webkit-transform: scale(1.35);
            transform: scale(1.35);
}

.work-listing--controls
{
    position: absolute;
    z-index: 100;
    right: 10px;

    display: none;
        flex-direction: column;

    -webkit-transition: opacity ease-in-out 400ms;
            transition: opacity ease-in-out 400ms; 
    -webkit-transform: translateY(50%);
            transform: translateY(50%);

    opacity: 0;
    border: 1px solid #000;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
}
@media only screen and (min-width: 544px)
{
    .work-listing--controls
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}
@media only screen and (min-width: 992px)
{
    .work-listing--controls
    {
        top: 50%;

        -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
    }
}
.work-listing--controls::before
{
    position: absolute;
    z-index: 1; 
    top: 50%;
    left: 50%;

    display: block;

    width: 20px;
    height: 1px;

    content: '';
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);

    background-color: rgba(255, 255, 255, .3);
}
.work-listing--controls.visible
{
    -webkit-transition: opacity ease-in-out 400ms;
            transition: opacity ease-in-out 400ms; 

    opacity: 1;
}
.work-listing--controls button
{
    font-size: 0;

    position: relative;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    width: 60px;
    height: 60px;

    -webkit-transition: background-color ease-in-out 300ms;
            transition: background-color ease-in-out 300ms;

    color: #fff;
    border: none; 
    background-color: #333132;

    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.work-listing--controls button.work-prev::before
{
    font-family: 'iconfont-mmgy';
    font-size: 15px;
    font-weight: 100;
    font-style: normal;
    font-variant: normal;
    line-height: 1;

    content: '';
    text-transform: none;

    color: inherit;

    speak: none;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.work-listing--controls button.work-next::before
{
    font-family: 'iconfont-mmgy';
    font-size: 15px;
    font-weight: 100;
    font-style: normal;
    font-variant: normal;
    line-height: 1;

    content: '';
    text-transform: none;

    color: inherit;

    speak: none;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.work-listing--controls button::before
{
    position: absolute;
    top: 50%;
    left: 50%;

    -webkit-transition: font-size ease-in-out 300ms;
            transition: font-size ease-in-out 300ms; 
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
}
.work-listing--controls button:hover,
.work-listing--controls button:focus,
.work-listing--controls button:active
{
    -webkit-transition: background-color ease-in-out 300ms;
            transition: background-color ease-in-out 300ms; 

    background-color: #262525;
}
.work-listing--controls button:hover::before,
.work-listing--controls button:focus::before,
.work-listing--controls button:active::before
{
    font-size: 20px;

    -webkit-transition: font-size ease-in-out 300ms;
            transition: font-size ease-in-out 300ms;
}

@-webkit-keyframes work-fadein
{
    0%
    {
        opacity: 0;
    }
    100%
    {
        opacity: 1;
    }
}

@keyframes work-fadein
{
    0%
    {
        opacity: 0;
    }
    100%
    {
        opacity: 1;
    }
}

@-webkit-keyframes work-fadeout
{
    0%
    {
        opacity: 1;
    }
    100%
    {
        opacity: 0;
    }
}

@keyframes work-fadeout
{
    0%
    {
        opacity: 1;
    }
    100%
    {
        opacity: 0;
    }
}

/*-----------------------*/
/* Work Listing -- Filter
/* MMGY Advertising
/*-----------------------*/
.work-listing--filter
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column;

    width: 100vw;
    padding: 120px 30px 30px; 

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
@media only screen and (min-width: 992px)
{
    .work-listing--filter
    {
        width: 22vw;
        height: 100vh;
        padding: 30px;
    }
}
@media only screen and (min-width: 1440px)
{
    .work-listing--filter
    {
        padding: 60px;
    }
    body[browser=IE] .work-listing--filter
    {
        padding: 30px;
    }
}
.work-listing--filter h1
{
    font-family: zuume-edge, sans-serif;
    font-weight: 700;
    line-height: 1;

    max-width: 100%; 

    text-decoration: none;
    
    text-transform: uppercase;

    color: #fff;
}
.work-listing--filter h1
{
    font-size: 20px;
}
@media screen and (min-width: 544px)
{
    .work-listing--filter h1
    {
        font-size: calc(20px + 8 * ((100vw - 544px) / 896));
    }
}
@media screen and (min-width: 1440px)
{
    .work-listing--filter h1
    {
        font-size: 28px;
    }
}
@media only screen and (min-width: 768px)
{
    .work-listing--filter h1
    {
        margin-bottom: 45px;
    }
}
.work-listing--filter h2
{
    font-family: zuume-edge, sans-serif;
    font-weight: 700;
    line-height: 1;

    max-width: 100%; 

    text-decoration: none;


    color: #fff;
}
.work-listing--filter h2
{
    font-size: 40px;
}
@media screen and (min-width: 544px)
{
    .work-listing--filter h2
    {
        font-size: calc(40px + 20 * ((100vw - 544px) / 896));
    }
}
@media screen and (min-width: 1440px)
{
    .work-listing--filter h2
    {
        font-size: 60px;
    }
}
.work-listing--filter h2
{
    font-size: 24px;
}
@media screen and (min-width: 544px)
{
    .work-listing--filter h2
    {
        font-size: calc(24px + 36 * ((100vw - 544px) / 896));
    }
}
@media screen and (min-width: 1440px)
{
    .work-listing--filter h2
    {
        font-size: 60px;
    }
}

/*--------------------------*/
/* Work Listing Filters
/* MMGY Advertising
/*--------------------------*/
.work-listing--filters
{
    position: relative;

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

    color: #fff;
}
.work-listing--filters button
{
    font-family: "Archivo", sans-serif;
    font-weight: 400;
    line-height: 1.9;

    color: #fff;
    border: none; 
    background-color: transparent;
}
.work-listing--filters button
{
    font-size: 15px;
}
@media screen and (min-width: 544px)
{
    .work-listing--filters button
    {
        font-size: calc(15px + 2 * ((100vw - 544px) / 896));
    }
}
@media screen and (min-width: 1440px)
{
    .work-listing--filters button
    {
        font-size: 17px;
    }
}
.work-listing--filters button a
{
    text-decoration: none; 

    color: #f8340d;
}
.work-listing--filters button a:hover,
.work-listing--filters button a:focus,
.work-listing--filters button a:active
{
    color: #f8340d;
}
.work-listing--filters button
{
    font-size: 12px;
}
@media screen and (min-width: 544px)
{
    .work-listing--filters button
    {
        font-size: calc(12px + 2 * ((100vw - 544px) / 448));
    }
}
@media screen and (min-width: 992px)
{
    .work-listing--filters button
    {
        font-size: 14px;
    }
}

.work-listing--filters--select
{
    font-family: "Archivo", sans-serif;
    font-weight: 400;
    line-height: 1.9;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column;

    color: #fff; 

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
}
.work-listing--filters--select
{
    font-size: 15px;
}
@media screen and (min-width: 544px)
{
    .work-listing--filters--select
    {
        font-size: calc(15px + 2 * ((100vw - 544px) / 896));
    }
}
@media screen and (min-width: 1440px)
{
    .work-listing--filters--select
    {
        font-size: 17px;
    }
}
.work-listing--filters--select a
{
    text-decoration: none; 

    color: #f8340d;
}
.work-listing--filters--select a:hover,
.work-listing--filters--select a:focus,
.work-listing--filters--select a:active
{
    color: #f8340d;
}
.work-listing--filters--select
{
    font-size: 12px;
}
@media screen and (min-width: 544px)
{
    .work-listing--filters--select
    {
        font-size: calc(12px + 2 * ((100vw - 544px) / 448));
    }
}
@media screen and (min-width: 992px)
{
    .work-listing--filters--select
    {
        font-size: 14px;
    }
}
body[browser=Safari] .work-listing--filters--select select
{
    padding: 0;
}
.work-listing--filters--select:focus
{
    -webkit-box-shadow: none;
            box-shadow: none;
}
.work-listing--filters--select select
{
    line-height: 1.3;

    display: block;

    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    width: 100%;
    max-width: 100%;
    margin: 0;
    margin: 0;
    margin-left: -7px;
    padding: 0;
    padding: .6em 1.4em .5em .8em;

    text-decoration: underline;

    color: #fff;
    border: none;
    border-radius: .5em;
    background-color: #f8340d;
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E');
    background-repeat: no-repeat, repeat;
    background-position: right .7em top 50%, 0 0;
    background-size: .65em auto, 100%; 
    -webkit-box-shadow: none;
            box-shadow: none;

       -moz-appearance: none;
    -webkit-appearance: none;
            appearance: none;
}
body[browser=IE] .work-listing--filters--select select
{
    background-image: none;
}
.work-listing--filters--select select:focus
{
    -webkit-box-shadow: none;
            box-shadow: none;
}
.work-listing--filters--select::before
{
    margin-bottom: 5px; 

    content: 'Show me: ';
    white-space: nowrap;
}