@charset "UTF-8";
/*! %versionBanner% | Copyright 2016 Microsoft Corporation | This software is based on or incorporates material from the files listed below (collectively, "Third Party Code"). Microsoft is not the original author of the Third Party Code. The original copyright notice and the license under which Microsoft received Third Party Code are set forth below together with the full text of such license. Such notices and license are provided solely for your information. Microsoft, not the third party, licenses this Third Party Code to you under the terms in which you received the Microsoft software or the services, unless Microsoft clearly states that such Microsoft terms do NOT apply for a particular Third Party Code. Unless applicable law gives you more rights, Microsoft reserves all other rights not expressly granted under such agreement(s), whether by implication, estoppel or otherwise.*/
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device orientation change,
 *    without disabling user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

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

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

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

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

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/10/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 of focused elements when they are also in an
 * active/hover state.
 */
a:active,
a:hover {
  outline: 0; }

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

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

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

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

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

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

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

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

td,
th {
  padding: 0; }

@font-face {
  font-family: "MWF-MDL2";
  src: url("../fonts/MWFMDL2.woff") format("woff"), url("../fonts/MWFMDL2.ttf") format("truetype"), url("../fonts/MWFMDL2.svg") format("svg"); }

@font-face {
  font-family: "SegoeUI";
  src: local("Segoe UI"), url("//c.s-microsoft.com/static/fonts/segoe-ui/west-european/normal/latest.woff2") format("woff2"), url("//c.s-microsoft.com/static/fonts/segoe-ui/west-european/normal/latest.woff") format("woff"), url("//c.s-microsoft.com/static/fonts/segoe-ui/west-european/normal/latest.ttf") format("truetype"), url("//c.s-microsoft.com/static/fonts/segoe-ui/west-european/normal/latest.svg#web") format("svg");
  font-weight: 400; }

@font-face {
  font-family: "SegoeUI";
  src: local("Segoe UI Light"), url("//c.s-microsoft.com/static/fonts/segoe-ui/west-european/light/latest.woff2") format("woff2"), url("//c.s-microsoft.com/static/fonts/segoe-ui/west-european/light/latest.woff") format("woff"), url("//c.s-microsoft.com/static/fonts/segoe-ui/west-european/light/latest.ttf") format("truetype"), url("//c.s-microsoft.com/static/fonts/segoe-ui/west-european/light/latest.svg#web") format("svg");
  font-weight: 100; }

@font-face {
  font-family: "SegoeUI";
  src: local("Segoe UI Semilight"), local("Segoe UI"), url("//c.s-microsoft.com/static/fonts/segoe-ui/west-european/semilight/latest.woff2") format("woff2"), url("//c.s-microsoft.com/static/fonts/segoe-ui/west-european/semilight/latest.woff") format("woff"), url("//c.s-microsoft.com/static/fonts/segoe-ui/west-european/semilight/latest.ttf") format("truetype"), url("//c.s-microsoft.com/static/fonts/segoe-ui/west-european/semilight/latest.svg#web") format("svg");
  font-weight: 200; }

@font-face {
  font-family: "SegoeUI";
  src: local("Segoe UI Semibold"), url("//c.s-microsoft.com/static/fonts/segoe-ui/west-european/semibold/latest.woff2") format("woff2"), url("//c.s-microsoft.com/static/fonts/segoe-ui/west-european/semibold/latest.woff") format("woff"), url("//c.s-microsoft.com/static/fonts/segoe-ui/west-european/semibold/latest.ttf") format("truetype"), url("//c.s-microsoft.com/static/fonts/segoe-ui/west-european/semibold/latest.svg#web") format("svg");
  font-weight: 600; }

@font-face {
  font-family: "SegoeUI";
  src: local("Segoe UI Bold"), local("Segoe UI"), url("//c.s-microsoft.com/static/fonts/segoe-ui/west-european/bold/latest.woff2") format("woff2"), url("//c.s-microsoft.com/static/fonts/segoe-ui/west-european/bold/latest.woff") format("woff"), url("//c.s-microsoft.com/static/fonts/segoe-ui/west-european/bold/latest.ttf") format("truetype"), url("//c.s-microsoft.com/static/fonts/segoe-ui/west-european/bold/latest.svg#web") format("svg");
  font-weight: 700; }

.c-heading-1 {
  font-size: 62px;
  line-height: 72px; }

.c-heading-2 {
  font-size: 46px;
  line-height: 56px; }

.c-heading-3, .m-blog-post h1, .c-subheading-1 {
  font-size: 34px;
  line-height: 40px; }

.c-heading-4, .m-blog-post h2, .c-subheading-2 {
  font-size: 24px;
  line-height: 28px; }

.c-heading-5, .m-blog-post h3, .c-subheading-3, .c-paragraph-1 {
  font-size: 20px;
  line-height: 24px; }

.c-heading-6, .m-blog-post h4,
.m-blog-post h5,
.m-blog-post h6, .c-subheading-4, .c-paragraph-2, .m-blog-post blockquote p,
.m-blog-post .c-blockquote p {
  font-size: 18px;
  line-height: 24px; }

.c-subheading-5, .c-subheading-6, .c-paragraph-3, .m-blog-post p, .c-paragraph-4 {
  font-size: 15px;
  line-height: 20px; }

.c-caption-1, .m-blog-post .wp-caption-text {
  font-size: 13px;
  line-height: 16px; }

.c-caption-2 {
  font-size: 11px;
  line-height: 16px; }

.c-heading-1 {
  padding: 38px 0 6px;
  font-weight: 100;
  letter-spacing: -0.01em; }

.c-heading-2 {
  padding: 37px 0 3px;
  font-weight: 100;
  letter-spacing: -0.01em; }

.c-heading-3, .m-blog-post h1 {
  padding: 38px 0 2px;
  font-weight: 100; }

.c-heading-4, .m-blog-post h2 {
  padding: 36px 0 4px;
  font-weight: 200; }

.c-heading-5, .m-blog-post h3 {
  padding: 35px 0 5px;
  font-weight: 200; }

.c-heading-6, .m-blog-post h4,
.m-blog-post h5,
.m-blog-post h6 {
  padding: 37px 0 3px;
  font-weight: 200; }

.c-subheading-1 {
  padding: 2px 0 2px;
  font-weight: 100; }

.c-subheading-2 {
  padding: 4px 0 8px;
  font-weight: 200; }

.c-subheading-3 {
  padding: 8px 0 4px;
  font-weight: 200; }

.c-subheading-4 {
  padding: 9px 0 3px;
  font-weight: 200; }

.c-subheading-5, .c-subheading-6 {
  padding: 8px 0 0;
  font-weight: 200; }

.c-paragraph-1 {
  padding: 24px 0 4px;
  font-weight: 400; }

.c-paragraph-2, .m-blog-post blockquote p,
.m-blog-post .c-blockquote p {
  padding: 25px 0 3px;
  font-weight: 400; }

.c-paragraph-3, .m-blog-post p {
  padding: 24px 0 0;
  font-weight: 400; }

.c-paragraph-4 {
  padding: 24px 0 0;
  font-weight: 400; }

.c-caption-1, .m-blog-post .wp-caption-text {
  padding: 3px 0 1px;
  font-weight: 400; }

.c-caption-2 {
  padding: 4px 0 4px;
  font-weight: 400; }

@media (max-width: 767px) {
  .c-heading-1 {
    font-size: 46px;
    line-height: 56px; }
  .c-heading-2 {
    font-size: 34px;
    line-height: 40px; }
  .c-heading-3, .m-blog-post h1, .c-subheading-1 {
    font-size: 26px;
    line-height: 32px; }
  .c-heading-4, .m-blog-post h2, .c-subheading-2 {
    font-size: 20px;
    line-height: 24px; }
  .c-heading-5, .m-blog-post h3, .c-subheading-3, .c-paragraph-1 {
    font-size: 18px;
    line-height: 24px; }
  .c-heading-6, .m-blog-post h4,
  .m-blog-post h5,
  .m-blog-post h6, .c-subheading-4, .c-paragraph-2, .m-blog-post blockquote p,
  .m-blog-post .c-blockquote p {
    font-size: 16px;
    line-height: 20px; }
  .c-caption-1, .m-blog-post .wp-caption-text {
    font-size: 12px;
    line-height: 16px; }
  .c-caption-2 {
    font-size: 10px;
    line-height: 12px; }
  .c-heading-1 {
    padding: 37px 0 3px; }
  .c-heading-2 {
    padding: 38px 0 2px; }
  .c-heading-5, .m-blog-post h3 {
    padding: 37px 0 3px; }
  .c-heading-6, .m-blog-post h4,
  .m-blog-post h5,
  .m-blog-post h6 {
    padding: 39px 0 1px; }
  .c-subheading-1 {
    padding: 9px 0 3px; }
  .c-subheading-2 {
    padding: 8px 0 4px; }
  .c-subheading-3 {
    padding: 4px 0 4px; }
  .c-subheading-4 {
    padding: 7px 0 5px; }
  .c-paragraph-2, .m-blog-post blockquote p,
  .m-blog-post .c-blockquote p {
    padding: 27px 0 1px; }
  .c-caption-2 {
    padding: 2px 0 2px; } }

html {
  box-sizing: border-box; }

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

body {
  font-size: 15px;
  font-family: "Segoe UI", "SegoeUI", "Helvetica Neue", Helvetica, Arial, sans-serif;
  min-width: 320px;
  color: #000;
  background-color: #FFF; }

.theme-light {
  color: #000;
  background-color: #e6e6e6; }

.theme-dark {
  color: #FFF;
  background-color: #333333; }

h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin-top: 0;
  margin-bottom: 0; }

address {
  font: inherit; }

ol,
ul {
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
  list-style: none; }

dl {
  margin: 0; }

dd {
  margin: 0; }

audio,
canvas,
img,
video {
  vertical-align: middle; }

figure {
  margin: 0; }

a:link,
a:focus,
a:hover,
a:active,
a:visited {
  text-decoration: none;
  color: inherit; }

q,
em,
i,
var {
  font-style: italic; }

strong,
b {
  font-weight: 600; }

mark {
  background-color: #FFF100;
  padding: 1px 4px 2px; }
  @media screen and (-ms-high-contrast: active) {
    mark {
      outline: 1px solid;
      color: inherit; } }

del,
s {
  color: rgba(0, 0, 0, 0.6); }
  .theme-light del, .theme-dark .theme-light del, .theme-light
  s, .theme-dark .theme-light
  s {
    color: rgba(0, 0, 0, 0.6); }
  .theme-dark del, .theme-light .theme-dark del, .theme-dark
  s, .theme-light .theme-dark
  s {
    color: rgba(255, 255, 255, 0.6); }

u,
ins {
  text-decoration: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.6); }
  .theme-light u, .theme-dark .theme-light u, .theme-light
  ins, .theme-dark .theme-light
  ins {
    border-bottom: 1px solid rgba(0, 0, 0, 0.6); }
  .theme-dark u, .theme-light .theme-dark u, .theme-dark
  ins, .theme-light .theme-dark
  ins {
    border-bottom: 1px solid rgba(255, 255, 255, 0.6); }

small,
sub,
sup {
  font-size: 0.8em; }

abbr,
dfn {
  font-style: normal;
  border-bottom: 1px dotted rgba(0, 0, 0, 0.6); }
  .theme-light abbr, .theme-dark .theme-light abbr, .theme-light
  dfn, .theme-dark .theme-light
  dfn {
    border-bottom: 1px dotted rgba(0, 0, 0, 0.6); }
  .theme-dark abbr, .theme-light .theme-dark abbr, .theme-dark
  dfn, .theme-light .theme-dark
  dfn {
    border-bottom: 1px dotted rgba(255, 255, 255, 0.6); }

cite,
time {
  font-style: normal; }

code,
pre,
kbd,
samp {
  font-family: Consolas, "Courier New", Courier, monospace; }

kbd {
  border-radius: 2px;
  padding: 1px 4px 2px;
  background-color: rgba(0, 0, 0, 0.6);
  color: #FFF; }
  kbd kbd {
    padding: 0; }
  .theme-light kbd, .theme-dark .theme-light kbd {
    background-color: rgba(0, 0, 0, 0.6);
    color: #FFF; }
  .theme-dark kbd, .theme-light .theme-dark kbd {
    background-color: rgba(255, 255, 255, 0.6);
    color: #000; }

bdo {
  direction: rtl; }

input,
input[type="search"] {
  border-radius: 0;
  appearance: none; }

[data-grid~="container"] {
  max-width: 1600px;
  max-width: calc(1600px + 10%);
  margin: 0 auto;
  padding-left: 5%;
  padding-right: 5%; }
  @media screen and (max-width: 1083px) {
    [data-grid~="container"] {
      padding-left: 36px;
      padding-right: 36px; } }
  @media screen and (max-width: 767px) {
    [data-grid~="container"] {
      padding-left: 24px;
      padding-right: 24px; } }

[data-grid~="container"],
[data-grid*="col-"] {
  box-sizing: border-box;
  zoom: 1; }
  [data-grid~="container"]:before, [data-grid~="container"]:after,
  [data-grid*="col-"]:before,
  [data-grid*="col-"]:after {
    content: " ";
    display: table; }
  [data-grid~="container"]:after,
  [data-grid*="col-"]:after {
    clear: both; }

[data-grid*="col-"] {
  float: left;
  min-height: 1px; }

[data-grid~="pad-12x"] > [data-grid] {
  padding-left: 18px;
  padding-right: 18px; }
  @media screen and (max-width: 1778px) {
    [data-grid~="pad-12x"] > [data-grid] {
      padding-left: 24px;
      padding-right: 24px; } }
  @media screen and (max-width: 1778px) {
    [data-grid~="pad-12x"] > [data-grid] {
      padding-left: 24px;
      padding-right: 24px; } }
  @media screen and (max-width: 1083px) {
    [data-grid~="pad-12x"] > [data-grid] {
      padding-left: 18px;
      padding-right: 18px; } }
  @media screen and (max-width: 767px) {
    [data-grid~="pad-12x"] > [data-grid] {
      padding-left: 12px;
      padding-right: 12px; } }
  @media screen and (max-width: 539px) {
    [data-grid~="pad-12x"] > [data-grid] {
      padding-left: 12px;
      padding-right: 12px; } }

[data-grid~="pad-6x"] > [data-grid] {
  padding-left: 12px;
  padding-right: 12px; }

[data-grid~="pad-3x"] > [data-grid] {
  padding-left: 6px;
  padding-right: 6px; }

[data-grid~="pad-2x"] > [data-grid] {
  padding-left: 4px;
  padding-right: 4px; }

[data-grid~="col-1"] {
  width: 8.3333333333%; }

[data-grid~="col-2"] {
  width: 16.6666666667%; }

[data-grid~="col-3"] {
  width: 25%; }

[data-grid~="col-4"] {
  width: 33.3333333333%; }

[data-grid~="col-5"] {
  width: 41.6666666667%; }

[data-grid~="col-6"] {
  width: 50%; }

[data-grid~="col-7"] {
  width: 58.3333333333%; }

[data-grid~="col-8"] {
  width: 66.6666666667%; }

[data-grid~="col-9"] {
  width: 75%; }

[data-grid~="col-10"] {
  width: 83.3333333333%; }

[data-grid~="col-11"] {
  width: 91.6666666667%; }

[data-grid~="col-12"] {
  width: 100%; }

[data-grid~="col-1-5"] {
  width: 20%; }

[data-grid~="col-1-8"] {
  width: 12.5%; }

@media screen and (max-width: 1778px) {
  [data-grid~="stack-5"] > [data-grid] {
    float: none;
    width: 100%;
    display: block;
    padding: inherit 0; } }

@media screen and (max-width: 1399px) {
  [data-grid~="stack-4"] > [data-grid] {
    float: none;
    width: 100%;
    display: block;
    padding: inherit 0; } }

@media screen and (max-width: 1083px) {
  [data-grid~="stack-3"] > [data-grid] {
    float: none;
    width: 100%;
    display: block;
    padding: inherit 0; } }

@media screen and (max-width: 767px) {
  [data-grid~="stack-2"] > [data-grid] {
    float: none;
    width: 100%;
    display: block;
    padding: inherit 0; } }

@media screen and (max-width: 539px) {
  [data-grid*="col-"] {
    float: none;
    width: 100%;
    display: block;
    padding: inherit 0; } }

button.c-action-trigger,
a.c-action-trigger {
  font-size: 15px;
  max-width: 374px;
  min-width: 36px;
  display: inline-block;
  margin-top: 12px;
  padding: 6px 0 8px;
  color: #0060ac;
  border: solid 1px transparent;
  background: none;
  overflow: hidden;
  white-space: nowrap;
  vertical-align: bottom;
  outline: 1px dashed transparent; }
  button.c-action-trigger:focus, button.c-action-trigger:hover,
  a.c-action-trigger:focus,
  a.c-action-trigger:hover {
    color: rgba(0, 0, 0, 0.6);
    text-decoration: underline; }
  button.c-action-trigger:focus,
  a.c-action-trigger:focus {
    outline: 1px dashed rgba(0, 0, 0, 0.6); }
  button.c-action-trigger:active,
  a.c-action-trigger:active {
    color: #000;
    outline: 1px solid transparent;
    text-decoration: none; }
  button.c-action-trigger[disabled],
  a.c-action-trigger[disabled] {
    color: rgba(0, 0, 0, 0.2);
    cursor: not-allowed; }
  button.c-action-trigger.c-glyph,
  a.c-action-trigger.c-glyph {
    min-width: 120px;
    padding-right: 10px; }
    button.c-action-trigger.c-glyph:before,
    a.c-action-trigger.c-glyph:before {
      width: 16px;
      height: 16px;
      margin-left: 10px;
      margin-right: 10px;
      vertical-align: middle; }
    button.c-action-trigger.c-glyph.glyph-edit:before,
    a.c-action-trigger.c-glyph.glyph-edit:before {
      content: ""; }
    button.c-action-trigger.c-glyph.glyph-cancel:before,
    a.c-action-trigger.c-glyph.glyph-cancel:before {
      content: ""; }
    button.c-action-trigger.c-glyph.glyph-global-nav-button:before,
    a.c-action-trigger.c-glyph.glyph-global-nav-button:before {
      content: ""; }
    button.c-action-trigger.c-glyph.glyph-shopping-cart:before,
    a.c-action-trigger.c-glyph.glyph-shopping-cart:before {
      content: ""; }
    button.c-action-trigger.c-glyph.glyph-chevron-left:before,
    a.c-action-trigger.c-glyph.glyph-chevron-left:before {
      content: ""; }
    button.c-action-trigger.c-glyph.glyph-chevron-right:before,
    a.c-action-trigger.c-glyph.glyph-chevron-right:before {
      content: ""; }
    button.c-action-trigger.c-glyph.glyph-arrow-htmllegacy-mirrored:before,
    a.c-action-trigger.c-glyph.glyph-arrow-htmllegacy-mirrored:before {
      content: ""; }
    button.c-action-trigger.c-glyph.glyph-arrow-htmllegacy:before,
    a.c-action-trigger.c-glyph.glyph-arrow-htmllegacy:before {
      content: ""; }
    button.c-action-trigger.c-glyph.glyph-play:before,
    a.c-action-trigger.c-glyph.glyph-play:before {
      content: ""; }
    button.c-action-trigger.c-glyph.glyph-info:before,
    a.c-action-trigger.c-glyph.glyph-info:before {
      content: ""; }
    button.c-action-trigger.c-glyph[aria-label],
    a.c-action-trigger.c-glyph[aria-label] {
      min-width: 0;
      margin-right: 10px;
      padding-right: 0; }
  .theme-light button.c-action-trigger, .theme-dark .theme-light button.c-action-trigger, .theme-light
  a.c-action-trigger, .theme-dark .theme-light
  a.c-action-trigger {
    color: #000;
    background: transparent; }
    .theme-light button.c-action-trigger:focus, .theme-light button.c-action-trigger:hover, .theme-dark .theme-light button.c-action-trigger:focus, .theme-dark .theme-light button.c-action-trigger:hover, .theme-light
    a.c-action-trigger:focus, .theme-light
    a.c-action-trigger:hover, .theme-dark .theme-light
    a.c-action-trigger:focus, .theme-dark .theme-light
    a.c-action-trigger:hover {
      color: rgba(0, 0, 0, 0.6);
      text-decoration: underline; }
    .theme-light button.c-action-trigger:focus, .theme-dark .theme-light button.c-action-trigger:focus, .theme-light
    a.c-action-trigger:focus, .theme-dark .theme-light
    a.c-action-trigger:focus {
      outline: 1px dashed rgba(0, 0, 0, 0.6); }
    .theme-light button.c-action-trigger:active, .theme-dark .theme-light button.c-action-trigger:active, .theme-light
    a.c-action-trigger:active, .theme-dark .theme-light
    a.c-action-trigger:active {
      color: #000;
      outline: 1px solid transparent;
      text-decoration: none; }
    .theme-light button.c-action-trigger[disabled], .theme-dark .theme-light button.c-action-trigger[disabled], .theme-light
    a.c-action-trigger[disabled], .theme-dark .theme-light
    a.c-action-trigger[disabled] {
      color: rgba(0, 0, 0, 0.2);
      cursor: not-allowed; }
  .theme-dark button.c-action-trigger, .theme-light .theme-dark button.c-action-trigger, .theme-dark
  a.c-action-trigger, .theme-light .theme-dark
  a.c-action-trigger {
    color: #FFF;
    background: transparent; }
    .theme-dark button.c-action-trigger:focus, .theme-dark button.c-action-trigger:hover, .theme-light .theme-dark button.c-action-trigger:focus, .theme-light .theme-dark button.c-action-trigger:hover, .theme-dark
    a.c-action-trigger:focus, .theme-dark
    a.c-action-trigger:hover, .theme-light .theme-dark
    a.c-action-trigger:focus, .theme-light .theme-dark
    a.c-action-trigger:hover {
      color: rgba(255, 255, 255, 0.8);
      text-decoration: underline; }
    .theme-dark button.c-action-trigger:focus, .theme-light .theme-dark button.c-action-trigger:focus, .theme-dark
    a.c-action-trigger:focus, .theme-light .theme-dark
    a.c-action-trigger:focus {
      outline: 1px dashed #FFF; }
    .theme-dark button.c-action-trigger:active, .theme-light .theme-dark button.c-action-trigger:active, .theme-dark
    a.c-action-trigger:active, .theme-light .theme-dark
    a.c-action-trigger:active {
      color: #FFF;
      outline: 1px solid transparent;
      text-decoration: none; }
    .theme-dark button.c-action-trigger[disabled], .theme-light .theme-dark button.c-action-trigger[disabled], .theme-dark
    a.c-action-trigger[disabled], .theme-light .theme-dark
    a.c-action-trigger[disabled] {
      color: rgba(255, 255, 255, 0.6);
      cursor: not-allowed; }

ul.c-breadcrumb {
  display: flex;
  margin-top: 12px; }
  ul.c-breadcrumb li {
    display: inline-block;
    padding-right: 8px; }
    ul.c-breadcrumb li + li:before {
      content: "\\";
      padding-right: 8px;
      color: rgba(0, 0, 0, 0.6); }
    ul.c-breadcrumb li:last-child a {
      color: rgba(0, 0, 0, 0.6); }
    ul.c-breadcrumb li a {
      font-size: 13px;
      line-height: 16px;
      color: #0060ac; }
    .theme-light ul.c-breadcrumb li:last-child a, .theme-dark .theme-light ul.c-breadcrumb li:last-child a {
      color: rgba(0, 0, 0, 0.6); }
    .theme-light ul.c-breadcrumb li + li:before, .theme-dark .theme-light ul.c-breadcrumb li + li:before {
      color: rgba(0, 0, 0, 0.6); }
    .theme-light ul.c-breadcrumb li a, .theme-dark .theme-light ul.c-breadcrumb li a {
      color: #000;
      text-decoration: none; }
      .theme-light ul.c-breadcrumb li a:hover, .theme-dark .theme-light ul.c-breadcrumb li a:hover {
        text-decoration: underline; }
    .theme-dark ul.c-breadcrumb li:last-child a, .theme-light .theme-dark ul.c-breadcrumb li:last-child a {
      color: rgba(255, 255, 255, 0.6); }
    .theme-dark ul.c-breadcrumb li + li:before, .theme-light .theme-dark ul.c-breadcrumb li + li:before {
      color: rgba(255, 255, 255, 0.6); }
    .theme-dark ul.c-breadcrumb li a, .theme-light .theme-dark ul.c-breadcrumb li a {
      color: #FFF;
      text-decoration: none; }
      .theme-dark ul.c-breadcrumb li a:hover, .theme-light .theme-dark ul.c-breadcrumb li a:hover {
        text-decoration: underline; }


button.c-button,
a.c-button[role="button"] {
  font-size: 15px;
  max-width: 374px;
  min-width: 120px;
  display: inline-block;
  margin-top: 12px;
  padding: 9px 12px 10px;
  background-color: rgba(0, 0, 0, 0.2);
  color: #000;
  border: solid 1px transparent;
  overflow: hidden;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: bottom;
  outline: 1px dashed transparent; }
  
  button.c-button:focus,
  a.c-button[role="button"]:focus {
    outline-color: #000; }
  
  button.c-button:hover,
  button.c-button:focus,
  a.c-button[role="button"]:hover,
  a.c-button[role="button"]:focus {
    border-color: rgba(0, 0, 0, 0.4); }
  
  button.c-button:active,
  a.c-button[role="button"]:active {
    background-color: rgba(0, 0, 0, 0.4); }
  
  button.c-button[disabled],
  a.c-button[role="button"][disabled] {
    color: rgba(0, 0, 0, 0.2);
    background-color: rgba(0, 0, 0, 0.2);
    cursor: not-allowed; }
  .theme-light
  button.c-button, .theme-dark .theme-light
  button.c-button, .theme-light
  a.c-button[role="button"], .theme-dark .theme-light
  a.c-button[role="button"] {
    background-color: transparent;
    color: #000;
    border-color: #000; }
    .theme-light
    button.c-button:focus, .theme-dark .theme-light
    button.c-button:focus, .theme-light
    a.c-button[role="button"]:focus, .theme-dark .theme-light
    a.c-button[role="button"]:focus {
      background-color: rgba(0, 0, 0, 0.2);
      outline-color: #000; }
    .theme-light
    button.c-button:hover, .theme-dark .theme-light
    button.c-button:hover, .theme-light
    a.c-button[role="button"]:hover, .theme-dark .theme-light
    a.c-button[role="button"]:hover {
      background-color: rgba(0, 0, 0, 0.2); }
    .theme-light
    button.c-button:active, .theme-dark .theme-light
    button.c-button:active, .theme-light
    a.c-button[role="button"]:active, .theme-dark .theme-light
    a.c-button[role="button"]:active {
      background-color: rgba(0, 0, 0, 0.4); }
    .theme-light
    button.c-button[disabled], .theme-dark .theme-light
    button.c-button[disabled], .theme-light
    a.c-button[role="button"][disabled], .theme-dark .theme-light
    a.c-button[role="button"][disabled] {
      color: rgba(0, 0, 0, 0.2);
      background-color: rgba(0, 0, 0, 0.2);
      border-color: rgba(0, 0, 0, 0.2); }
  .theme-dark
  button.c-button, .theme-light .theme-dark
  button.c-button, .theme-dark
  a.c-button[role="button"], .theme-light .theme-dark
  a.c-button[role="button"] {
    background-color: transparent;
    color: #FFF;
    border-color: #FFF; }
    .theme-dark
    button.c-button:focus, .theme-light .theme-dark
    button.c-button:focus, .theme-dark
    a.c-button[role="button"]:focus, .theme-light .theme-dark
    a.c-button[role="button"]:focus {
      background-color: rgba(255, 255, 255, 0.2);
      outline-color: #FFF; }
    .theme-dark
    button.c-button:hover, .theme-light .theme-dark
    button.c-button:hover, .theme-dark
    a.c-button[role="button"]:hover, .theme-light .theme-dark
    a.c-button[role="button"]:hover {
      background-color: rgba(255, 255, 255, 0.2); }
    .theme-dark
    button.c-button:active, .theme-light .theme-dark
    button.c-button:active, .theme-dark
    a.c-button[role="button"]:active, .theme-light .theme-dark
    a.c-button[role="button"]:active {
      background-color: rgba(255, 255, 255, 0.4); }
    .theme-dark
    button.c-button[disabled], .theme-light .theme-dark
    button.c-button[disabled], .theme-dark
    a.c-button[role="button"][disabled], .theme-light .theme-dark
    a.c-button[role="button"][disabled] {
      color: rgba(255, 255, 255, 0.2);
      background-color: rgba(255, 255, 255, 0.2);
      border-color: rgba(255, 255, 255, 0.2); }


button.c-button[type="submit"] {
  color: #FFF;
  background-color: #0060ac; }
  
  button.c-button[type="submit"]:hover,
  button.c-button[type="submit"]:focus {
    background-color: #00569b;
    border-color: rgba(0, 0, 0, 0.4); }
  
  button.c-button[type="submit"]:active {
    background-color: #004378;
    border-color: transparent; }
  
  button.c-button[type="submit"][disabled] {
    color: rgba(0, 0, 0, 0.2);
    background-color: rgba(0, 96, 172, 0.2);
    border-color: transparent; }
  .theme-light
  button.c-button[type="submit"], .theme-dark .theme-light
  button.c-button[type="submit"] {
    color: #FFF;
    background-color: #000;
    border-color: transparent; }
    .theme-light
    button.c-button[type="submit"]:focus, .theme-dark .theme-light
    button.c-button[type="submit"]:focus {
      outline-color: #000;
      background-color: rgba(0, 0, 0, 0.8); }
    .theme-light
    button.c-button[type="submit"]:hover, .theme-dark .theme-light
    button.c-button[type="submit"]:hover {
      background-color: rgba(0, 0, 0, 0.8); }
    .theme-light
    button.c-button[type="submit"]:active, .theme-dark .theme-light
    button.c-button[type="submit"]:active {
      background-color: rgba(0, 0, 0, 0.6); }
    .theme-light
    button.c-button[type="submit"][disabled], .theme-dark .theme-light
    button.c-button[type="submit"][disabled] {
      background-color: rgba(0, 0, 0, 0.2);
      color: rgba(0, 0, 0, 0.2); }
  .theme-dark
  button.c-button[type="submit"], .theme-light .theme-dark
  button.c-button[type="submit"] {
    color: #000;
    background-color: #FFF;
    border-color: transparent; }
    .theme-dark
    button.c-button[type="submit"]:focus, .theme-light .theme-dark
    button.c-button[type="submit"]:focus {
      outline-color: #FFF;
      background-color: rgba(255, 255, 255, 0.8); }
    .theme-dark
    button.c-button[type="submit"]:hover, .theme-light .theme-dark
    button.c-button[type="submit"]:hover {
      background-color: rgba(255, 255, 255, 0.8); }
    .theme-dark
    button.c-button[type="submit"]:active, .theme-light .theme-dark
    button.c-button[type="submit"]:active {
      background-color: rgba(255, 255, 255, 0.6); }
    .theme-dark
    button.c-button[type="submit"][disabled], .theme-light .theme-dark
    button.c-button[type="submit"][disabled] {
      background-color: rgba(255, 255, 255, 0.2);
      color: rgba(255, 255, 255, 0.2); }

a.c-call-to-action {
  font-size: 13px;
  line-height: 16px;
  display: inline-block;
  max-width: 100%;
  padding: 10px 40px 7px 24px;
  overflow: hidden;
  border: 2px solid transparent;
  color: #FFF;
  background: #0060ac;
  line-height: 1.3;
  text-decoration: none;
  text-align: center;
  letter-spacing: 0.075em;
  white-space: nowrap; }
  a.c-call-to-action span {
    display: inline-block;
    max-width: 100%;
    text-overflow: clip;
    overflow: hidden; }
  a.c-call-to-action:after {
    position: absolute;
    display: inline-block;
    margin-left: 4px;
    margin-top: 1px;
    content: "";
    vertical-align: top; }
  a.c-call-to-action:hover, a.c-call-to-action:focus {
    background: #00569b;
    border-color: rgba(0, 0, 0, 0.4); }
  a.c-call-to-action:focus {
    outline: 1px dashed #000; }
  a.c-call-to-action:hover {
    outline: none; }
  a.c-call-to-action:active {
    border-color: transparent;
    background: #004378; }
  a.c-call-to-action[aria-disabled="true"] {
    cursor: not-allowed;
    border-color: transparent;
    background: #ccdfee;
    color: rgba(0, 0, 0, 0.2); }
  .theme-light a.c-call-to-action, .theme-dark .theme-light a.c-call-to-action {
    color: #FFF;
    background: #000; }
    .theme-light a.c-call-to-action:hover, .theme-light a.c-call-to-action:focus, .theme-dark .theme-light a.c-call-to-action:hover, .theme-dark .theme-light a.c-call-to-action:focus {
      background: #333333;
      border-color: #000;
      outline-color: #000; }
    .theme-light a.c-call-to-action:active, .theme-dark .theme-light a.c-call-to-action:active {
      background: #666666;
      border-color: transparent; }
    .theme-light a.c-call-to-action[aria-disabled="true"], .theme-dark .theme-light a.c-call-to-action[aria-disabled="true"] {
      background: #cccccc;
      border-color: transparent;
      color: rgba(0, 0, 0, 0.2); }
  .theme-dark a.c-call-to-action, .theme-light .theme-dark a.c-call-to-action {
    color: #000;
    background: #FFF; }
    .theme-dark a.c-call-to-action:hover, .theme-dark a.c-call-to-action:focus, .theme-light .theme-dark a.c-call-to-action:hover, .theme-light .theme-dark a.c-call-to-action:focus {
      background: #cccccc;
      border-color: #FFF;
      outline-color: #000; }
    .theme-dark a.c-call-to-action:active, .theme-light .theme-dark a.c-call-to-action:active {
      background: #999999;
      border-color: transparent; }
    .theme-dark a.c-call-to-action[aria-disabled="true"], .theme-light .theme-dark a.c-call-to-action[aria-disabled="true"] {
      background: #4d4d4d;
      border-color: transparent;
      color: rgba(255, 255, 255, 0.2); }
  a.c-call-to-action.f-secondary {
    color: #000;
    background: #cccccc; }
    a.c-call-to-action.f-secondary:hover, a.c-call-to-action.f-secondary:focus {
      border-color: rgba(0, 0, 0, 0.4); }
    a.c-call-to-action.f-secondary:active {
      border-color: transparent;
      background: #999999; }
    a.c-call-to-action.f-secondary[aria-disabled="true"] {
      background: #cccccc;
      border-color: transparent;
      color: rgba(0, 0, 0, 0.2); }
    .theme-light a.c-call-to-action.f-secondary, .theme-dark .theme-light a.c-call-to-action.f-secondary {
      color: #000;
      background: rgba(255, 255, 255, 0);
      border-color: #000; }
      .theme-light a.c-call-to-action.f-secondary:hover, .theme-light a.c-call-to-action.f-secondary:focus, .theme-dark .theme-light a.c-call-to-action.f-secondary:hover, .theme-dark .theme-light a.c-call-to-action.f-secondary:focus {
        background: #cccccc;
        border-color: #000; }
      .theme-light a.c-call-to-action.f-secondary:focus, .theme-dark .theme-light a.c-call-to-action.f-secondary:focus {
        outline-color: #000; }
      .theme-light a.c-call-to-action.f-secondary:active, .theme-dark .theme-light a.c-call-to-action.f-secondary:active {
        background: #999999; }
      .theme-light a.c-call-to-action.f-secondary[aria-disabled="true"], .theme-dark .theme-light a.c-call-to-action.f-secondary[aria-disabled="true"] {
        background: #cccccc;
        border-color: rgba(0, 0, 0, 0.2);
        color: rgba(0, 0, 0, 0.2); }
    .theme-dark a.c-call-to-action.f-secondary, .theme-light .theme-dark a.c-call-to-action.f-secondary {
      background: rgba(255, 255, 255, 0);
      color: #FFF;
      border-color: #FFF; }
      .theme-dark a.c-call-to-action.f-secondary:hover, .theme-dark a.c-call-to-action.f-secondary:focus, .theme-light .theme-dark a.c-call-to-action.f-secondary:hover, .theme-light .theme-dark a.c-call-to-action.f-secondary:focus {
        background: #4d4d4d;
        border-color: #FFF; }
      .theme-dark a.c-call-to-action.f-secondary:focus, .theme-light .theme-dark a.c-call-to-action.f-secondary:focus {
        outline-color: #FFF; }
      .theme-dark a.c-call-to-action.f-secondary:active, .theme-light .theme-dark a.c-call-to-action.f-secondary:active {
        background: #666666; }
      .theme-dark a.c-call-to-action.f-secondary[aria-disabled="true"], .theme-light .theme-dark a.c-call-to-action.f-secondary[aria-disabled="true"] {
        background: #4d4d4d;
        border-color: rgba(255, 255, 255, 0.2);
        color: rgba(255, 255, 255, 0.2); }

@keyframes hero-content-next {
  0% {
    transform: translateX(40px); }
  100% {
    transform: translateX(0); } }

@keyframes hero-content-previous {
  0% {
    transform: translateX(-40px); }
  100% {
    transform: translateX(0); } }

@keyframes hero-background-next {
  0% {
    transform: translateX(10px); }
  100% {
    transform: translateX(0); } }

@keyframes hero-background-previous {
  0% {
    transform: translateX(-10px); }
  100% {
    transform: translateX(0); } }

@keyframes hero-background-next-y-center {
  0% {
    transform: translate(10px, -50%); }
  100% {
    transform: translate(0, -50%); } }

@keyframes hero-background-previous-y-center {
  0% {
    transform: translate(-10px, -50%); }
  100% {
    transform: translate(0, -50%); } }

@keyframes hero-background-next-x-center {
  0% {
    transform: translateX(-49%); }
  100% {
    transform: translateX(-50%); } }

@keyframes hero-background-previous-x-center {
  0% {
    transform: translateX(-51%); }
  100% {
    transform: translateX(-50%); } }

@keyframes hero-background-next-x-center-y-center {
  0% {
    transform: translate(-49%, -50%); }
  100% {
    transform: translate(-50%, -50%); } }

@keyframes hero-background-previous-x-center-y-center {
  0% {
    transform: translate(-51%, -50%); }
  100% {
    transform: translate(-50%, -50%); } }

.c-carousel {
  position: relative; }
  .c-carousel .c-flipper {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
    display: none;
    /*
        * Use .f-previous and .f-next
        * .f-left and f-left deprecated v1.3.0
        */ }
    .c-carousel .c-flipper.f-left, .c-carousel .c-flipper.f-previous {
      left: 0; }
    .c-carousel .c-flipper.f-right, .c-carousel .c-flipper.f-next {
      right: 0; }
    .c-carousel .c-flipper + div {
      position: relative;
      overflow: hidden; }
  .c-carousel.f-scrollable-next .c-flipper.f-right,
  .c-carousel.f-scrollable-next .c-flipper.f-next {
    display: block; }
  .c-carousel.f-scrollable-previous .c-flipper.f-left,
  .c-carousel.f-scrollable-previous .c-flipper.f-previous {
    display: block; }
  .c-carousel .c-sequence-indicator {
    position: absolute;
    z-index: 2;
    width: 100%;
    text-align: center;
    bottom: 64px; }
  .c-carousel.f-multi-slide .c-flipper {
    opacity: 0;
    transition: opacity cubic-bezier(0.16, 1, 0.29, 0.99) 0.15; }
  .c-carousel.f-multi-slide:hover .c-flipper {
    opacity: 0.8; }
    .c-carousel.f-multi-slide:hover .c-flipper:hover {
      opacity: 1; }
    .c-carousel.f-multi-slide:hover .c-flipper:active {
      opacity: 0.8; }
  .c-carousel.f-multi-slide.theme-light .c-flipper {
    background: #FFF;
    color: #000; }
  .c-carousel.f-multi-slide.theme-dark .c-flipper {
    background: #000;
    color: #FFF; }
  .c-carousel.f-multi-slide li {
    display: none;
    width: 100%; }
    .c-carousel.f-multi-slide li.f-active {
      display: block; }
  .c-carousel.f-single-slide ul {
    display: inline-block;
    white-space: nowrap;
    font-size: 0;
    left: 0;
    width: auto;
    transition: left cubic-bezier(0.16, 1, 0.29, 0.99) 0.667s; }
  .c-carousel.f-single-slide li {
    font-size: 15px;
    line-height: 20px;
    display: inline-block; }
  .c-carousel li {
    position: relative;
    height: 100%;
    z-index: 1; }
    .c-carousel li ~ li {
      display: none; }
    .c-carousel li > picture.c-image img {
      margin: 0 auto; }
    .c-carousel li .c-hero > picture img {
      min-width: calc(100% + 20px); }
    .c-carousel li .c-hero.f-x-left > picture img {
      right: -10px; }
    .c-carousel li .c-hero.f-x-right > picture img {
      left: -10px; }
    .c-carousel li.f-animate-next > picture.c-image img {
      animation: hero-background-next cubic-bezier(0.16, 1, 0.29, 0.99) 0.667s both; }
    .c-carousel li.f-animate-next > picture.c-image.f-x-center img {
      animation-name: hero-background-next-x-center; }
    .c-carousel li.f-animate-next > picture.c-image.f-y-center img {
      animation-name: hero-background-next-y-center; }
    .c-carousel li.f-animate-next > picture.c-image.f-y-center.f-x-center img {
      animation-name: hero-background-next-x-center-y-center; }
    .c-carousel li.f-animate-next .c-hero > picture img {
      animation: hero-background-next cubic-bezier(0.16, 1, 0.29, 0.99) 0.667s both; }
    .c-carousel li.f-animate-next .c-hero > div {
      animation: hero-content-next cubic-bezier(0.16, 1, 0.29, 0.99) 0.667s both; }
    .c-carousel li.f-animate-next .c-hero.f-x-center > picture img {
      animation-name: hero-background-next-x-center; }
    .c-carousel li.f-animate-next .c-hero.f-y-center > picture img {
      animation-name: hero-background-next-y-center; }
    .c-carousel li.f-animate-next .c-hero.f-y-center.f-x-center > picture img {
      animation-name: hero-background-next-x-center-y-center; }
    .c-carousel li.f-animate-previous > picture.c-image img {
      animation: hero-background-previous cubic-bezier(0.16, 1, 0.29, 0.99) 0.667s both; }
    .c-carousel li.f-animate-previous > picture.c-image.f-x-center img {
      animation-name: hero-background-previous-x-center; }
    .c-carousel li.f-animate-previous > picture.c-image.f-y-center img {
      animation-name: hero-background-previous-y-center; }
    .c-carousel li.f-animate-previous > picture.c-image.f-y-center.f-x-center img {
      animation-name: hero-background-previous-x-center-y-center; }
    .c-carousel li.f-animate-previous .c-hero > picture img {
      animation: hero-background-previous cubic-bezier(0.16, 1, 0.29, 0.99) 0.667s both; }
    .c-carousel li.f-animate-previous .c-hero > div {
      animation: hero-content-previous cubic-bezier(0.16, 1, 0.29, 0.99) 0.667s both; }
    .c-carousel li.f-animate-previous .c-hero.f-x-center > picture img {
      animation-name: hero-background-previous-x-center; }
    .c-carousel li.f-animate-previous .c-hero.f-y-center > picture img {
      animation-name: hero-background-previous-y-center; }
    .c-carousel li.f-animate-previous .c-hero.f-y-center.f-x-center > picture img {
      animation-name: hero-background-previous-x-center-y-center; }
    @media only screen and (max-width: 767px) {
      .c-carousel li > picture.c-image.f-x-left img, .c-carousel li > picture.c-image.f-x-right img {
        left: 0;
        left: calc(50%);
        right: auto;
        transform: translateX(-50%); }
      .c-carousel li .c-hero > div > div {
        padding-bottom: 48px; }
      .c-carousel li .c-hero.f-x-left > picture img, .c-carousel li .c-hero.f-x-right > picture img {
        left: 0;
        left: calc(50%);
        right: auto;
        transform: translateX(-50%); }
      .c-carousel li.f-animate-next > picture.c-image[class*="f-x"][class*="f-y"] img {
        animation-name: hero-background-next-x-center; }
      .c-carousel li.f-animate-next .c-hero[class*="f-x"][class*="f-y"] > picture img {
        animation-name: hero-background-next-x-center; }
      .c-carousel li.f-animate-previous > picture.c-image[class*="f-x"][class*="f-y"] img {
        animation-name: hero-background-previous-x-center; }
      .c-carousel li.f-animate-previous .c-hero[class*="f-x"][class*="f-y"] > picture img {
        animation-name: hero-background-previous-x-center; } }

.c-content-placement {
  margin-top: 48px;
  overflow: hidden; }
  .c-content-placement .c-heading {
    font-size: 24px;
    line-height: 28px;
    overflow: hidden;
    box-sizing: content-box;
    max-height: 56px;
    font-weight: 200;
    padding-top: 12px; }
  .c-content-placement .c-badge {
    margin-bottom: 4px; }
  .c-content-placement .c-paragraph {
    overflow: hidden;
    box-sizing: content-box;
    max-height: 80px;
    padding-top: 2px; }
  .c-content-placement .c-call-to-action {
    background: transparent;
    color: #0060ac;
    border-color: transparent;
    border-width: 2px;
    padding: 10px 44px 7px 24px;
    margin-left: -24px;
    margin-right: -24px;
    margin-top: 12px; }
    .c-content-placement .c-call-to-action:focus, .c-content-placement .c-call-to-action:hover {
      background: transparent;
      border-color: transparent; }
    .c-content-placement .c-call-to-action:active {
      background: transparent;
      text-decoration: none; }
    .c-content-placement .c-call-to-action span:hover {
      text-decoration: underline; }
    .theme-light .c-content-placement .c-call-to-action, .theme-dark .theme-light .c-content-placement .c-call-to-action {
      color: #000;
      background: transparent;
      border-color: transparent; }
      .theme-light .c-content-placement .c-call-to-action:active, .theme-dark .theme-light .c-content-placement .c-call-to-action:active {
        color: rgba(0, 0, 0, 0.6); }
      .theme-light .c-content-placement .c-call-to-action:focus, .theme-dark .theme-light .c-content-placement .c-call-to-action:focus {
        outline-color: #000; }
    .theme-dark .c-content-placement .c-call-to-action, .theme-light .theme-dark .c-content-placement .c-call-to-action {
      color: #FFF;
      background: transparent;
      border-color: transparent; }
      .theme-dark .c-content-placement .c-call-to-action:active, .theme-light .theme-dark .c-content-placement .c-call-to-action:active {
        color: rgba(255, 255, 255, 0.6); }
      .theme-dark .c-content-placement .c-call-to-action:focus, .theme-light .theme-dark .c-content-placement .c-call-to-action:focus {
        outline-color: #FFF; }
  .c-content-placement .c-video {
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    left: 0; }
    .c-content-placement .c-video video {
      min-width: 100%;
      width: 100%;
      height: 100%; }
  .c-content-placement > picture {
    display: block;
    position: relative;
    overflow: hidden; }
    .c-content-placement > picture img {
      position: relative;
      width: 100%; }
  .c-content-placement > div {
    padding-right: 24px; }
    .c-content-placement > div > .c-call-to-action {
      padding-right: 0; }
      .c-content-placement > div > .c-call-to-action:focus {
        padding-right: 44px; }
    .c-content-placement > div > .c-group {
      display: block;
      overflow: visible;
      margin-top: 12px; }
      .c-content-placement > div > .c-group > .c-call-to-action {
        margin-top: 0; }
        .c-content-placement > div > .c-group > .c-call-to-action + .c-call-to-action:focus {
          padding-left: 24px;
          margin-left: -24px; }
  @media only screen and (max-width: 767px) {
    .c-content-placement > div {
      padding-right: 12px; } }
  @media only screen and (max-width: 539px) {
    .c-content-placement .c-heading {
      font-size: 20px;
      line-height: 24px;
      overflow: hidden;
      box-sizing: content-box;
      max-height: 48px;
      font-weight: 400; } }


hr.c-divider,
.m-blog-post hr {
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  margin: 0; }

.c-drawer > button {
  min-height: 44px;
  position: relative; }

.c-drawer > header {
  margin-bottom: 8px;
  min-height: 44px;
  position: relative; }
  @media only screen and (max-width: 539px) {
    .c-drawer > header {
      padding-right: 36px; } }
  .c-drawer > header > button {
    height: 100%;
    position: absolute; }

.c-drawer > nav.c-link-navigation {
  height: 40px;
  line-height: 40px;
  margin-top: 0;
  overflow: hidden;
  text-align: left;
  width: auto; }
  .c-drawer > nav.c-link-navigation li {
    display: inline-block;
    height: auto; }
    .c-drawer > nav.c-link-navigation li a.c-hyperlink, .c-drawer > nav.c-link-navigation li .m-blog-post a, .m-blog-post .c-drawer > nav.c-link-navigation li a {
      padding: 0; }
    .c-drawer > nav.c-link-navigation li:first-child a {
      margin-left: 0; }
  .c-drawer > nav.c-link-navigation ul {
    white-space: nowrap; }

.c-drawer > button,
.c-drawer > header > button {
  font-size: 13px;
  line-height: 16px;
  border: 0;
  background: transparent;
  color: rgba(0, 0, 0, 0.6);
  font-weight: 400;
  padding: 14px 36px 14px 12px;
  left: 0;
  text-align: left;
  width: 100%; }
  .c-drawer > button:after,
  .c-drawer > header > button:after {
    position: absolute;
    top: calc(50% - 8px);
    right: 12px; }
  .c-drawer > button[aria-expanded="true"]:after,
  .c-drawer > header > button[aria-expanded="true"]:after {
    content: ""; }
  .c-drawer > button[aria-expanded="false"]:after,
  .c-drawer > header > button[aria-expanded="false"]:after {
    content: ""; }
  .c-drawer > button:focus,
  .c-drawer > header > button:focus {
    outline: 1px dashed #000; }
  .c-drawer > button:hover,
  .c-drawer > header > button:hover {
    background: rgba(0, 0, 0, 0.1); }
  .c-drawer > button:active,
  .c-drawer > header > button:active {
    background: rgba(0, 0, 0, 0.3); }

.c-drawer.f-responsive > button + div,
.c-drawer.f-responsive > header + div {
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  margin-top: 8px;
  padding-top: 8px; }

@media only screen and (min-width: 540px) {
  .c-drawer.f-responsive.f-show > button:after,
  .c-drawer.f-responsive.f-show > header > button:after {
    display: none; }
  .c-drawer.f-responsive.f-show > button:hover,
  .c-drawer.f-responsive.f-show > header > button:hover {
    background: transparent; } }

.c-drawer > div[id] {
  position: relative; }

.c-feature {
  position: relative;
  height: 300px; }
  .c-feature:before, .c-feature:after {
    content: " ";
    display: table; }
  .c-feature:after {
    clear: both; }
  .c-feature picture {
    height: 300px;
    width: 50%;
    display: block;
    position: relative;
    overflow: hidden; }
    .c-feature picture img {
      position: absolute;
      right: 0;
      top: 0;
      top: calc(50%);
      right: calc(50%);
      transform: translate(50%, -50%); }
  .c-feature .c-video {
    height: 300px;
    width: 50%;
    max-width: 50%;
    overflow: hidden;
    left: 0; }
    .c-feature .c-video > h1 {
      display: none; }
    .c-feature .c-video video {
      min-width: 100%;
      min-height: 100%;
      height: 100%;
      width: 100%; }
  .c-feature.f-align-left > div {
    left: 0;
    padding: 24px; }
  .c-feature.f-align-left picture,
  .c-feature.f-align-left .c-video {
    float: right; }
  .c-feature.f-align-right > div {
    left: 50%;
    padding: 24px; }
  .c-feature.f-align-right picture,
  .c-feature.f-align-right .c-video {
    float: left;
    left: 0; }
  .c-feature.f-align-right > div, .c-feature.f-align-left > div {
    position: absolute;
    top: 0;
    top: calc(50%);
    transform: translateY(-50%);
    width: 50%; }
  .c-feature.f-align-right .c-video, .c-feature.f-align-left .c-video {
    position: relative; }
  .c-feature > div {
    padding: 0 24px 24px; }
    .c-feature > div .c-heading {
      font-size: 24px;
      line-height: 28px;
      padding: 36px 0 4px;
      font-weight: 200;
      overflow: hidden;
      box-sizing: content-box;
      max-height: 84px; }
    .c-feature > div .c-paragraph {
      font-size: 15px;
      line-height: 20px;
      padding: 24px 0 0;
      font-weight: 400;
      overflow: hidden;
      box-sizing: content-box;
      max-height: 60px;
      padding-top: 0; }
    .c-feature > div .c-call-to-action {
      background: transparent;
      color: #0060ac;
      border-color: transparent;
      border-width: 2px;
      padding: 10px 44px 7px 24px;
      margin-left: -24px;
      margin-right: -24px;
      margin-top: 10px;
      text-transform: uppercase; }
      .c-feature > div .c-call-to-action:focus, .c-feature > div .c-call-to-action:hover {
        background: transparent;
        border-color: transparent; }
      .c-feature > div .c-call-to-action:active {
        background: transparent;
        text-decoration: none; }
      .c-feature > div .c-call-to-action span:hover {
        text-decoration: underline; }
      .theme-light .c-feature > div .c-call-to-action, .theme-dark .theme-light .c-feature > div .c-call-to-action {
        color: #000;
        background: transparent;
        border-color: transparent; }
        .theme-light .c-feature > div .c-call-to-action:active, .theme-dark .theme-light .c-feature > div .c-call-to-action:active {
          color: rgba(0, 0, 0, 0.6); }
        .theme-light .c-feature > div .c-call-to-action:focus, .theme-dark .theme-light .c-feature > div .c-call-to-action:focus {
          outline-color: #000; }
      .theme-dark .c-feature > div .c-call-to-action, .theme-light .theme-dark .c-feature > div .c-call-to-action {
        color: #FFF;
        background: transparent;
        border-color: transparent; }
        .theme-dark .c-feature > div .c-call-to-action:active, .theme-light .theme-dark .c-feature > div .c-call-to-action:active {
          color: rgba(255, 255, 255, 0.6); }
        .theme-dark .c-feature > div .c-call-to-action:focus, .theme-light .theme-dark .c-feature > div .c-call-to-action:focus {
          outline-color: #FFF; }
    .c-feature > div .c-group {
      display: block;
      overflow: visible;
      margin-top: 10px; }
      .c-feature > div .c-group .c-call-to-action {
        margin-top: 0;
        margin-right: 4px; }
    .c-feature > div .c-badge {
      margin-top: 12px; }
      .c-feature > div .c-badge + .c-heading {
        padding-top: 8px; }
  .c-feature.f-align-center {
    height: auto; }
    .c-feature.f-align-center > div {
      width: auto;
      padding: 0 24px;
      max-width: 848px;
      margin-left: auto;
      margin-right: auto;
      text-align: center; }
      .c-feature.f-align-center > div .c-heading {
        font-size: 34px;
        line-height: 40px;
        padding: 38px 0 2px;
        font-weight: 100;
        max-height: 120px; }
      .c-feature.f-align-center > div .c-paragraph {
        max-height: 80px; }
      .c-feature.f-align-center > div .c-group {
        display: block; }
        .c-feature.f-align-center > div .c-group .c-call-to-action {
          margin: 0 2px; }
      .c-feature.f-align-center > div .c-badge {
        margin-top: 12px; }
        .c-feature.f-align-center > div .c-badge + .c-heading {
          padding-top: 8px; }
    .c-feature.f-align-center picture,
    .c-feature.f-align-center .c-video {
      width: 100%; }
  @media only screen and (max-width: 539px) {
    .c-feature {
      height: auto; }
      .c-feature.f-align-left > div, .c-feature.f-align-right > div {
        width: auto;
        position: relative;
        top: auto;
        left: auto;
        right: auto;
        transform: none;
        padding: 0 24px 24px; }
        .c-feature.f-align-left > div .c-badge, .c-feature.f-align-right > div .c-badge {
          margin-top: 12px; }
          .c-feature.f-align-left > div .c-badge + .c-heading, .c-feature.f-align-right > div .c-badge + .c-heading {
            padding-top: 8px; }
      .c-feature.f-align-left picture,
      .c-feature.f-align-left .c-video, .c-feature.f-align-right picture,
      .c-feature.f-align-right .c-video {
        float: none;
        width: auto; }
      .c-feature > div .c-heading {
        font-size: 20px;
        line-height: 24px;
        padding: 35px 0 5px;
        font-weight: 200;
        max-height: 48px; }
      .c-feature picture,
      .c-feature .c-video {
        height: 200px; } }
  @media only screen and (min-width: 1084px) {
    .c-feature {
      height: 400px; }
      .c-feature > div {
        max-width: 654px; }
      .c-feature picture,
      .c-feature .c-video {
        height: 400px; }
      .c-feature.f-align-right > div {
        padding: 48px; }
      .c-feature.f-align-left > div {
        padding: 48px; }
      .c-feature > div .c-heading {
        font-size: 34px;
        line-height: 40px;
        padding: 38px 0 2px;
        font-weight: 100;
        max-height: 120px; }
      .c-feature > div .c-paragraph {
        font-size: 15px;
        line-height: 20px;
        padding: 24px 0 0;
        font-weight: 400;
        max-height: 80px; }
      .c-feature.f-align-center > div {
        padding: 0 48px;
        max-width: 894px; } }

.c-flipper {
  display: inline-block;
  width: 24px;
  height: 48px;
  border: 0;
  padding: 0;
  background: rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.6);
  font-family: "MWF-MDL2";
  /*
    * Use .f-previous and .f-next
    * .f-left and f-left deprecated v1.3.0
    */ }
  .c-flipper:before {
    position: relative;
    left: 0;
    top: 0; }
  .c-flipper.f-left:before, .c-flipper.f-previous:before {
    content: ""; }
  .c-flipper.f-right:before, .c-flipper.f-next:before {
    content: ""; }
  .c-flipper:focus {
    outline: 1px dashed #000;
    background: rgba(0, 0, 0, 0.15); }
  .c-flipper:hover {
    background: rgba(0, 0, 0, 0.15);
    color: rgba(0, 0, 0, 0.8); }
  .c-flipper:active {
    background: rgba(0, 0, 0, 0.2);
    color: #000; }
  .theme-light .c-flipper, .theme-dark .theme-light .c-flipper {
    background: rgba(255, 255, 255, 0.5);
    color: rgba(0, 0, 0, 0.6); }
    .theme-light .c-flipper:focus, .theme-dark .theme-light .c-flipper:focus {
      background: rgba(255, 255, 255, 0.8);
      outline-color: #000; }
    .theme-light .c-flipper:hover, .theme-dark .theme-light .c-flipper:hover {
      background: rgba(255, 255, 255, 0.4);
      color: rgba(0, 0, 0, 0.8); }
    .theme-light .c-flipper:active, .theme-dark .theme-light .c-flipper:active {
      background: rgba(255, 255, 255, 0.2);
      color: #000; }
  .theme-dark .c-flipper, .theme-light .theme-dark .c-flipper {
    background: rgba(0, 0, 0, 0.5);
    color: rgba(255, 255, 255, 0.6); }
    .theme-dark .c-flipper:focus, .theme-light .theme-dark .c-flipper:focus {
      background: rgba(0, 0, 0, 0.8);
      outline-color: #FFF; }
    .theme-dark .c-flipper:hover, .theme-light .theme-dark .c-flipper:hover {
      background: rgba(0, 0, 0, 0.4);
      color: rgba(255, 255, 255, 0.8); }
    .theme-dark .c-flipper:active, .theme-light .theme-dark .c-flipper:active {
      background: rgba(0, 0, 0, 0.2);
      color: #FFF; }

.microsoft-uhf .c-universal-footer {
  margin-top: 0; }


.c-group {
  display: flex;
  position: relative;
  flex-wrap: nowrap;
  overflow: hidden;
  padding: 1px; }
  
  .c-group.f-wrap-items {
    flex-wrap: wrap; }
    @media only screen and (max-width: 539px) {
      
      .c-group.f-wrap-items .c-product-placement.f-orientation-vertical.f-size-medium {
        width: calc(50% - 24px); }
        
        .c-group.f-wrap-items .c-product-placement.f-orientation-vertical.f-size-medium picture img {
          width: 100%; } }
  
  .c-group .c-call-to-action {
    margin-right: 4px; }
  
  .c-group .c-action-trigger {
    padding-right: 24px; }
    
    .c-group .c-action-trigger:last-child {
      padding-right: 0; }
  
  .c-group .c-select-button {
    margin-top: 8px; }
  @media only screen and (min-width: 320px) {
    
    .c-group button.c-button,
    .c-group a.c-button[role="button"] {
      margin-right: 4px; } }
  @media only screen and (min-width: 540px) {
    
    .c-group button.c-button,
    .c-group a.c-button[role="button"] {
      margin-right: 8px; } }

[class^="c-heading-"]:before, [class^="c-heading-"]:after {
  content: " ";
  display: table; }

[class^="c-heading-"]:after {
  clear: both; }

[class^="c-heading-"] a.c-hyperlink, [class^="c-heading-"] .m-blog-post a, .m-blog-post [class^="c-heading-"] a {
  font-size: 15px;
  line-height: 20px;
  float: right;
  margin-left: 12px;
  font-weight: 400; }

.c-heading-1 a.c-hyperlink, .c-heading-1 .m-blog-post a, .m-blog-post .c-heading-1 a {
  margin-top: 45px; }

.c-heading-2 a.c-hyperlink, .c-heading-2 .m-blog-post a, .m-blog-post .c-heading-2 a {
  margin-top: 31px; }

.c-heading-3 a.c-hyperlink, .m-blog-post h1 a.c-hyperlink, .c-heading-3 .m-blog-post a, .m-blog-post .c-heading-3 a, .m-blog-post h1 a {
  margin-top: 18px; }

.c-heading-4 a.c-hyperlink, .m-blog-post h2 a.c-hyperlink, .c-heading-4 .m-blog-post a, .m-blog-post .c-heading-4 a, .m-blog-post h2 a {
  margin-top: 8px; }

.c-heading-5 a.c-hyperlink, .m-blog-post h3 a.c-hyperlink, .c-heading-5 .m-blog-post a, .m-blog-post .c-heading-5 a, .m-blog-post h3 a {
  margin-top: 4px; }

.c-heading-6 a.c-hyperlink, .m-blog-post h4 a.c-hyperlink,
.m-blog-post h5 a.c-hyperlink,
.m-blog-post h6 a.c-hyperlink, .c-heading-6 .m-blog-post a, .m-blog-post .c-heading-6 a, .m-blog-post h4 a, .m-blog-post h5 a, .m-blog-post h6 a {
  margin-top: 3px; }

@media (max-width: 767px) {
  .c-heading-1 a.c-hyperlink, .c-heading-1 .m-blog-post a, .m-blog-post .c-heading-1 a {
    margin-top: 31px; }
  .c-heading-2 a.c-hyperlink, .c-heading-2 .m-blog-post a, .m-blog-post .c-heading-2 a {
    margin-top: 18px; }
  .c-heading-3 a.c-hyperlink, .m-blog-post h1 a.c-hyperlink, .c-heading-3 .m-blog-post a, .m-blog-post .c-heading-3 a, .m-blog-post h1 a {
    margin-top: 10px; }
  .c-heading-4 a.c-hyperlink, .m-blog-post h2 a.c-hyperlink, .c-heading-4 .m-blog-post a, .m-blog-post .c-heading-4 a, .m-blog-post h2 a {
    margin-top: 4px; }
  .c-heading-5 a.c-hyperlink, .m-blog-post h3 a.c-hyperlink, .c-heading-5 .m-blog-post a, .m-blog-post .c-heading-5 a, .m-blog-post h3 a {
    margin-top: 3px; }
  .c-heading-6 a.c-hyperlink, .m-blog-post h4 a.c-hyperlink,
  .m-blog-post h5 a.c-hyperlink,
  .m-blog-post h6 a.c-hyperlink, .c-heading-6 .m-blog-post a, .m-blog-post .c-heading-6 a, .m-blog-post h4 a, .m-blog-post h5 a, .m-blog-post h6 a {
    margin-top: 0; } }

a.c-hyperlink, .m-blog-post a {
  text-decoration: none;
  color: #0060ac; }
  a.c-hyperlink:visited, .m-blog-post a:visited, a.c-hyperlink:hover, .m-blog-post a:hover {
    color: #0060ac;
    text-decoration: underline; }
  a.c-hyperlink:focus, .m-blog-post a:focus {
    outline: 1px dashed #000; }
    a.c-hyperlink:focus:active, .m-blog-post a:focus:active {
      outline-style: none; }
  a.c-hyperlink:active, .m-blog-post a:active {
    color: #0060ac;
    text-decoration: none; }
  .theme-light a.c-hyperlink, .theme-light .m-blog-post a, .m-blog-post .theme-light a, .theme-dark .theme-light a.c-hyperlink, .theme-dark .theme-light .m-blog-post a, .m-blog-post .theme-dark .theme-light a {
    text-decoration: underline;
    color: #000; }
    .theme-light a.c-hyperlink:focus, .theme-light .m-blog-post a:focus, .m-blog-post .theme-light a:focus, .theme-dark .theme-light a.c-hyperlink:focus, .theme-dark .theme-light .m-blog-post a:focus, .m-blog-post .theme-dark .theme-light a:focus {
      text-decoration: none;
      color: #000; }
    .theme-light a.c-hyperlink:visited, .theme-light .m-blog-post a:visited, .m-blog-post .theme-light a:visited, .theme-dark .theme-light a.c-hyperlink:visited, .theme-dark .theme-light .m-blog-post a:visited, .m-blog-post .theme-dark .theme-light a:visited {
      color: rgba(0, 0, 0, 0.4); }
    .theme-light a.c-hyperlink:hover, .theme-light .m-blog-post a:hover, .m-blog-post .theme-light a:hover, .theme-dark .theme-light a.c-hyperlink:hover, .theme-dark .theme-light .m-blog-post a:hover, .m-blog-post .theme-dark .theme-light a:hover {
      color: rgba(0, 0, 0, 0.8); }
    .theme-light a.c-hyperlink:active, .theme-light .m-blog-post a:active, .m-blog-post .theme-light a:active, .theme-dark .theme-light a.c-hyperlink:active, .theme-dark .theme-light .m-blog-post a:active, .m-blog-post .theme-dark .theme-light a:active {
      color: rgba(0, 0, 0, 0.6); }
  .theme-dark a.c-hyperlink, .theme-dark .m-blog-post a, .m-blog-post .theme-dark a, .theme-light .theme-dark a.c-hyperlink, .theme-light .theme-dark .m-blog-post a, .m-blog-post .theme-light .theme-dark a {
    text-decoration: underline;
    color: #FFF; }
    .theme-dark a.c-hyperlink:focus, .theme-dark .m-blog-post a:focus, .m-blog-post .theme-dark a:focus, .theme-light .theme-dark a.c-hyperlink:focus, .theme-light .theme-dark .m-blog-post a:focus, .m-blog-post .theme-light .theme-dark a:focus {
      text-decoration: none;
      outline-color: #FFF; }
    .theme-dark a.c-hyperlink:visited, .theme-dark .m-blog-post a:visited, .m-blog-post .theme-dark a:visited, .theme-light .theme-dark a.c-hyperlink:visited, .theme-light .theme-dark .m-blog-post a:visited, .m-blog-post .theme-light .theme-dark a:visited {
      color: rgba(255, 255, 255, 0.4); }
    .theme-dark a.c-hyperlink:hover, .theme-dark .m-blog-post a:hover, .m-blog-post .theme-dark a:hover, .theme-light .theme-dark a.c-hyperlink:hover, .theme-light .theme-dark .m-blog-post a:hover, .m-blog-post .theme-light .theme-dark a:hover {
      color: rgba(255, 255, 255, 0.8); }
    .theme-dark a.c-hyperlink:active, .theme-dark .m-blog-post a:active, .m-blog-post .theme-dark a:active, .theme-light .theme-dark a.c-hyperlink:active, .theme-light .theme-dark .m-blog-post a:active, .m-blog-post .theme-light .theme-dark a:active {
      color: rgba(255, 255, 255, 0.6); }


.c-glyph:before,
.c-glyph:after {
  font-family: "MWF-MDL2";
  display: inline-block;
  text-decoration: underline; }


.c-glyph:before,
.c-glyph:after,
.c-glyph:hover:before,
.c-glyph:hover:after {
  text-decoration: none; }


img.c-image, .m-blog-post img, picture.c-image img {
  display: block;
  margin: 0;
  max-width: 100%;
  height: auto; }


img.c-image.f-round,
.m-blog-post img.f-round {
  border-radius: 50%; }


ul.c-list,
.m-blog-post ul,
ol.c-list,
.m-blog-post ol {
  font-size: 15px;
  line-height: 20px;
  padding-left: 19px;
  padding-right: 0;
  margin: 8px 0;
  list-style-position: outside; }
  
  ul.c-list li, .m-blog-post ul li,
  ol.c-list li,
  .m-blog-post ol li {
    padding: 8px 0; }
  
  ul.c-list.f-lean li, .m-blog-post ul.f-lean li,
  ol.c-list.f-lean li,
  .m-blog-post ol.f-lean li {
    padding: 0; }
  
  ul.c-list.f-bare,
  .m-blog-post ul.f-bare,
  ol.c-list.f-bare,
  .m-blog-post ol.f-bare {
    padding-left: 0;
    list-style-type: none; }


ul.c-list,
.m-blog-post ul {
  list-style-type: disc; }


ol.c-list,
.m-blog-post ol {
  list-style-type: decimal; }

.c-logo img + span {
  position: absolute !important;
  overflow: hidden !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  width: 1px !important;
  height: 1px !important;
  border: none !important;
  padding: 0 !important;
  margin: 0 !important; }

.c-meta-text {
  color: rgba(0, 0, 0, 0.6); }


.c-menu-item a,
.c-menu-item span,
.c-menu-item button {
  display: block;
  background: rgba(0, 0, 0, 0.05);
  padding: 11px 12px 13px;
  outline: 0;
  cursor: pointer; }
  
  .c-menu-item a:hover,
  .c-menu-item a:focus,
  .c-menu-item span:hover,
  .c-menu-item span:focus,
  .c-menu-item button:hover,
  .c-menu-item button:focus {
    background: rgba(0, 0, 0, 0.1); }
  
  .c-menu-item a:focus,
  .c-menu-item span:focus,
  .c-menu-item button:focus {
    outline: 1px dashed #000; }
  
  .c-menu-item a:active,
  .c-menu-item span:active,
  .c-menu-item button:active {
    background: rgba(0, 0, 0, 0.3); }
  
  .c-menu-item a[role="menuitemradio"][aria-checked="true"],
  .c-menu-item span[role="menuitemradio"][aria-checked="true"],
  .c-menu-item button[role="menuitemradio"][aria-checked="true"] {
    background: #0060ac;
    color: #FFF; }


.c-menu-item.f-sub-menu > a,
.c-menu-item.f-sub-menu > button {
  position: relative; }
  
  .c-menu-item.f-sub-menu > a:after,
  .c-menu-item.f-sub-menu > button:after {
    font-family: "MWF-MDL2";
    content: "";
    position: absolute;
    font-size: 6px;
    right: 12px;
    top: 19px; }
  
  .c-menu-item.f-sub-menu > a + .c-menu,
  .c-menu-item.f-sub-menu > button + .c-menu {
    display: none;
    position: absolute;
    left: 100%;
    top: 0; }
  .no-js
  .c-menu-item.f-sub-menu > a:focus + .c-menu,
  .no-js
  .c-menu-item.f-sub-menu > a:hover + .c-menu,
  .js
  .c-menu-item.f-sub-menu > a[aria-expanded="true"] + .c-menu[aria-hidden="false"], .no-js
  .c-menu-item.f-sub-menu > button:focus + .c-menu,
  .no-js
  .c-menu-item.f-sub-menu > button:hover + .c-menu,
  .js
  .c-menu-item.f-sub-menu > button[aria-expanded="true"] + .c-menu[aria-hidden="false"] {
    display: block; }


.c-menu {
  position: relative;
  z-index: 1;
  width: 296px;
  min-width: 64px;
  max-width: 368px;
  padding: 0;
  margin: 0;
  background: #FFF;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-top: 0;
  background-clip: padding-box; }
  
  .c-menu .c-menu-item [aria-checked="true"] {
    background: #0060ac;
    color: #FFF; }
  .theme-dark
  .c-menu, .theme-light .theme-dark
  .c-menu {
    color: #000; }
  .theme-light
  .c-menu, .theme-dark .theme-light
  .c-menu {
    color: #000; }

.c-mosaic {
  max-width: 2048px;
  margin: 0 auto; }
  .c-mosaic [data-f-mosaic] > picture {
    z-index: 0;
    position: relative;
    display: block;
    overflow: hidden;
    width: 100%;
    height: 100%; }
    .c-mosaic [data-f-mosaic] > picture img {
      position: absolute;
      left: calc(50%);
      top: calc(50%);
      transform: translate(-50%, -50%); }
  .c-mosaic:before, .c-mosaic:after,
  .c-mosaic [data-f-mosaic*="f-vp"]:before,
  .c-mosaic [data-f-mosaic*="f-vp"]:after {
    content: " ";
    display: table; }
  .c-mosaic:after,
  .c-mosaic [data-f-mosaic*="f-vp"]:after {
    clear: both; }
  .c-mosaic [data-f-mosaic*="f-vp"] {
    float: left; }
  .c-mosaic [data-f-mosaic~="f-vp1-whole"] {
    width: 100%; }
  .c-mosaic [data-f-mosaic~="f-vp1-half"] {
    width: 50%; }
  .c-mosaic [data-f-mosaic~="f-height-small"] {
    height: 150px; }
  .c-mosaic [data-f-mosaic~="f-height-medium"] {
    height: 300px; }
  .c-mosaic [data-f-mosaic~="f-height-large"] {
    height: 300px; }
  @media only screen and (min-width: 540px) {
    .c-mosaic [data-f-mosaic~="f-vp2-whole"] {
      width: 100%; }
    .c-mosaic [data-f-mosaic~="f-vp2-half"] {
      width: 50%; } }
  @media only screen and (min-width: 768px) {
    .c-mosaic [data-f-mosaic~="f-vp3-whole"] {
      width: 100%; }
    .c-mosaic [data-f-mosaic~="f-vp3-half"] {
      width: 50%; }
    .c-mosaic [data-f-mosaic~="f-height-small"] {
      height: 200px; }
    .c-mosaic [data-f-mosaic~="f-height-medium"] {
      height: 400px; }
    .c-mosaic [data-f-mosaic~="f-height-large"] {
      height: 400px; } }
  @media only screen and (min-width: 1084px) {
    .c-mosaic [data-f-mosaic~="f-vp4-whole"] {
      width: 100%; }
    .c-mosaic [data-f-mosaic~="f-vp4-half"] {
      width: 50%; }
    .c-mosaic [data-f-mosaic~="f-height-large"] {
      height: 800px; } }


.c-pagination {
  display: flex;
  flex: 0 0 auto;
  padding: 0;
  margin-top: 24px;
  flex-direction: row; }
  
  .c-pagination li {
    display: inline-block;
    margin-right: 12px; }
    
    .c-pagination li > a,
    .c-pagination li > span {
      display: inline-block;
      padding: 5px 11px;
      border: 1px solid transparent;
      white-space: nowrap; }
      
      .c-pagination li > a:focus,
      .c-pagination li > span:focus {
        background-color: rgba(0, 0, 0, 0.1);
        border-color: #0060ac; }
    
    .c-pagination li > a:hover {
      background-color: rgba(0, 0, 0, 0.1);
      border-color: rgba(0, 0, 0, 0.1); }
    
    .c-pagination li > a:active {
      background-color: rgba(0, 0, 0, 0.3);
      border-color: 1px solid rgba(0, 0, 0, 0.3); }
    
    .c-pagination li.f-active > a,
    .c-pagination li.f-active > span {
      border-color: #0060ac; }
    
    .c-pagination li.f-hide {
      display: none; }
    
    .c-pagination li:first-child .c-glyph:before {
      content: "";
      vertical-align: -2px;
      margin-right: 8px; }
    
    .c-pagination li:last-child .c-glyph:after {
      content: "";
      vertical-align: -2px;
      margin-left: 8px; }
    @media only screen and (max-width: 539px) {
      
      .c-pagination li:first-child a,
      .c-pagination li:last-child a {
        position: relative;
        text-indent: -9999px; }
      
      .c-pagination li:first-child .c-glyph:before,
      .c-pagination li:first-child .c-glyph:after,
      .c-pagination li:last-child .c-glyph:before,
      .c-pagination li:last-child .c-glyph:after {
        position: absolute;
        top: 8px;
        left: 9999px; } }

[class*="c-paragraph"].f-lean {
  padding: 0; }

.c-pivot > header {
  display: flex; }
  .c-pivot > header > a {
    font-size: 20px;
    display: inline-block;
    flex-shrink: 0;
    font-weight: 200;
    white-space: nowrap;
    padding: 1px 12px;
    color: rgba(0, 0, 0, 0.4);
    margin: 1px; }
    .c-pivot > header > a:first-child {
      padding-left: 0; }
    .c-pivot > header > a.f-active {
      color: #000; }
    .c-pivot > header > a:hover {
      color: rgba(0, 0, 0, 0.8);
      text-decoration: underline; }
    .c-pivot > header > a:focus {
      outline: 1px dashed; }

.c-pivot > section[aria-hidden="true"] {
  display: none;
  overflow: hidden; }

.c-pivot > section[aria-hidden="false"] {
  display: block; }

.c-pivot.f-disabled > header > a {
  color: rgba(0, 0, 0, 0.2);
  cursor: not-allowed; }

.c-mosaic-placement {
  position: relative;
  display: block;
  overflow: hidden;
  padding-bottom: 19px;
  width: 100%;
  height: 100%; }
  .c-mosaic-placement.f-background-neutral-00 {
    background: #FFF; }
  .c-mosaic-placement.f-background-neutral-10 {
    background: #E3E3E3; }
  .c-mosaic-placement.f-background-neutral-20 {
    background: #C8C8C8; }
  .c-mosaic-placement.f-background-neutral-30 {
    background: #ACACAC; }
  .c-mosaic-placement.f-background-neutral-45 {
    background: #919191; }
  .c-mosaic-placement.f-background-neutral-55 {
    background: #767676; }
  .c-mosaic-placement.f-background-neutral-65 {
    background: #5E5E5E; }
  .c-mosaic-placement.f-background-neutral-75 {
    background: #464646; }
  .c-mosaic-placement.f-background-neutral-80 {
    background: #2F2F2F; }
  .c-mosaic-placement.f-background-neutral-90 {
    background: #171717; }
  .c-mosaic-placement.f-background-neutral-100 {
    background: #000; }
  .c-mosaic-placement.f-background-accent {
    background: #0060ac; }
  .c-mosaic-placement[class*="f-mask"] > picture:before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: "";
    z-index: 1; }
  .theme-light .c-mosaic-placement.f-mask-10 > picture:before, .theme-dark .theme-light .c-mosaic-placement.f-mask-10 > picture:before {
    background: rgba(255, 255, 255, 0.1); }
  .theme-light .c-mosaic-placement.f-mask-20 > picture:before, .theme-dark .theme-light .c-mosaic-placement.f-mask-20 > picture:before {
    background: rgba(255, 255, 255, 0.2); }
  .theme-light .c-mosaic-placement.f-mask-40 > picture:before, .theme-dark .theme-light .c-mosaic-placement.f-mask-40 > picture:before {
    background: rgba(255, 255, 255, 0.4); }
  .theme-light .c-mosaic-placement.f-mask-60 > picture:before, .theme-dark .theme-light .c-mosaic-placement.f-mask-60 > picture:before {
    background: rgba(255, 255, 255, 0.6); }
  .theme-light .c-mosaic-placement.f-mask-80 > picture:before, .theme-dark .theme-light .c-mosaic-placement.f-mask-80 > picture:before {
    background: rgba(255, 255, 255, 0.8); }
  .theme-light .c-mosaic-placement.f-mask-100 > picture:before, .theme-dark .theme-light .c-mosaic-placement.f-mask-100 > picture:before {
    background: #FFF; }
  .theme-dark .c-mosaic-placement.f-mask-10 > picture:before, .theme-light .theme-dark .c-mosaic-placement.f-mask-10 > picture:before {
    background: rgba(0, 0, 0, 0.1); }
  .theme-dark .c-mosaic-placement.f-mask-20 > picture:before, .theme-light .theme-dark .c-mosaic-placement.f-mask-20 > picture:before {
    background: rgba(0, 0, 0, 0.2); }
  .theme-dark .c-mosaic-placement.f-mask-40 > picture:before, .theme-light .theme-dark .c-mosaic-placement.f-mask-40 > picture:before {
    background: rgba(0, 0, 0, 0.4); }
  .theme-dark .c-mosaic-placement.f-mask-60 > picture:before, .theme-light .theme-dark .c-mosaic-placement.f-mask-60 > picture:before {
    background: rgba(0, 0, 0, 0.6); }
  .theme-dark .c-mosaic-placement.f-mask-80 > picture:before, .theme-light .theme-dark .c-mosaic-placement.f-mask-80 > picture:before {
    background: rgba(0, 0, 0, 0.8); }
  .theme-dark .c-mosaic-placement.f-mask-100 > picture:before, .theme-light .theme-dark .c-mosaic-placement.f-mask-100 > picture:before {
    background: #000; }
  .c-mosaic-placement .c-video {
    height: 400px;
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    left: 0;
    top: 0;
    position: absolute; }
    .c-mosaic-placement .c-video > h1 {
      display: none; }
    .c-mosaic-placement .c-video video {
      min-width: 100%;
      min-height: 100%;
      height: auto;
      width: auto;
      z-index: -100;
      background-size: cover;
      overflow: hidden;
      position: absolute;
      left: 0;
      top: 0; }
  .c-mosaic-placement .c-heading {
    font-size: 20px;
    line-height: 24px;
    padding: 35px 0 5px;
    font-weight: 200;
    overflow: hidden;
    box-sizing: content-box;
    max-height: 48px;
    padding-bottom: 1.636px;
    font-weight: 700; }
  .c-mosaic-placement .c-subheading {
    font-size: 20px;
    line-height: 24px;
    overflow: hidden;
    box-sizing: content-box;
    max-height: 72px;
    padding-bottom: 1.636px;
    font-weight: 200; }
  .c-mosaic-placement a.c-call-to-action {
    background: transparent;
    color: #0060ac;
    border-color: transparent;
    border-width: 2px;
    padding: 10px 44px 7px 24px;
    margin-left: -24px;
    margin-right: -24px; }
    .c-mosaic-placement a.c-call-to-action:focus, .c-mosaic-placement a.c-call-to-action:hover {
      background: transparent;
      border-color: transparent; }
    .c-mosaic-placement a.c-call-to-action:active {
      background: transparent;
      text-decoration: none; }
    .c-mosaic-placement a.c-call-to-action span:hover {
      text-decoration: underline; }
    .theme-light .c-mosaic-placement a.c-call-to-action, .theme-dark .theme-light .c-mosaic-placement a.c-call-to-action {
      color: #000;
      background: transparent;
      border-color: transparent; }
      .theme-light .c-mosaic-placement a.c-call-to-action:active, .theme-dark .theme-light .c-mosaic-placement a.c-call-to-action:active {
        color: rgba(0, 0, 0, 0.6); }
      .theme-light .c-mosaic-placement a.c-call-to-action:focus, .theme-dark .theme-light .c-mosaic-placement a.c-call-to-action:focus {
        outline-color: #000; }
    .theme-dark .c-mosaic-placement a.c-call-to-action, .theme-light .theme-dark .c-mosaic-placement a.c-call-to-action {
      color: #FFF;
      background: transparent;
      border-color: transparent; }
      .theme-dark .c-mosaic-placement a.c-call-to-action:active, .theme-light .theme-dark .c-mosaic-placement a.c-call-to-action:active {
        color: rgba(255, 255, 255, 0.6); }
      .theme-dark .c-mosaic-placement a.c-call-to-action:focus, .theme-light .theme-dark .c-mosaic-placement a.c-call-to-action:focus {
        outline-color: #FFF; }
  .c-mosaic-placement .c-group,
  .c-mosaic-placement picture,
  .c-mosaic-placement picture:after {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0; }
  .c-mosaic-placement picture:after {
    content: "";
    display: block; }
  .c-mosaic-placement .c-group {
    display: block;
    top: auto;
    text-align: center;
    height: 42px; }
  .c-mosaic-placement picture {
    z-index: 0;
    overflow: hidden; }
    .c-mosaic-placement picture img {
      position: absolute;
      left: calc(50%);
      top: calc(50%);
      transform: translate(-50%, -50%); }
    .c-mosaic-placement picture:after {
      z-index: 1; }
      .theme-light .c-mosaic-placement picture:after, .theme-dark .theme-light .c-mosaic-placement picture:after {
        background-color: rgba(255, 255, 255, 0.2); }
      .theme-dark .c-mosaic-placement picture:after, .theme-light .theme-dark .c-mosaic-placement picture:after {
        background-color: rgba(0, 0, 0, 0.2); }
  .c-mosaic-placement > div {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    height: 100%;
    z-index: 2;
    text-align: center; }
    .c-mosaic-placement > div > div {
      display: block;
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      top: auto;
      text-align: center;
      height: 42px; }
  .c-mosaic-placement.f-height-large.f-width-small {
    padding: 0 12.5% 19px; }
  .c-mosaic-placement.f-height-large.f-width-large {
    padding: 0 25% 19px; }
  .c-mosaic-placement.f-height-medium .c-heading,
  .c-mosaic-placement.f-height-medium .c-subheading {
    display: none; }
  .c-mosaic-placement.f-height-medium.f-width-large {
    padding: 0 12.5% 19px; }
  .c-mosaic-placement.f-height-medium .c-video {
    height: 200px; }

.c-product-placement {
  margin-right: 24px;
  margin-top: 12px; }
  .c-product-placement > a {
    display: block;
    width: 100%;
    height: 100%; }
    .c-product-placement > a:before, .c-product-placement > a:after {
      content: " ";
      display: table; }
    .c-product-placement > a:after {
      clear: both; }
    .c-product-placement > a > picture img,
    .c-product-placement > a .c-image,
    .c-product-placement > a .m-blog-post img, .m-blog-post
    .c-product-placement > a img {
      outline: 1px solid rgba(0, 0, 0, 0.1); }
    .c-product-placement > a:focus {
      outline: 1px dashed rgba(0, 0, 0, 0.6); }
    .c-product-placement > a:hover .c-heading,
    .c-product-placement > a:hover .c-subheading,
    .c-product-placement > a:hover .c-heading-5,
    .c-product-placement > a:hover .m-blog-post h3, .m-blog-post
    .c-product-placement > a:hover h3,
    .c-product-placement > a:hover .c-paragraph {
      text-decoration: underline; }
    .c-product-placement > a:hover > picture img,
    .c-product-placement > a:hover .c-image,
    .c-product-placement > a:hover .m-blog-post img, .m-blog-post
    .c-product-placement > a:hover img, .c-product-placement > a:focus > picture img,
    .c-product-placement > a:focus .c-image,
    .c-product-placement > a:focus .m-blog-post img, .m-blog-post
    .c-product-placement > a:focus img {
      outline: 1px solid rgba(0, 0, 0, 0.6); }
  .c-product-placement picture,
  .c-product-placement picture img,
  .c-product-placement picture .c-image,
  .c-product-placement picture .m-blog-post img, .m-blog-post
  .c-product-placement picture img {
    display: inline-block; }
  .c-product-placement .c-badge {
    margin-top: 12px;
    margin-bottom: 4px; }
    .c-product-placement .c-badge + .c-heading {
      padding-top: 0; }
  .c-product-placement .c-heading {
    font-size: 15px;
    line-height: 20px;
    white-space: nowrap;
    overflow: hidden;
    box-sizing: content-box;
    max-height: 20px;
    padding-top: 8px;
    font-weight: 400; }
  .c-product-placement .c-paragraph {
    font-size: 15px;
    line-height: 20px;
    padding: 24px 0 0;
    font-weight: 400;
    overflow: hidden;
    box-sizing: content-box;
    max-height: 60px;
    color: rgba(0, 0, 0, 0.6); }
  .c-product-placement.context-accessory picture img,
  .c-product-placement.context-accessory .c-image,
  .c-product-placement.context-accessory .m-blog-post img, .m-blog-post
  .c-product-placement.context-accessory img, .c-product-placement.context-device picture img,
  .c-product-placement.context-device .c-image,
  .c-product-placement.context-device .m-blog-post img, .m-blog-post
  .c-product-placement.context-device img, .c-product-placement.context-artist picture img,
  .c-product-placement.context-artist .c-image,
  .c-product-placement.context-artist .m-blog-post img, .m-blog-post
  .c-product-placement.context-artist img {
    outline: none; }
  .c-product-placement.context-artist picture img,
  .c-product-placement.context-artist .c-image,
  .c-product-placement.context-artist .m-blog-post img, .m-blog-post
  .c-product-placement.context-artist img {
    border-radius: 50%; }
  .c-product-placement.context-artist.f-size-medium > a > div {
    text-align: center;
    padding: 0 12px; }
  .c-product-placement.context-tvshow picture + div {
    padding: 5px;
    height: 62px;
    width: 100%; }
  .c-product-placement.f-size-small {
    width: 358px; }
    .c-product-placement.f-size-small .c-badge {
      display: none; }
    .c-product-placement.f-size-small picture {
      float: left;
      margin-right: 12px; }
  .c-product-placement.f-size-medium {
    width: 167px; }
    .c-product-placement.f-size-medium > a > div {
      padding-right: 24px; }
  .c-product-placement.f-size-large {
    width: 358px; }
    .c-product-placement.f-size-large > a > div {
      padding-right: 24px; }
  .c-product-placement.f-size-extra-large {
    width: 740px; }
    .c-product-placement.f-size-extra-large > a > div {
      padding-right: 48px; }
  .c-product-placement.f-size-large .c-heading, .c-product-placement.f-size-extra-large .c-heading {
    font-size: 20px;
    line-height: 24px;
    max-height: 48px;
    font-weight: 200; }
  @media only screen and (max-width: 539px) {
    .c-product-placement.f-size-large {
      width: 272px; } }


.c-select-menu {
  position: relative;
  display: inline-block; }
  
  .c-select-menu.f-border [aria-expanded] {
    margin-left: 8px;
    box-sizing: border-box;
    height: 100%;
    border: 1px solid rgba(0, 0, 0, 0.6); }
    
    .c-select-menu.f-border [aria-expanded]:hover {
      border-color: rgba(0, 0, 0, 0.8); }
    
    .c-select-menu.f-border [aria-expanded]:active,
    .c-select-menu.f-border [aria-expanded]:focus {
      border-color: #0060ac; }
  
  .c-select-menu .c-menu {
    position: absolute;
    top: 100%; }
  
  .c-select-menu [aria-expanded="false"] + .c-menu[aria-hidden="true"] {
    display: none; }
  
  .c-select-menu > button {
    border: 0;
    background: transparent; }
  
  .c-select-menu > a,
  .c-select-menu > button {
    display: inline-block;
    color: rgba(0, 0, 0, 0.6);
    padding: 8px;
    padding-right: 24px;
    transform: translateX(-8px); }
    
    .c-select-menu > a:after,
    .c-select-menu > button:after {
      font-family: "MWF-MDL2";
      content: "";
      position: absolute;
      font-size: 9px;
      color: #000;
      font-weight: 700;
      right: 8px;
      padding-top: 7px; }
    
    .c-select-menu > a:hover,
    .c-select-menu > button:hover {
      color: rgba(0, 0, 0, 0.8); }
    
    .c-select-menu > a:focus,
    .c-select-menu > button:focus {
      border-color: #0060ac;
      outline: 1px dashed #000; }
      
      .c-select-menu > a:focus:hover,
      .c-select-menu > button:focus:hover {
        outline: none; }
  .no-js
  .c-select-menu:hover .c-menu,
  .js
  .c-select-menu > [aria-expanded="true"] + .c-menu[aria-hidden="false"],
  .js
  .c-select-menu > span[aria-expanded="true"] + .c-menu[aria-hidden="false"] {
    display: block; }
  .theme-dark
  .c-select-menu > a,
  .theme-dark
  .c-select-menu > button, .theme-light .theme-dark
  .c-select-menu > a,
  .theme-light .theme-dark
  .c-select-menu > button {
    color: rgba(255, 255, 255, 0.6); }
    .theme-dark
    .c-select-menu > a:hover,
    .theme-dark
    .c-select-menu > button:hover, .theme-light .theme-dark
    .c-select-menu > a:hover,
    .theme-light .theme-dark
    .c-select-menu > button:hover {
      color: rgba(255, 255, 255, 0.8); }
    .theme-dark
    .c-select-menu > a:after,
    .theme-dark
    .c-select-menu > button:after, .theme-light .theme-dark
    .c-select-menu > a:after,
    .theme-light .theme-dark
    .c-select-menu > button:after {
      color: #FFF; }
    .theme-dark
    .c-select-menu > a:focus,
    .theme-dark
    .c-select-menu > button:focus, .theme-light .theme-dark
    .c-select-menu > a:focus,
    .theme-light .theme-dark
    .c-select-menu > button:focus {
      outline-color: #FFF; }
  .theme-dark
  .c-select-menu.f-border > a,
  .theme-dark
  .c-select-menu.f-border > button, .theme-light .theme-dark
  .c-select-menu.f-border > a,
  .theme-light .theme-dark
  .c-select-menu.f-border > button {
    color: rgba(0, 0, 0, 0.6);
    background: rgba(255, 255, 255, 0.6);
    border-color: #FFF; }
    .theme-dark
    .c-select-menu.f-border > a:after,
    .theme-dark
    .c-select-menu.f-border > button:after, .theme-light .theme-dark
    .c-select-menu.f-border > a:after,
    .theme-light .theme-dark
    .c-select-menu.f-border > button:after {
      color: #000; }
    .theme-dark
    .c-select-menu.f-border > a:hover,
    .theme-dark
    .c-select-menu.f-border > button:hover, .theme-light .theme-dark
    .c-select-menu.f-border > a:hover,
    .theme-light .theme-dark
    .c-select-menu.f-border > button:hover {
      color: rgba(0, 0, 0, 0.8);
      border-color: #FFF; }
    .theme-dark
    .c-select-menu.f-border > a:focus,
    .theme-dark
    .c-select-menu.f-border > button:focus, .theme-light .theme-dark
    .c-select-menu.f-border > a:focus,
    .theme-light .theme-dark
    .c-select-menu.f-border > button:focus {
      border-color: #FFF; }


.c-select {
  position: relative;
  margin-top: 20px;
  min-width: 88px;
  max-width: 296px;
  background-color: #FFF;
  cursor: pointer;
  height: 36px; }
  
  .c-select:after {
    font-family: "MWF-MDL2";
    content: "";
    position: absolute;
    right: 4px;
    top: 1px;
    height: 34px;
    width: 31px;
    background: #FFF;
    padding-top: 10px;
    text-align: center; }
  
  .c-select:after:hover {
    z-index: 1; }
  
  .c-select select {
    position: relative;
    width: 100%;
    padding: 7px 34px 7px 5px;
    background: #FFF;
    appearance: none;
    height: 100%;
    outline: 0;
    border: 1px solid rgba(0, 0, 0, 0.6);
    cursor: pointer;
    display: none; }
    
    .c-select select:active,
    .c-select select:focus {
      background: #FFF; }
    
    .c-select select:hover {
      z-index: 2;
      background: transparent;
      border-color: rgba(0, 0, 0, 0.8); }
    
    .c-select select:active,
    .c-select select:focus {
      border-color: #0060ac; }
    
    .c-select select[disabled] {
      cursor: not-allowed;
      color: rgba(0, 0, 0, 0.2);
      border-color: rgba(0, 0, 0, 0.2);
      background: #FFF;
      z-index: 2;
      padding-right: 0; }
    
    .c-select select option {
      background: #FFF;
      color: #000; }
    
    .c-select select:-moz-focusring {
      color: transparent;
      text-shadow: 0 0 0 #000; }
    
    .c-select select::-ms-expand {
      display: none; }
    
    .c-select select:focus::-ms-value {
      background: transparent;
      color: #000; }

.c-sequence-indicator {
  font-size: 0; }
  .c-sequence-indicator button {
    display: inline-block;
    border: 0;
    padding: 2px 3px;
    width: 12px;
    height: 10px;
    background: transparent; }
    .c-sequence-indicator button:before {
      content: "";
      display: block;
      width: 100%;
      height: 100%;
      border-radius: 50%;
      border: 1px solid rgba(0, 0, 0, 0.8); }
    .c-sequence-indicator button:focus {
      outline: 1px dashed #000; }
    .c-sequence-indicator button:hover:before {
      background: rgba(0, 0, 0, 0.4); }
    .c-sequence-indicator button[aria-checked="true"]:before {
      background: #000; }
  .theme-light .c-sequence-indicator button:before, .theme-dark .theme-light .c-sequence-indicator button:before {
    border-color: rgba(0, 0, 0, 0.8); }
  .theme-light .c-sequence-indicator button:focus, .theme-dark .theme-light .c-sequence-indicator button:focus {
    outline-color: #000; }
  .theme-light .c-sequence-indicator button:hover:before, .theme-dark .theme-light .c-sequence-indicator button:hover:before {
    background: rgba(0, 0, 0, 0.4); }
  .theme-light .c-sequence-indicator button[aria-checked="true"]:before, .theme-dark .theme-light .c-sequence-indicator button[aria-checked="true"]:before {
    background: #000; }
  .theme-dark .c-sequence-indicator button:before, .theme-light .theme-dark .c-sequence-indicator button:before {
    border-color: rgba(255, 255, 255, 0.8); }
  .theme-dark .c-sequence-indicator button:focus, .theme-light .theme-dark .c-sequence-indicator button:focus {
    outline-color: #FFF; }
  .theme-dark .c-sequence-indicator button:hover:before, .theme-light .theme-dark .c-sequence-indicator button:hover:before {
    background: rgba(255, 255, 255, 0.4); }
  .theme-dark .c-sequence-indicator button[aria-checked="true"]:before, .theme-light .theme-dark .c-sequence-indicator button[aria-checked="true"]:before {
    background: #FFF; }

.c-social {
  display: block;
  margin-top: 48px; }
  .c-social.f-facebook > div, .c-social.f-pinterest > div, .c-social.f-twitter > div {
    display: inline-block;
    margin-right: 24px; }
  .c-social > span {
    font-size: 11px;
    line-height: 16px;
    color: rgba(0, 0, 0, 0.6); }
  .c-social > a {
    position: relative;
    width: 32px;
    height: 32px; }
    .c-social > a:hover:before {
      background: rgba(0, 0, 0, 0.1); }
    .c-social > a:focus {
      outline: 1px dashed #000; }
    .c-social > a:before {
      background: none;
      content: "";
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0; }
    .c-social > a > img {
      width: 32px;
      height: 32px; }
  .c-social.f-share > a:hover:before, .c-social.f-follow > a:hover:before {
    background: rgba(255, 255, 255, 0); }
  .c-social.f-share > a:active, .c-social.f-follow > a:active {
    outline: none; }
  .c-social.f-share > a > img, .c-social.f-follow > a > img {
    opacity: 1; }
    .c-social.f-share > a > img:hover, .c-social.f-share > a > img:focus, .c-social.f-follow > a > img:hover, .c-social.f-follow > a > img:focus {
      opacity: 1; }
    .c-social.f-share > a > img:active, .c-social.f-follow > a > img:active {
      opacity: 1; }
  .c-social button {
    width: 32px;
    height: 32px;
    border: 0;
    background-color: transparent;
    padding: 0;
    color: rgba(0, 0, 0, 0.6);
    vertical-align: middle; }
    .c-social button[aria-hidden="true"] {
      display: none; }
    .c-social button:focus {
      outline: 1px dashed #000; }
  .c-social .f-hide {
    display: none !important; }
  .c-social.f-horizontal > a {
    display: inline-block;
    margin-right: 12px; }
  .c-social.f-horizontal button[aria-hidden="false"] {
    display: inline-block; }
  .c-social.f-horizontal button.c-glyph[aria-expanded="false"]:after {
    content: ""; }
  .c-social.f-horizontal button.c-glyph[aria-expanded="true"]:after {
    content: ""; }
  .c-social.f-vertical > a {
    display: block;
    margin-bottom: 12px;
    margin-right: 0; }
  .c-social.f-vertical button[aria-hidden="false"] {
    display: block; }
  .c-social.f-vertical button.c-glyph[aria-expanded="false"]:after {
    font-family: "MWF-MDL2";
    content: ""; }
  .c-social.f-vertical button.c-glyph[aria-expanded="true"]:after {
    font-family: "MWF-MDL2";
    content: ""; }
  @media only screen and (max-width: 767px) {
    .c-social {
      margin-top: 36px; } }

.c-structured-list {
  margin: 24px 0; }
  .c-structured-list .f-column {
    padding-left: 10px; }
    .c-structured-list .f-column:first-child {
      padding-right: 10px;
      padding-left: 0; }
      @media only screen and (max-width: 1399px) {
        .c-structured-list .f-column:first-child .f-row:first-child {
          border-top: 1px solid #464646; } }
    @media only screen and (max-width: 1399px) {
      .c-structured-list .f-column {
        padding-right: 10px;
        padding-left: 0;
        max-width: 768px; } }
    .c-structured-list .f-column .f-row {
      border-bottom: 1px solid #464646;
      float: left; }
      .c-structured-list .f-column .f-row:before, .c-structured-list .f-column .f-row:after {
        content: " ";
        display: table; }
      .c-structured-list .f-column .f-row:after {
        clear: both; }
      .c-structured-list .f-column .f-row:first-child {
        border-top: 1px solid #464646; }
        @media only screen and (max-width: 1399px) {
          .c-structured-list .f-column .f-row:first-child {
            border-top: 0; } }
      .c-structured-list .f-column .f-row [data-grid="col-2 stack-2"] {
        padding: 10px 12px; }
      .c-structured-list .f-column .f-row .c-paragraph-3, .c-structured-list .f-column .f-row .m-blog-post p, .m-blog-post .c-structured-list .f-column .f-row p {
        padding: 10px 0; }


.c-table,
.m-blog-post table {
  overflow: visible;
  margin-top: 8px; }
  
  .c-table.f-divided tbody tr, .m-blog-post table.f-divided tbody tr {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
  
  .c-table td.f-image, .m-blog-post table td.f-image {
    padding: 8px;
    vertical-align: middle; }
  
  .c-table table, .m-blog-post table table {
    width: 100%; }
  
  .c-table thead, .m-blog-post table thead {
    border-bottom: 1px solid rgba(0, 0, 0, 0.2); }
    
    .c-table thead th, .m-blog-post table thead th {
      font-size: 11px;
      line-height: 16px;
      vertical-align: top;
      font-weight: 400;
      color: rgba(0, 0, 0, 0.6); }
      
      .c-table thead th button, .m-blog-post table thead th button {
        font-size: 11px;
        line-height: 16px;
        font-weight: 400;
        color: rgba(0, 0, 0, 0.6);
        background: transparent;
        border: 0;
        padding-left: 0; }
        
        .c-table thead th button:hover, .m-blog-post table thead th button:hover {
          color: rgba(0, 0, 0, 0.8); }
        
        .c-table thead th button:focus, .m-blog-post table thead th button:focus {
          outline: 1px dashed rgba(0, 0, 0, 0.6); }
        
        .c-table thead th button:active, .m-blog-post table thead th button:active {
          color: #000;
          outline: 1px solid transparent; }
        
        .c-table thead th button.c-glyph:after, .m-blog-post table thead th button.c-glyph:after {
          display: inline-block;
          margin-left: 8px;
          vertical-align: top; }
        
        .c-table thead th button.f-ascending, .m-blog-post table thead th button.f-ascending {
          color: #000; }
          
          .c-table thead th button.f-ascending:after, .m-blog-post table thead th button.f-ascending:after {
            content: ""; }
        
        .c-table thead th button.f-descending, .m-blog-post table thead th button.f-descending {
          color: #000; }
          
          .c-table thead th button.f-descending:after, .m-blog-post table thead th button.f-descending:after {
            content: ""; }
    
    .c-table thead th[colspan]:not([colspan="1"]), .m-blog-post table thead th[colspan]:not([colspan="1"]) {
      text-align: center; }
    
    .c-table thead tr + tr th, .m-blog-post table thead tr + tr th,
    .c-table thead tr + tr th:last-child, .m-blog-post table thead tr + tr th:last-child {
      text-align: center; }
  
  .c-table tr:before, .m-blog-post table tr:before {
    content: "";
    display: block;
    width: 7px; }
  
  .c-table td, .m-blog-post table td,
  .c-table th, .m-blog-post table th {
    padding: 10px 12px;
    text-align: left; }
    
    .c-table td.f-sub-categorical, .m-blog-post table td.f-sub-categorical,
    .c-table th.f-sub-categorical, .m-blog-post table th.f-sub-categorical {
      text-align: center; }
    
    .c-table td.f-numerical, .m-blog-post table td.f-numerical,
    .c-table th.f-numerical, .m-blog-post table th.f-numerical {
      text-align: right; }
      
      .c-table td.f-numerical .c-price, .m-blog-post table td.f-numerical .c-price,
      .c-table th.f-numerical .c-price, .m-blog-post table th.f-numerical .c-price {
        float: right; }
  
  .c-table[data-table="structured"],
  .m-blog-post table[data-table="structured"] {
    margin-top: 20px; }
    
    .c-table[data-table="structured"] table, .m-blog-post table[data-table="structured"] table {
      table-layout: fixed; }
      
      .c-table[data-table="structured"] table td, .m-blog-post table[data-table="structured"] table td {
        width: 50%; }
  
  .c-table ul.c-list, .m-blog-post table ul.c-list,
  .c-table .m-blog-post ul, .m-blog-post
  .c-table ul, .m-blog-post table ul {
    margin: 0;
    padding: 0;
    list-style-type: none; }
    
    .c-table ul.c-list li, .m-blog-post table ul.c-list li,
    .c-table .m-blog-post ul li, .m-blog-post
    .c-table ul li, .m-blog-post table ul li {
      padding: 0 0 8px;
      list-style: none; }
  
  .c-table .c-paragraph, .m-blog-post table .c-paragraph {
    padding: 0; }
  
  .c-table .c-call-to-action, .m-blog-post table .c-call-to-action {
    background: transparent;
    color: #0060ac;
    border-color: transparent;
    border-width: 2px;
    padding: 10px 44px 7px 24px;
    margin-left: -24px;
    margin-right: -24px;
    margin-top: 10px; }
    
    .c-table .c-call-to-action:focus, .m-blog-post table .c-call-to-action:focus,
    .c-table .c-call-to-action:hover, .m-blog-post table .c-call-to-action:hover {
      background: transparent;
      border-color: transparent; }
    
    .c-table .c-call-to-action:active, .m-blog-post table .c-call-to-action:active {
      background: transparent;
      text-decoration: none; }
    
    .c-table .c-call-to-action span:hover, .m-blog-post table .c-call-to-action span:hover {
      text-decoration: underline; }
    .theme-light
    .c-table .c-call-to-action, .theme-light .m-blog-post table .c-call-to-action, .m-blog-post .theme-light table .c-call-to-action, .theme-dark .theme-light
    .c-table .c-call-to-action, .theme-dark .theme-light .m-blog-post table .c-call-to-action, .m-blog-post .theme-dark .theme-light table .c-call-to-action {
      color: #000;
      background: transparent;
      border-color: transparent; }
      .theme-light
      .c-table .c-call-to-action:active, .theme-light .m-blog-post table .c-call-to-action:active, .m-blog-post .theme-light table .c-call-to-action:active, .theme-dark .theme-light
      .c-table .c-call-to-action:active, .theme-dark .theme-light .m-blog-post table .c-call-to-action:active, .m-blog-post .theme-dark .theme-light table .c-call-to-action:active {
        color: rgba(0, 0, 0, 0.6); }
      .theme-light
      .c-table .c-call-to-action:focus, .theme-light .m-blog-post table .c-call-to-action:focus, .m-blog-post .theme-light table .c-call-to-action:focus, .theme-dark .theme-light
      .c-table .c-call-to-action:focus, .theme-dark .theme-light .m-blog-post table .c-call-to-action:focus, .m-blog-post .theme-dark .theme-light table .c-call-to-action:focus {
        outline-color: #000; }
    .theme-dark
    .c-table .c-call-to-action, .theme-dark .m-blog-post table .c-call-to-action, .m-blog-post .theme-dark table .c-call-to-action, .theme-light .theme-dark
    .c-table .c-call-to-action, .theme-light .theme-dark .m-blog-post table .c-call-to-action, .m-blog-post .theme-light .theme-dark table .c-call-to-action {
      color: #FFF;
      background: transparent;
      border-color: transparent; }
      .theme-dark
      .c-table .c-call-to-action:active, .theme-dark .m-blog-post table .c-call-to-action:active, .m-blog-post .theme-dark table .c-call-to-action:active, .theme-light .theme-dark
      .c-table .c-call-to-action:active, .theme-light .theme-dark .m-blog-post table .c-call-to-action:active, .m-blog-post .theme-light .theme-dark table .c-call-to-action:active {
        color: rgba(255, 255, 255, 0.6); }
      .theme-dark
      .c-table .c-call-to-action:focus, .theme-dark .m-blog-post table .c-call-to-action:focus, .m-blog-post .theme-dark table .c-call-to-action:focus, .theme-light .theme-dark
      .c-table .c-call-to-action:focus, .theme-light .theme-dark .m-blog-post table .c-call-to-action:focus, .m-blog-post .theme-light .theme-dark table .c-call-to-action:focus {
        outline-color: #FFF; }
    
    .c-table .c-call-to-action:hover, .m-blog-post table .c-call-to-action:hover {
      border-color: transparent; }

.x-screen-reader.skip-to-main:focus {
  width: auto !important;
  height: auto !important;
  clip: auto !important;
  padding: 10px !important;
  top: 5px;
  left: 4px;
  background: #f2f2f2;
  font-weight: 600;
  color: #006FC3;
  z-index: 100000;
  outline: 1px dashed #000; }

@media all and (min-width: 899px) {
  .microsoft-uhf .shell-header-dropdown-label a {
    line-height: 42px;
    margin-top: 4px; } }

.microsoft-uhf .shell-header .shell-header-cart a {
  height: auto;
  padding: 7px 10px;
  margin: 10px 0 1px 6px; }

.microsoft-uhf .shell-category-header .shell-category-nav .shell-category-top-level {
  overflow: inherit; }

.microsoft-uhf .shell-header-dropdown-tab-label a,
.microsoft-uhf .shell-header-dropdown-tab-list a {
  margin: 1px; }

.microsoft-uhf .shell-category-header .shell-category-nav .c-top-nav-link {
  height: 95%;
  padding: 1.25em 1.5em;
  margin-top: 2px; }
  .microsoft-uhf .shell-category-header .shell-category-nav .c-top-nav-link:focus {
    outline: 1px dashed #FFF; }

.microsoft-uhf .shell-category-header .shell-category-nav .c-logo-mobile {
  margin-top: 0;
  padding: 9px 10px;
  height: 48px; }

.microsoft-uhf .shell-category-header .shell-category-nav .c-nav-dropdown-menu a {
  margin: 1px;
  width: 99%; }

.microsoft-uhf input[type="search"]:focus,
.microsoft-uhf .shell-search button:focus,
.microsoft-uhf .shell-header a:focus {
  outline: 1px dashed; }

.c-video {
  display: inline-block;
  margin: 0;
  width: 100%;
  min-width: 320px;
  direction: ltr; }
  .c-video > [aria-hidden="true"] {
    display: none; }
  .c-video video {
    display: block;
    min-width: 100%;
    width: 100%;
    max-height: 100%;
    height: auto;
    background: #000; }
  .c-video .f-progress {
    direction: ltr;
    width: 100%;
    width: calc(100% - 270px);
    display: inline-block; }
    .c-video .f-progress div {
      background: rgba(255, 255, 255, 0.4); }
      .c-video .f-progress div button:hover,
      .c-video .f-progress div button:active {
        background: #FFF; }
      .c-video .f-progress div button span {
        font-size: 13px;
        width: auto;
        top: -50px;
        background: #000;
        color: #FFF; }
        @media (max-width: 767px) {
          .c-video .f-progress div button span {
            font-size: 12px; } }
  .c-video button {
    color: #FFF;
    background: transparent;
    border: 0; }
  .c-video .f-video-controls {
    font-size: 24px;
    width: 100%;
    height: 44px;
    background: #000;
    position: relative;
    display: inline-block; }
    @media (max-width: 767px) {
      .c-video .f-video-controls {
        font-size: 20px; } }
    .c-video .f-video-controls button.c-glyph {
      width: 44px;
      height: 42px;
      padding-top: 8px;
      vertical-align: middle; }
      .c-video .f-video-controls button.c-glyph:hover, .c-video .f-video-controls button.c-glyph:focus {
        color: rgba(255, 255, 255, 0.6); }
      .c-video .f-video-controls button.c-glyph:focus {
        outline: 1px dashed #FFF; }
      .c-video .f-video-controls button.c-glyph:active {
        color: rgba(255, 255, 255, 0.4); }
    .c-video .f-video-controls .f-timecode {
      font-size: 13px;
      color: #FFF;
      padding-right: 12px;
      position: relative; }
      @media (max-width: 767px) {
        .c-video .f-video-controls .f-timecode {
          font-size: 12px; } }
      .c-video .f-video-controls .f-timecode span {
        color: rgba(255, 255, 255, 0.6); }
  .c-video .f-play-pause {
    margin-left: 1px;
    margin-top: 1px; }
    .c-video .f-play-pause span {
      font-size: 13px;
      color: #FFF;
      position: absolute;
      height: 36px;
      min-width: 44px;
      bottom: 45px;
      left: 0;
      background: #000;
      padding: 8px; }
      @media (max-width: 767px) {
        .c-video .f-play-pause span {
          font-size: 12px; } }
      .c-video .f-play-pause span[aria-hidden="true"] {
        display: none; }
      .c-video .f-play-pause span[aria-hidden="false"] {
        display: block; }
  .c-video .f-full-screen {
    display: inline-block;
    position: absolute;
    top: 1px;
    right: 1px; }
    .c-video .f-full-screen span {
      font-size: 13px;
      color: #FFF;
      position: absolute;
      height: 36px;
      min-width: 44px;
      text-align: right;
      bottom: 45px;
      right: 0;
      background: #000;
      padding: 8px; }
      @media (max-width: 767px) {
        .c-video .f-full-screen span {
          font-size: 12px; } }
      .c-video .f-full-screen span[aria-hidden="true"] {
        display: none; }
      .c-video .f-full-screen span[aria-hidden="false"] {
        display: block; }
  .c-video .f-volume-button {
    display: inline-block;
    position: absolute;
    top: 1px;
    right: 45px;
    margin-left: 12px; }
  .c-video .f-volume-slider {
    position: absolute;
    width: 44px;
    min-height: 148px;
    bottom: 46px;
    right: 46px;
    background: #000; }
    .c-video .f-volume-slider[aria-hidden="true"] {
      visibility: hidden; }
    .c-video .f-volume-slider[aria-hidden="false"] {
      visibility: visible; }
    .c-video .f-volume-slider .c-slider {
      direction: ltr;
      transform: rotate(-90deg);
      width: 120px;
      padding-bottom: 40px;
      margin-top: 52px;
      margin-left: -18px; }
      .c-video .f-volume-slider .c-slider div {
        background: rgba(255, 255, 255, 0.4); }
        .c-video .f-volume-slider .c-slider div button:hover,
        .c-video .f-volume-slider .c-slider div button:active {
          background: #FFF; }
        .c-video .f-volume-slider .c-slider div > span {
          min-height: 0;
          height: 4px;
          width: 100%;
          top: 0;
          left: 0;
          background: #0060ac; }
        .c-video .f-volume-slider .c-slider div button {
          z-index: 1; }
          .c-video .f-volume-slider .c-slider div button span {
            font-size: 13px;
            width: auto;
            transform: rotate(90deg);
            min-width: 40px;
            min-height: 32px;
            top: 38px;
            left: -16px;
            background: #000;
            color: #FFF; }
            @media (max-width: 767px) {
              .c-video .f-volume-slider .c-slider div button span {
                font-size: 12px; } }
  .c-video .glyph-play:before {
    font-family: "MWF-MDL2";
    content: ""; }
  .c-video .glyph-pause:before {
    font-family: "MWF-MDL2";
    content: ""; }
  .c-video .glyph-full-screen:before {
    font-family: "MWF-MDL2";
    content: ""; }
  .c-video .glyph-mute:before {
    font-family: "MWF-MDL2";
    content: ""; }
  .c-video .glyph-volume:before {
    font-family: "MWF-MDL2";
    content: ""; }

.x-clearfix:before, .x-clearfix:after {
  content: " ";
  display: table; }

.x-clearfix:after {
  clear: both; }

.x-float-left {
  float: left !important; }

.x-float-right {
  float: right !important; }

@media print {
  .x-visible-print-block {
    display: block !important; }
  .x-visible-print-inline {
    display: inline !important; }
  .x-visible-print-inline-block {
    display: inline-block !important; }
  .x-hidden-print {
    display: none !important; } }

@media all and (max-width: 539px) {
  .x-visible-vp1-block {
    display: block !important; }
  .x-visible-vp1-inline {
    display: inline !important; }
  .x-visible-vp1-inline-block {
    display: inline-block !important; }
  .x-hidden-vp1 {
    display: none !important; } }

@media all and (min-width: 540px) and (max-width: 767px) {
  .x-visible-vp2-block {
    display: block !important; }
  .x-visible-vp2-inline {
    display: inline !important; }
  .x-visible-vp2-inline-block {
    display: inline-block !important; }
  .x-hidden-vp2 {
    display: none !important; } }

@media all and (min-width: 768px) and (max-width: 1083px) {
  .x-visible-vp3-block {
    display: block !important; }
  .x-visible-vp3-inline {
    display: inline !important; }
  .x-visible-vp3-inline-block {
    display: inline-block !important; }
  .x-hidden-vp3 {
    display: none !important; } }

@media all and (min-width: 1084px) and (max-width: 1399px) {
  .x-visible-vp4-block {
    display: block !important; }
  .x-visible-vp4-inline {
    display: inline !important; }
  .x-visible-vp4-inline-block {
    display: inline-block !important; }
  .x-hidden-vp4 {
    display: none !important; } }

@media all and (min-width: 1400px) {
  .x-visible-vp5-block {
    display: block !important; }
  .x-visible-vp5-inline {
    display: inline !important; }
  .x-visible-vp5-inline-block {
    display: inline-block !important; }
  .x-hidden-vp5 {
    display: none !important; } }


.x-screen-reader {
  position: absolute !important;
  overflow: hidden !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  width: 1px !important;
  height: 1px !important;
  border: none !important;
  padding: 0 !important;
  margin: 0 !important; }

.x-type-center {
  text-align: center !important; }

.x-type-right {
  text-align: right !important; }

.x-type-left {
  text-align: left !important; }

.m-banner {
  text-align: center; }
  .m-banner .c-heading-3, .m-banner .m-blog-post h1, .m-blog-post .m-banner h1 {
    overflow: hidden;
    box-sizing: content-box;
    max-height: 80px;
    padding-bottom: 3.1812px; }
  .m-banner .c-caption-1, .m-banner .m-blog-post .wp-caption-text, .m-blog-post .m-banner .wp-caption-text {
    font-size: 18px;
    padding-top: 20px;
    color: rgba(0, 0, 0, 0.6); }
  .m-banner .c-image, .m-banner .m-blog-post img, .m-blog-post .m-banner img {
    margin: 0 auto;
    width: auto;
    max-height: 70px; }
    .m-banner .c-image + .c-heading-3, .m-banner .m-blog-post img + .c-heading-3, .m-blog-post .m-banner img + .c-heading-3, .m-banner .m-blog-post .c-image + h1, .m-blog-post .m-banner .c-image + h1, .m-banner .m-blog-post img + h1, .m-blog-post .m-banner img + h1 {
      padding-top: 10px; }
  .m-banner a.c-call-to-action {
    background: transparent;
    color: #0060ac;
    border-color: transparent;
    border-width: 2px;
    padding: 10px 44px 7px 24px;
    margin-left: -24px;
    margin-right: -24px; }
    .m-banner a.c-call-to-action:focus, .m-banner a.c-call-to-action:hover {
      background: transparent;
      border-color: transparent; }
    .m-banner a.c-call-to-action:active {
      background: transparent;
      text-decoration: none; }
    .m-banner a.c-call-to-action span:hover {
      text-decoration: underline; }
    .theme-light .m-banner a.c-call-to-action, .theme-dark .theme-light .m-banner a.c-call-to-action {
      color: #000;
      background: transparent;
      border-color: transparent; }
      .theme-light .m-banner a.c-call-to-action:active, .theme-dark .theme-light .m-banner a.c-call-to-action:active {
        color: rgba(0, 0, 0, 0.6); }
      .theme-light .m-banner a.c-call-to-action:focus, .theme-dark .theme-light .m-banner a.c-call-to-action:focus {
        outline-color: #000; }
    .theme-dark .m-banner a.c-call-to-action, .theme-light .theme-dark .m-banner a.c-call-to-action {
      color: #FFF;
      background: transparent;
      border-color: transparent; }
      .theme-dark .m-banner a.c-call-to-action:active, .theme-light .theme-dark .m-banner a.c-call-to-action:active {
        color: rgba(255, 255, 255, 0.6); }
      .theme-dark .m-banner a.c-call-to-action:focus, .theme-light .theme-dark .m-banner a.c-call-to-action:focus {
        outline-color: #FFF; }

.m-content-placement .c-content-placement {
  margin-top: 0; }

.m-product-placement .c-hyperlink[aria-hidden="true"], .m-product-placement .m-blog-post a[aria-hidden="true"], .m-blog-post .m-product-placement a[aria-hidden="true"] {
  visibility: hidden; }

.m-product-placement.f-software, .m-product-placement.f-movie, .m-product-placement.f-tvshow, .m-product-placement.f-app {
  padding-bottom: 48px; }

.m-product-placement.f-artist .c-heading-5, .m-product-placement.f-artist .m-blog-post h3, .m-blog-post .m-product-placement.f-artist h3, .m-product-placement.f-album .c-heading-5, .m-product-placement.f-album .m-blog-post h3, .m-blog-post .m-product-placement.f-album h3, .m-product-placement.f-song .c-heading-5, .m-product-placement.f-song .m-blog-post h3, .m-blog-post .m-product-placement.f-song h3 {
  padding-bottom: 12px; }

.m-product-placement.f-artist, .m-product-placement.f-album {
  padding-bottom: 13px; }

.m-product-placement.f-song {
  padding-bottom: 24px; }

.m-product-placement.f-artist .c-heading-5, .m-product-placement.f-artist .m-blog-post h3, .m-blog-post .m-product-placement.f-artist h3 {
  padding-top: 12px; }

.m-product-placement.f-artist a > div {
  height: inherit; }

.m-product-placement .c-carousel .c-flipper {
  /*
            * Use .f-previous and .f-next
            * .f-left and f-right deprecated v1.3.0
            */ }
  .m-product-placement .c-carousel .c-flipper.f-left, .m-product-placement .c-carousel .c-flipper.f-previous {
    left: -24px; }
  .m-product-placement .c-carousel .c-flipper.f-right, .m-product-placement .c-carousel .c-flipper.f-next {
    right: -24px; }

@media only screen and (max-width: 767px) {
  .m-product-placement .c-carousel .c-flipper {
    /*
                * Use .f-previous and .f-next
                * .f-left and f-right deprecated v1.3.0
                */ }
    .m-product-placement .c-carousel .c-flipper.f-left, .m-product-placement .c-carousel .c-flipper.f-previous {
      background-color: transparent; }
    .m-product-placement .c-carousel .c-flipper.f-right, .m-product-placement .c-carousel .c-flipper.f-next {
      background-color: transparent; } }

.m-social {
  padding: 0;
  display: block;
  margin-top: 48px; }

.c-social {
  display: block;
  margin-top: 48px; }

.m-social.f-facebook > div, .m-social.f-pinterest > div, .m-social.f-twitter > div {
  display: inline-block;
  margin-right: 24px; }

.c-social.f-facebook > div, .c-social.f-pinterest > div, .c-social.f-twitter > div {
  display: inline-block;
  margin-right: 24px; }

.m-social > span, .c-social > span {
  font-size: 15px;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.6);
  padding-right: 12px;
  margin-bottom: 4px; }

.m-social > a, .m-social > ul > li > a {
  position: relative;
  width: 32px;
  height: 32px;
  transition: scale 0.2s ease-in-out; }

.c-social > a, .c-social > ul > li > a {
  position: relative;
  width: 32px;
  height: 32px;
  transition: scale 0.2s ease-in-out; }

@media screen and (-ms-high-contrast: active) {
  .m-social > a, .m-social > ul > li > a {
    -ms-high-contrast-adjust: background;
    background: #FFF; }
  .c-social > a, .c-social > ul > li > a {
    -ms-high-contrast-adjust: background;
    background: #FFF; } }

.m-social > a:focus, .m-social > ul > li > a:focus {
  outline: 2px solid #000; }

.c-social > a:focus, .c-social > ul > li > a:focus {
  outline: 2px solid #000; }

.m-social > a:focus:before, .m-social > a:hover:before {
  background: rgba(0, 0, 0, 0.1); }

.m-social > ul > li > a:focus:before, .m-social > ul > li > a:hover:before {
  background: rgba(0, 0, 0, 0.1); }

.c-social > a:focus:before, .c-social > a:hover:before {
  background: rgba(0, 0, 0, 0.1); }

.c-social > ul > li > a:focus:before, .c-social > ul > li > a:hover:before {
  background: rgba(0, 0, 0, 0.1); }

@media screen and (-ms-high-contrast: active) {
  .m-social > a:focus:before, .m-social > a:hover:before {
    background: none; }
  .m-social > ul > li > a:focus:before, .m-social > ul > li > a:hover:before {
    background: none; }
  .c-social > a:focus:before, .c-social > a:hover:before {
    background: none; }
  .c-social > ul > li > a:focus:before, .c-social > ul > li > a:hover:before {
    background: none; } }

.m-social > a:active, .m-social > ul > li > a:active {
  -ms-transform: scale(0.98);
  transform: scale(0.98); }

.c-social > a:active, .c-social > ul > li > a:active {
  -ms-transform: scale(0.98);
  transform: scale(0.98); }

.m-social > a:active:before, .m-social > ul > li > a:active:before {
  background: rgba(0, 0, 0, 0.2); }

.c-social > a:active:before, .c-social > ul > li > a:active:before {
  background: rgba(0, 0, 0, 0.2); }

.m-social > a:before, .m-social > ul > li > a:before {
  background: none;
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

.c-social > a:before, .c-social > ul > li > a:before {
  background: none;
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

.m-social > a > img, .m-social > ul > li > a > img {
  width: 32px;
  height: 32px; }

.c-social > a > img, .c-social > ul > li > a > img {
  width: 32px;
  height: 32px; }

.m-social > a.x-hidden-focus, .m-social > ul > li > a.x-hidden-focus {
  outline: 0; }

.c-social > a.x-hidden-focus, .c-social > ul > li > a.x-hidden-focus {
  outline: 0; }

.m-social > a.x-hidden-focus:before, .m-social > ul > li > a.x-hidden-focus:before {
  background: none; }

.c-social > a.x-hidden-focus:before, .c-social > ul > li > a.x-hidden-focus:before {
  background: none; }

@media screen and (-ms-high-contrast: active) {
  .m-social.f-share > a:hover:before, .m-social.f-share ul > li > a:hover:before {
    background: none; }
  .m-social.f-follow > a:hover:before, .m-social.f-follow ul > li > a:hover:before {
    background: none; }
  .c-social.f-share > a:hover:before, .c-social.f-share ul > li > a:hover:before {
    background: none; }
  .c-social.f-follow > a:hover:before, .c-social.f-follow ul > li > a:hover:before {
    background: none; } }

.m-social.f-share > a:active, .m-social.f-share ul > li > a:active {
  outline: 0; }

.m-social.f-follow > a:active, .m-social.f-follow ul > li > a:active {
  outline: 0; }

.c-social.f-share > a:active, .c-social.f-share ul > li > a:active {
  outline: 0; }

.c-social.f-follow > a:active, .c-social.f-follow ul > li > a:active {
  outline: 0; }

.m-social.f-share > a > img, .m-social.f-share ul > li > a > img {
  opacity: 1; }

.m-social.f-follow > a > img, .m-social.f-follow ul > li > a > img {
  opacity: 0.6; }

.c-social.f-share > a > img, .c-social.f-share ul > li > a > img {
  opacity: 0.6; }

.c-social.f-follow > a > img, .c-social.f-follow ul > li > a > img {
  opacity: 0.6; }

@media screen and (-ms-high-contrast: active) {
  .m-social.f-share > a > img, .m-social.f-share ul > li > a > img {
    opacity: 1; }
  .m-social.f-follow > a > img, .m-social.f-follow ul > li > a > img {
    opacity: 1; }
  .c-social.f-share > a > img, .c-social.f-share ul > li > a > img {
    opacity: 1; }
  .c-social.f-follow > a > img, .c-social.f-follow ul > li > a > img {
    opacity: 1; } }

.m-social.f-share > a > img:hover, .m-social.f-share > a > img:focus {
  opacity: 1; }

.m-social.f-share ul > li > a > img:hover, .m-social.f-share ul > li > a > img:focus {
  opacity: 1; }

.m-social.f-follow > a > img:hover, .m-social.f-follow > a > img:focus {
  opacity: 0.8; }

.m-social.f-follow ul > li > a > img:hover, .m-social.f-follow ul > li > a > img:focus {
  opacity: 0.8; }

.c-social.f-share > a > img:hover, .c-social.f-share > a > img:focus {
  opacity: 0.8; }

.c-social.f-share ul > li > a > img:hover, .c-social.f-share ul > li > a > img:focus {
  opacity: 0.8; }

.c-social.f-follow > a > img:hover, .c-social.f-follow > a > img:focus {
  opacity: 0.8; }

.c-social.f-follow ul > li > a > img:hover, .c-social.f-follow ul > li > a > img:focus {
  opacity: 0.8; }

@media screen and (-ms-high-contrast: active) {
  .m-social.f-share > a > img:hover, .m-social.f-share > a > img:focus {
    opacity: 1; }
  .m-social.f-share ul > li > a > img:hover, .m-social.f-share ul > li > a > img:focus {
    opacity: 1; }
  .m-social.f-follow > a > img:hover, .m-social.f-follow > a > img:focus {
    opacity: 1; }
  .m-social.f-follow ul > li > a > img:hover, .m-social.f-follow ul > li > a > img:focus {
    opacity: 1; }
  .c-social.f-share > a > img:hover, .c-social.f-share > a > img:focus {
    opacity: 1; }
  .c-social.f-share ul > li > a > img:hover, .c-social.f-share ul > li > a > img:focus {
    opacity: 1; }
  .c-social.f-follow > a > img:hover, .c-social.f-follow > a > img:focus {
    opacity: 1; }
  .c-social.f-follow ul > li > a > img:hover, .c-social.f-follow ul > li > a > img:focus {
    opacity: 1; } }

.m-social.f-share > a > img:active, .m-social.f-share ul > li > a > img:active {
  opacity: 1; }

.m-social.f-follow > a > img:active, .m-social.f-follow ul > li > a > img:active {
  opacity: 1; }

.c-social.f-share > a > img:active, .c-social.f-share ul > li > a > img:active {
  opacity: 1; }

.c-social.f-follow > a > img:active, .c-social.f-follow ul > li > a > img:active {
  opacity: 1; }

.m-social button, .c-social button {
  width: 32px;
  height: 32px;
  border: 0;
  background-color: transparent;
  padding: 0;
  color: rgba(0, 0, 0, 0.6);
  vertical-align: middle; }

.m-social button[aria-hidden="true"], .c-social button[aria-hidden="true"] {
  display: none; }

.m-social button:focus, .c-social button:focus {
  outline: 1px dashed #000; }

.m-social .f-hide, .c-social .f-hide {
  display: none !important; }

.m-social.f-horizontal, .c-social.f-horizontal {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center; }

.m-social.f-horizontal > a, .m-social.f-horizontal ul > li > a {
  display: inline-block;
  margin-right: 12px; }

.c-social.f-horizontal > a, .c-social.f-horizontal ul > li > a {
  display: inline-block;
  margin-right: 12px; }

.m-social.f-horizontal ul > li, .c-social.f-horizontal ul > li {
  float: left; }

.m-social.f-horizontal button[aria-hidden="false"], .c-social.f-horizontal button[aria-hidden="false"] {
  display: inline-block; }

.m-social.f-horizontal button.c-glyph[aria-expanded="false"]:after, .m-social.f-horizontal button.c-glyph[data-js-toggle="false"]:after {
  content: ""; }

.c-social.f-horizontal button.c-glyph[aria-expanded="false"]:after, .c-social.f-horizontal button.c-glyph[data-js-toggle="false"]:after {
  content: ""; }

.m-social.f-horizontal button.c-glyph[aria-expanded="true"]:after, .m-social.f-horizontal button.c-glyph[data-js-toggle="true"]:after {
  content: ""; }

.c-social.f-horizontal button.c-glyph[aria-expanded="true"]:after, .c-social.f-horizontal button.c-glyph[data-js-toggle="true"]:after {
  content: ""; }

.m-social.f-vertical > a, .m-social.f-vertical ul > li > a {
  display: block;
  margin-bottom: 12px;
  margin-right: 0; }

.c-social.f-vertical > a, .c-social.f-vertical ul > li > a {
  display: block;
  margin-bottom: 12px;
  margin-right: 0; }

.m-social.f-vertical button[aria-hidden="false"], .c-social.f-vertical button[aria-hidden="false"] {
  display: block; }

.m-social.f-vertical button.c-glyph[aria-expanded="false"]:after, .m-social.f-vertical button.c-glyph[data-js-toggle="false"]:after {
  font-family: "MWF-MDL2";
  content: ""; }

.c-social.f-vertical button.c-glyph[aria-expanded="false"]:after, .c-social.f-vertical button.c-glyph[data-js-toggle="false"]:after {
  font-family: "MWF-MDL2";
  content: ""; }

.m-social.f-vertical button.c-glyph[aria-expanded="true"]:after, .m-social.f-vertical button.c-glyph[data-js-toggle="true"]:after {
  font-family: "MWF-MDL2";
  content: ""; }

.c-social.f-vertical button.c-glyph[aria-expanded="true"]:after, .c-social.f-vertical button.c-glyph[data-js-toggle="true"]:after {
  font-family: "MWF-MDL2";
  content: ""; }

@media only screen and (max-width: 767px) {
  .m-social, .c-social {
    margin-top: 36px; } }

.visually-hidden, .mmj-card__media-link span, .mmj-play.glyph-play span {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  clip: rect(0 0 0 0);
  overflow: hidden; }

html, body {
  height: 100%;
  color: #000; }

body {
  background-color: #FFF !important;
  font-family: "Segoe UI", "SegoeUI", "Helvetica Neue", Helvetica, Arial, sans-serif;
  overflow-x: hidden; }

body.dark-bg {
  background-color: #e6e6e6 !important; }

.context-mnc {
  display: flex;
  flex-direction: column;
  min-height: 100%; }
  @media (max-width: 1084px) {
    .context-mnc [data-grid~="container"] {
      padding-right: 0;
      padding-left: 0; } }
  .context-mnc .c-pivot header {
    white-space: nowrap;
    overflow: auto; }
  .context-mnc h3.c-heading-5 + .m-preview, .context-mnc .m-blog-post h3 + .m-preview, .m-blog-post .context-mnc h3 + .m-preview {
    margin-top: 12px; }
  .context-mnc a:hover {
    text-decoration: underline; }

.site-content {
  flex-grow: 1; }

.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  position: absolute !important;
  width: 1px;
  /* many screen reader and browser combinations announce broken words as they would appear visually */
  word-wrap: normal !important; }

/* must have higher specificity than alternative color schemes inline styles */
#page .skip-link {
  background-color: #f1f1f1;
  box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.2);
  color: #111;
  display: block;
  font-size: 14px;
  left: -9999em;
  outline: none;
  padding: 15px 23px 14px;
  text-decoration: none;
  text-transform: none;
  top: -9999em; }

.logged-in #page .skip-link {
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.2); }

#page .skip-link:focus {
  clip: auto;
  height: auto;
  left: 6px;
  top: 7px;
  width: auto;
  z-index: 100000; }

.widget .m-preview .menu {
  padding-top: 24px; }

.widget .m-preview #subscribe-text {
  padding-top: 24px; }

.widget.jetpack_subscription_widget form:before, .widget.jetpack_subscription_widget form:after {
  content: " ";
  display: table; }

.widget.jetpack_subscription_widget form:after {
  clear: both; }

.widget.jetpack_subscription_widget input {
  border-top: 1px solid #E3E3E3;
  border-bottom: 1px solid #E3E3E3;
  line-height: 1;
  height: 44px;
  padding: 11px 4.285% 12px;
  box-sizing: border-box; }

.widget.jetpack_subscription_widget .success p {
  padding-top: 12px; }

.widget #subscribe-text p {
  margin-bottom: 12px; }

.widget p#subscribe-email {
  float: left;
  line-height: 1;
  margin: 0;
  width: 60%; }
  @media (max-width: 768px) {
    .widget p#subscribe-email {
      width: 38%; } }
  @media (max-width: 540px) {
    .widget p#subscribe-email {
      width: 70%; } }
  .widget p#subscribe-email input {
    border-radius: 0;
    border-left: 1px solid #E3E3E3;
    padding-right: 0;
    padding-left: 4px;
    width: 100%; }

.widget p#subscribe-submit {
  float: right;
  line-height: 1;
  margin: 0;
  width: 40%; }
  @media (max-width: 768px) {
    .widget p#subscribe-submit {
      width: 20%; } }
  @media (max-width: 540px) {
    .widget p#subscribe-submit {
      width: 30%; } }

.widget.jetpack_subscription_widget input[type="submit"] {
  color: #fff;
  text-transform: uppercase;
  background: #2F2F2F;
  border: 1px solid #2F2F2F;
  border-radius: 0;
  width: 100%; }

/** Site Footer - Social Share **/
.social-footer-wrap {
  background: #e3e3e3;
  padding: 15px 0; }
  .social-footer-wrap p {
    color: #000;
    display: block;
    float: none;
    font-size: 16px;
    margin: 2px 12px 5px 0; }
    @media screen and (min-width: 768px) {
      .social-footer-wrap p {
        display: inline-block;
        float: left; } }
  .social-footer-wrap .social-footer {
    height: auto; }
    @media screen and (min-width: 768px) {
      .social-footer-wrap .social-footer {
        height: 32px; } }
  .social-footer-wrap .m-social {
    margin-top: 0; }
  @media screen and (max-width: 767px) {
    .social-footer-wrap .share-msft {
      margin-top: 16px; } }

.archive-pagination {
  text-align: center; }

.home .page-header h2 {
  padding-bottom: 38px; }

a.c-call-to-action,
button.c-call-to-action {
  text-transform: uppercase; }

a.c-call-to-action:after {
  position: relative; }

a.c-call-to-action:hover {
  text-decoration: none; }

.toggle-more-less [aria-hidden="true"] {
  display: none; }

.toggle-more-less .separator {
  display: none; }

.toggle-more-less .toggle-hidden .separator {
  display: inline; }

.toggle-more-less .toggle-more-less__trigger.c-button {
  background: #F5F5F5;
  display: block;
  font-size: 15px;
  font-weight: 400;
  line-height: 28px;
  min-width: 108px;
  padding: 0; }

.shell-header input[type="search"] {
  box-sizing: border-box; }

.c-hero.f-y-top > div > div.c-heading-wrapper,
.m-hero-item.f-y-top > div > div.c-heading-wrapper {
  width: auto; }

.c-heading-wrapper {
  background: rgba(0, 0, 0, 0.85);
  padding: 20px;
  width: auto; }
  @media (max-width: 1083px) {
    .c-heading-wrapper {
      max-width: 340px; } }
  @media (max-width: 1399px) {
    .c-heading-wrapper {
      max-width: 440px; } }
  @media (max-width: 767px) {
    .c-heading-wrapper {
      background: transparent;
      padding: 0px; } }

#meControl.c-me {
  display: none !important; }

@media (min-width: 768px) {
  body .c-uhfh .brand-neutral {
    background: #000; } }

.visually-hidden, .mmj-card__media-link span, .mmj-play.glyph-play span {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  clip: rect(0 0 0 0);
  overflow: hidden; }

.context-mnc-search {
  clear: both; }
  .context-mnc-search .search-results-grid {
    clear: both;
    padding-left: 0;
    padding-right: 0; }
  .context-mnc-search .c-search {
    max-width: 100%; }
  .context-mnc-search .c-pagination {
    align-items: center;
    justify-content: center;
    padding: 0 0 24px; }
  .context-mnc-search .m-preview .m-preview-content [class*="c-heading"] {
    padding-top: 0; }
  .context-mnc-search .m-preview .m-preview-content .c-meta-text a {
    display: inline; }
  .context-mnc-search .m-preview .m-preview-content a.f-post-link {
    display: block; }
  .context-mnc-search .m-preview .m-preview-content a {
    display: inline-block;
    margin-top: 12px; }
    .context-mnc-search .m-preview .m-preview-content a:focus {
      outline: dashed 1px; }

.visually-hidden, .mmj-card__media-link span, .mmj-play.glyph-play span {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  clip: rect(0 0 0 0);
  overflow: hidden; }

.home .context-mnc-home .c-mosaic > .post picture,
.home .context-mnc-home .c-mosaic > .video picture {
  display: block; }

.home .context-mnc-home .c-mosaic > .post .c-mosaic-placement > div,
.home .context-mnc-home .c-mosaic > .video .c-mosaic-placement > div {
  justify-content: flex-end; }
  .home .context-mnc-home .c-mosaic > .post .c-mosaic-placement > div .glyph-icon,
  .home .context-mnc-home .c-mosaic > .video .c-mosaic-placement > div .glyph-icon {
    display: block; }

.home .context-mnc-home .c-mosaic > .post .c-mosaic-placement.video-container.video-active,
.home .context-mnc-home .c-mosaic > .video .c-mosaic-placement.video-container.video-active {
  overflow: hidden;
  padding-bottom: 56.25%;
  position: relative; }
  .home .context-mnc-home .c-mosaic > .post .c-mosaic-placement.video-container.video-active iframe,
  .home .context-mnc-home .c-mosaic > .video .c-mosaic-placement.video-container.video-active iframe {
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    position: absolute; }

.context-mnc-home .c-pivot > header {
  margin-right: 0;
  margin-left: 8px; }

.context-mnc-home .c-pivot .f-pivot-panel .m-preview:first-of-type {
  margin-top: 12px; }

.context-mnc-home .f-view-more {
  margin-top: 24px; }

.context-mnc-home .m-mosaic {
  padding-top: 0; }
  .context-mnc-home .m-mosaic .glyph-icon {
    top: 35%;
    left: 47%; }
    .context-mnc-home .m-mosaic .glyph-icon:hover {
      cursor: pointer;
      opacity: 1; }

.context-mnc-home .main-loop .content-grid[data-grid="col-12"]:before, .context-mnc-home .main-loop .content-grid[data-grid="col-12"]:after {
  display: none; }

.m-feed-hero-item {
  padding-top: 0; }
  .m-feed-hero-item .c-image, .m-feed-hero-item .m-blog-post img, .m-blog-post .m-feed-hero-item img {
    padding-bottom: 25%; }
  .m-feed-hero-item .c-heading {
    font-size: 2rem;
    font-weight: 100;
    text-transform: uppercase; }
    .m-feed-hero-item .c-heading strong {
      /* Keep contrast against blue */
      color: #32a6ff;
      font-weight: 900; }
  .m-feed-hero-item > div {
    top: 50%;
    bottom: auto;
    transform: translateY(-50%); }

.main-loop {
  padding-bottom: 48px; }
  .main-loop .m-content-placement-item > a:first-child .c-heading {
    font-size: 1rem;
    font-weight: 500; }
  .main-loop.read-more h2 {
    font-weight: 100;
    margin-left: 12px;
    margin-bottom: 10px; }
  .main-loop .f-view-more {
    font-size: 15px;
    font-weight: 400; }

.related-stories-item__inner > a {
  display: block; }

.related-stories-item__inner a:focus {
  outline: 1px dashed #000 !important; }

.related-stories-item__inner .content {
  padding-top: 12px; }
  .related-stories-item__inner .content .c-badge-link {
    margin: 0 auto 10px 0;
    line-height: 12px; }

.c-mosaic .c-glyph:before {
  display: inline;
  font-size: 1rem;
  margin-left: 5px;
  position: relative;
  top: -0.2em;
  vertical-align: middle;
  text-decoration: none; }

.c-mosaic .mosaic-secondary .c-glyph:before {
  font-size: .6rem; }

.home-pagination .c-call-to-action {
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 400;
  line-height: 17px; }
  .home-pagination .c-call-to-action.c-glyph:after {
    margin-top: 0; }

.ms-footer-banner .m-image-intro {
  background: #000;
  display: block;
  width: 100%;
  margin: auto; }
  @media (min-width: 768px) {
    .ms-footer-banner .m-image-intro {
      height: 300px; } }
  @media (min-width: 1084px) {
    .ms-footer-banner .m-image-intro {
      height: 508px; } }
  .ms-footer-banner .m-image-intro > div > .c-heading {
    font-weight: 100;
    font-size: 46px;
    line-height: 56px; }
    @media (max-width: 767px) {
      .ms-footer-banner .m-image-intro > div > .c-heading {
        font-size: 24px;
        line-height: 28px; } }
  .ms-footer-banner .m-image-intro > div > .c-paragraph {
    margin-top: 10px; }
    @media (max-width: 767px) {
      .ms-footer-banner .m-image-intro > div > .c-paragraph {
        margin-top: 0px; } }

.c-uhff {
  margin-top: 0 !important; }

@media (max-width: 540px) {
  .home .main-loop {
    margin-bottom: 0;
    padding-bottom: 0; }
  .features-front-page-read-more {
    background: #f5f5f5;
    clear: both;
    overflow: hidden;
    padding-bottom: 36px; }
    .features-front-page-read-more > [data-grid="col-8"] {
      padding-bottom: 36px; }
  .features-front-page-read-more-title {
    margin-left: 0;
    margin-bottom: 0;
    padding-top: 18px;
    padding-bottom: 10px; }
  .features-front-page-read-more-content {
    overflow: hidden; } }

.visually-hidden, .mmj-card__media-link span, .mmj-play.glyph-play span {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  clip: rect(0 0 0 0);
  overflow: hidden; }

.m-blog-post {
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  margin-top: 36px;
  background: #fff;
  display: block;
  width: 100%;
  margin-bottom: 48px; }
  .m-blog-post .c-meta-text {
    padding-top: 12px; }
    .m-blog-post .c-meta-text a {
      color: inherit;
      text-decoration: none; }
  .m-blog-post .c-social {
    margin-top: 16px; }
    @media (min-width: 768px) {
      .m-blog-post .c-social.f-horizontal > a {
        margin-right: 8px; }
      .m-blog-post .c-social > a {
        width: 24px;
        height: 24px; }
        .m-blog-post .c-social > a > img {
          width: 100%;
          height: auto; } }
  .m-blog-post .featured-caption {
    font-size: 15px;
    padding: 12px 24px;
    font-style: italic; }
  .m-blog-post .m-blog-content {
    padding: 0 24px 40px;
    overflow: auto; }
    .m-blog-post .m-blog-content .entry-title {
      max-width: none; }
    .m-blog-post .m-blog-content.entry-header {
      padding-bottom: 24px; }
    .m-blog-post .m-blog-content a {
      color: #0060ac;
      text-decoration: underline; }
    .m-blog-post .m-blog-content img,
    .m-blog-post .m-blog-content .wp-caption {
      max-width: 100%; }
      .m-blog-post .m-blog-content img.alignleft,
      .m-blog-post .m-blog-content .wp-caption.alignleft {
        display: inline-block;
        float: left;
        margin-top: 24px;
        margin-right: 24px; }
      .m-blog-post .m-blog-content img.alignright,
      .m-blog-post .m-blog-content .wp-caption.alignright {
        display: inline-block;
        float: right;
        margin-top: 24px;
        margin-left: 24px; }
      .m-blog-post .m-blog-content img.aligncenter,
      .m-blog-post .m-blog-content .wp-caption.aligncenter {
        display: block;
        padding-top: 24px;
        margin-right: auto;
        margin-left: auto; }
      .m-blog-post .m-blog-content img.alignnone,
      .m-blog-post .m-blog-content .wp-caption.alignnone {
        margin-top: 24px; }
    .m-blog-post .m-blog-content + img {
      width: 100%;
      height: auto; }
    .m-blog-post .m-blog-content + .m-blog-content p:first-child {
      padding-top: 0; }
    .m-blog-post .m-blog-content .jetpack-video-wrapper {
      padding-top: 24px;
      margin-bottom: 0; }
    .m-blog-post .m-blog-content .m-persona-2 {
      margin-top: 24px; }
  .m-blog-post img {
    clear: both; }
  .m-blog-post .wp-caption-text {
    margin: 8px 0; }
  .m-blog-post blockquote,
  .m-blog-post .c-blockquote {
    margin-bottom: 12px; }
    .m-blog-post blockquote p,
    .m-blog-post .c-blockquote p {
      color: rgba(0, 0, 0, 0.6); }
    .m-blog-post blockquote p:first-of-type,
    .m-blog-post .c-blockquote p:first-of-type {
      padding-top: 0; }

.sd-social-icon .sharing-screen-reader-text {
  background: #fff;
  color: #000; }

.single-post .email-modal-description {
  font-size: 12px;
  font-style: italic;
  margin-bottom: 1em; }

.single-post .f-content-section {
  padding-right: 12px;
  padding-left: 12px; }
  @media (min-width: 1235px) {
    .single-post .f-content-section {
      padding-right: 5%;
      padding-left: 5%; } }

@media (max-width: 1083px) {
  .single-post .f-content-block + .f-columns-2,
  .single-post .f-columns-2 + .f-content-block {
    margin-top: -1.5em; } }

.microsoft-format-press-release {
  background: #F5F5F5 !important; }

.single-post .post-theme--dark {
  background-color: #000; }
  .single-post .post-theme--dark .context-ms-features,
  .single-post .post-theme--dark .f-author .f-author-link {
    color: #fff; }
  .single-post .post-theme--dark a:not(.c-call-to-action) {
    color: #59ABE3; }
  .single-post .post-theme--dark hr {
    border-color: #fff; }
  .single-post .post-theme--dark .wp-caption {
    background-color: #333; }
  .single-post .post-theme--dark .f-content-column-grey p {
    color: #464646; }
  .single-post .post-theme--dark .f-featured-link-item .f-featured-link {
    color: #fff; }
  .single-post .post-theme--dark .f-image-gallery,
  .single-post .post-theme--dark .f-video-gallery {
    background-color: #000; }
    .single-post .post-theme--dark .f-image-gallery a,
    .single-post .post-theme--dark .f-video-gallery a {
      color: #fff; }
  .single-post .post-theme--dark .f-related-stories a,
  .single-post .post-theme--dark .f-related-stories .c-heading,
  .single-post .post-theme--dark .f-related-stories .c-paragraph {
    color: #fff; }
  .single-post .post-theme--dark + .f-nav-main {
    padding-top: 0; }

.visually-hidden, .mmj-card__media-link span, .mmj-play.glyph-play span {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  clip: rect(0 0 0 0);
  overflow: hidden; }

.single-lander .f-content-header .c-heading-2 {
  font-size: 46px;
  font-weight: 600;
  line-height: 56px; }

.single-lander .f-content-section,
.single-lander .f-post-roll,
.single-lander .f-slider-section {
  padding-right: 25px;
  padding-left: 25px; }
  @media (min-width: 1084px) {
    .single-lander .f-content-section,
    .single-lander .f-post-roll,
    .single-lander .f-slider-section {
      padding-right: 50px;
      padding-left: 50px; } }

.single-lander .f-content-section.f-content-block,
.single-lander .f-slider-section {
  margin-top: 24px;
  margin-bottom: 40px; }
  @media (min-width: 768px) {
    .single-lander .f-content-section.f-content-block,
    .single-lander .f-slider-section {
      margin-top: 48px;
      margin-bottom: 80px; } }

.single-lander .f-featured-video {
  margin-top: 0;
  margin-bottom: 0; }

.single-lander .f-featured-links {
  padding-top: 24px;
  padding-bottom: 10px; }
  @media (min-width: 768px) {
    .single-lander .f-featured-links {
      padding-top: 48px;
      padding-bottom: 50px; } }
  .single-lander .f-featured-links .f-content-section {
    margin-top: 0;
    margin-bottom: 0; }

.single-lander .features-body > *:nth-child(odd) {
  background-color: #f2f2f2;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 24px;
  padding-bottom: 40px; }
  @media (min-width: 768px) {
    .single-lander .features-body > *:nth-child(odd) {
      padding-top: 48px;
      padding-bottom: 80px; } }
  .single-lander .features-body > *:nth-child(odd):last-child {
    margin-bottom: 0; }
  .single-lander .features-body > *:nth-child(odd).f-featured-links {
    padding-bottom: 10px; }
    @media (min-width: 768px) {
      .single-lander .features-body > *:nth-child(odd).f-featured-links {
        padding-bottom: 50px; } }
  .single-lander .features-body > *:nth-child(odd).f-featured-video {
    padding-top: 0;
    padding-bottom: 0; }
  .single-lander .features-body > *:nth-child(odd).disable-padding {
    padding: 0; }

.single-lander .features-body > *:last-child.m-rich-featured-video.full_bleed {
  margin-top: 0;
  margin-bottom: 0; }

.single-lander .f-slider-section .f-figure,
.single-lander .f-featured-links-list {
  margin-bottom: 0; }

.single-lander .f-content-entry p:first-child {
  margin-top: 0;
  padding-top: 0; }

.single-lander .f-content-entry p:last-child {
  margin-bottom: 0;
  padding-bottom: 0; }

/*
 * Css for the featured video player fragment.
 */
html[dir=rtl] .f-featured-video .plyr__progress > input[type=range] {
  direction: rtl !important; }

.f-featured-video:after {
  content: "";
  display: table;
  clear: both; }

.f-featured-video .featured-video-container {
  position: relative;
  height: 0;
  overflow: hidden;
  padding-bottom: 46.875%;
  /* 4096:1920 ratio */
  transition: padding 300ms linear; }

.f-featured-video.full_bleed .plyr__poster {
  transition: opacity 1400ms ease-in-out;
  transition-delay: 1s; }

.f-featured-video.f-content-section.full_bleed {
  padding-left: 0;
  padding-right: 0; }

.f-featured-video .plyr__poster {
  background-size: cover; }

.f-featured-video .plyr--stopped .plyr__poster {
  transition: opacity 400ms ease-in-out;
  transition-delay: 0s; }

.f-featured-video .plyr-button--large {
  width: 54px;
  height: 54px; }
  .f-featured-video .plyr-button--large svg {
    height: auto;
    width: auto;
    position: relative;
    top: 2px;
    left: 2px; }

.f-featured-video .plyr__controls {
  justify-content: flex-start;
  background: transparent;
  padding: 10px; }
  @media (min-width: 768px) {
    .f-featured-video .plyr__controls {
      padding: 20px; } }
  .f-featured-video .plyr__controls > .plyr__control:first-child {
    margin-right: 0; }
  .f-featured-video .plyr__controls > :first-child.plyr__control,
  .f-featured-video .plyr__controls > :first-child.plyr__control + [data-plyr=pause] {
    margin-right: 2px; }
  .f-featured-video .plyr__controls .plyr__control.plyr__tab-focus,
  .f-featured-video .plyr__controls .plyr__control:hover,
  .f-featured-video .plyr__controls .plyr__control[aria-expanded=true] {
    background: #000; }
  .f-featured-video .plyr__controls .icon {
    font-size: 32px; }
    .f-featured-video .plyr__controls .icon:after {
      font-family: "MWF-MDL2";
      position: absolute;
      top: 0;
      left: 12px; }
    .f-featured-video .plyr__controls .icon.play:after {
      content: ""; }
    .f-featured-video .plyr__controls .icon.pause:after {
      content: ""; }
    .f-featured-video .plyr__controls .icon.restart:after {
      content: "";
      font-size: 30px;
      top: 2px; }
    .f-featured-video .plyr__controls .icon.mute:after {
      content: ""; }
    .f-featured-video .plyr__controls .icon.volume:after {
      content: ""; }

.glyph-icon {
  background: url("../svg/video_marker.svg") no-repeat;
  display: inline-block;
  width: 70px;
  height: 70px;
  position: relative;
  text-indent: -9999em;
  opacity: .65;
  border: none; }
  .glyph-icon.-pdf {
    background: url("../svg/pdf_marker.svg") no-repeat; }
  .card-media .glyph-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }
  .card-media:hover .glyph-icon {
    opacity: 1; }
  .glyph-icon:hover {
    opacity: 1; }

.video-container {
  overflow: hidden;
  padding-bottom: 56.25%;
  position: relative;
  height: 0; }
  .video-container iframe {
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    position: absolute; }

.mmj-single__hd .video-container {
  overflow: hidden;
  padding-bottom: 56.25%;
  position: relative;
  height: 0; }

.m-rich-content-block .has-embed iframe {
  max-width: 100%; }

.single-video {
  background: #f5f5f5 !important; }
  .single-video .c-video {
    width: 100%;
    height: 0;
    padding-bottom: 56%; }
    .single-video .c-video .c-youtube-video {
      border: 0;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
  .single-video .m-preview {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0; }
  .single-video .widget .m-preview .m-preview-content {
    padding-top: 32px; }

.visually-hidden, .mmj-card__media-link span, .mmj-play.glyph-play span {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  clip: rect(0 0 0 0);
  overflow: hidden; }

.m-preview {
  margin-top: 24px;
  padding-top: 0; }
  .m-preview .m-preview-image {
    background: #e3e3e3;
    display: block;
    overflow: hidden;
    padding-top: 0;
    padding-bottom: 50%;
    position: relative; }
    .m-preview .m-preview-image:focus {
      outline: dashed 1px !important; }
    .m-preview .m-preview-image .c-image, .m-preview .m-preview-image .m-blog-post img, .m-blog-post .m-preview .m-preview-image img {
      position: absolute;
      width: 100%;
      height: auto; }
  .m-preview .m-preview-image-fallback {
    background: #e3e3e3;
    display: block;
    overflow: hidden;
    padding-top: 0;
    padding-bottom: 50%; }
  .m-preview .m-preview-content {
    background: #fff;
    display: block;
    padding: 0 24px 32px;
    width: 100%; }
    .m-preview .m-preview-content [class*="c-heading"] {
      font-weight: 500;
      margin-top: 12px;
      padding-top: 3px; }
      .m-preview .m-preview-content [class*="c-heading"] strong {
        font-weight: 700; }
    .m-preview .m-preview-content h1, .m-preview .m-preview-content h2, .m-preview .m-preview-content h3, .m-preview .m-preview-content h4, .m-preview .m-preview-content h5, .m-preview .m-preview-content h6, .m-preview .m-preview-content p, .m-preview .m-preview-content ul, .m-preview .m-preview-content ol, .m-preview .m-preview-content hr, .m-preview .m-preview-content blockquote {
      max-width: 600px; }
    .m-preview .m-preview-content img {
      max-width: 100%;
      height: auto; }
    .m-preview .m-preview-content .c-meta-text {
      font-size: 12px;
      padding-top: 32px; }
      .m-preview .m-preview-content .c-meta-text a:focus {
        display: inline-block; }
    .m-preview .m-preview-content h3 + .c-meta-text,
    .m-preview .m-preview-content h2 + .c-meta-text,
    .m-preview .m-preview-content .f-post-link + .c-meta-text {
      padding-top: 8px;
      font-size: 15px;
      opacity: 1;
      color: #464646; }
      .m-preview .m-preview-content h3 + .c-meta-text strong,
      .m-preview .m-preview-content h2 + .c-meta-text strong,
      .m-preview .m-preview-content .f-post-link + .c-meta-text strong {
        color: #2f2f2f !important; }
    .m-preview .m-preview-content a {
      display: inline-block; }
      .m-preview .m-preview-content a:hover {
        text-decoration: underline; }
      .m-preview .m-preview-content a:focus {
        display: inline-block;
        margin-top: 12px;
        outline: 1px dashed;
        text-decoration: underline; }
      .m-preview .m-preview-content a:focus h2 {
        margin-top: 0; }
  .m-preview.f-preview-fixed-height .m-preview-content {
    min-height: 104px;
    max-height: 155px;
    position: relative;
    overflow: hidden; }
    .m-preview.f-preview-fixed-height .m-preview-content:after {
      content: "";
      height: 52px;
      width: 100%;
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      background: linear-gradient(rgba(255, 255, 255, 0), white 50%); }
    @media (min-width: 768px) {
      .m-preview.f-preview-fixed-height .m-preview-content {
        max-height: 166px; } }
  .m-preview.f-preview-fixed-excerpt-height .m-preview-content .c-paragraph-3.c-meta-text, .m-preview.f-preview-fixed-excerpt-height .m-preview-content .m-blog-post p.c-meta-text, .m-blog-post .m-preview.f-preview-fixed-excerpt-height .m-preview-content p.c-meta-text {
    height: 60px;
    position: relative;
    overflow: hidden; }
    .m-preview.f-preview-fixed-excerpt-height .m-preview-content .c-paragraph-3.c-meta-text:after, .m-preview.f-preview-fixed-excerpt-height .m-preview-content .m-blog-post p.c-meta-text:after, .m-blog-post .m-preview.f-preview-fixed-excerpt-height .m-preview-content p.c-meta-text:after {
      content: "";
      height: 60px;
      width: 100%;
      position: absolute;
      bottom: -32px;
      left: 0;
      right: 0;
      background: linear-gradient(rgba(255, 255, 255, 0), white 50%); }
  .m-preview.f-horiztonal-placement .m-preview-image {
    width: 25%;
    height: 155px;
    display: block;
    float: left;
    overflow: hidden;
    position: relative; }
    @media (min-width: 768px) {
      .m-preview.f-horiztonal-placement .m-preview-image {
        height: 166px; } }
    .m-preview.f-horiztonal-placement .m-preview-image img {
      width: auto;
      max-width: none;
      height: 100%;
      position: absolute;
      left: calc(50%);
      top: calc(50%);
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }
    .m-preview.f-horiztonal-placement .m-preview-image + .m-preview-content {
      width: 75%;
      display: block; }
  .m-preview.f-horiztonal-placement .m-preview-content {
    min-height: 104px;
    max-height: 155px;
    position: relative;
    overflow: hidden; }
    .m-preview.f-horiztonal-placement .m-preview-content:after {
      content: "";
      height: 52px;
      width: 100%;
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      background: linear-gradient(rgba(255, 255, 255, 0), white 50%); }
    @media (min-width: 768px) {
      .m-preview.f-horiztonal-placement .m-preview-content {
        max-height: 166px; } }
  .m-preview.f-vertical-placement {
    background-color: #fff;
    padding: 0 24px 0; }
    .m-preview.f-vertical-placement .m-preview-content {
      padding-left: 0;
      padding-right: 0; }
    .m-preview.f-vertical-placement .m-preview-image img {
      padding-top: 24px; }

.moi-m-feature-combo {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 0; }
  .moi-m-feature-combo:before, .moi-m-feature-combo:after {
    display: none; }
  @media (min-width: 768px) {
    .moi-m-feature-combo {
      margin-bottom: 20px; } }
  @media (min-width: 1084px) {
    .moi-m-feature-combo {
      margin-bottom: 90px; } }
  .moi-m-feature-combo:first-child {
    margin-top: 30px; }
    @media (min-width: 768px) {
      .moi-m-feature-combo:first-child {
        margin-top: 60px; } }
  .moi-m-feature-combo + .moi-m-feature-combo {
    margin-top: 0; }
  .moi-m-feature-combo .posts {
    margin-bottom: 40px;
    order: 2;
    padding-bottom: 60px;
    position: relative; }
    @media (min-width: 1084px) {
      .moi-m-feature-combo .posts {
        margin-bottom: 0;
        order: 1;
        padding-right: 50px; } }
  @media (min-width: 1084px) {
    .moi-m-feature-combo.f-align-right .posts {
      order: 2;
      padding-left: 50px;
      padding-right: 0; } }
  .moi-m-feature-combo .post {
    width: 100%; }
  .moi-m-feature-combo .divider {
    background-color: #C8C8C8;
    display: block;
    height: 1px;
    margin: 20px 0;
    width: 75px; }
  .moi-m-feature-combo .featured-title {
    display: block;
    width: 100%; }
    .moi-m-feature-combo .featured-title .c-heading-2 {
      color: #4A4A4A;
      border-bottom: 1px solid #C8C8C8;
      margin-bottom: 40px;
      padding-bottom: 20px;
      padding-top: 0;
      text-transform: uppercase;
      width: 100%; }
    .moi-m-feature-combo .featured-title.-desktop .c-heading-2 {
      margin-top: -10px; }
  .moi-m-feature-combo .c-heading-5, .moi-m-feature-combo .m-blog-post h3, .m-blog-post .moi-m-feature-combo h3 {
    font-weight: 700;
    line-height: 1.2;
    padding: 0; }
  .moi-m-feature-combo .post .c-paragraph {
    color: #5E5E5E;
    font-size: 13px;
    margin-top: 15px; }
  .moi-m-feature-combo .c-call-to-action.f-lightweight {
    bottom: -5px;
    color: #0060ac;
    font-weight: bold;
    font-size: 13px;
    padding-bottom: 0;
    position: absolute; }
    .moi-m-feature-combo .c-call-to-action.f-lightweight:after {
      color: inherit; }
    .moi-m-feature-combo .c-call-to-action.f-lightweight span {
      color: inherit; }
  .moi-m-feature-combo .author {
    display: block;
    margin: 15px 0 20px 0; }
    .moi-m-feature-combo .author a {
      text-decoration: underline; }
      .moi-m-feature-combo .author a:hover {
        color: #000; }
  .moi-m-feature-combo .by {
    font-style: italic; }
  .moi-m-feature-combo .date {
    display: block;
    font-size: 13px; }
  .moi-m-feature-combo .image {
    order: 1;
    position: relative; }
    @media (min-width: 1084px) {
      .moi-m-feature-combo .image {
        min-height: 500px;
        order: 2; } }
  @media (min-width: 1084px) {
    .moi-m-feature-combo.f-align-right .image {
      order: 1; } }
  .moi-m-feature-combo .bgimage {
    background-color: #E3E3E3;
    background-position: center top;
    background-size: cover; }
    .moi-m-feature-combo .bgimage:before {
      content: '';
      display: block;
      padding-top: 56.25%;
      width: 100%; }
      @media (min-width: 540px) {
        .moi-m-feature-combo .bgimage:before {
          padding-top: 56.25%; } }
      @media (min-width: 1084px) {
        .moi-m-feature-combo .bgimage:before {
          display: none; } }
    @media (min-width: 1084px) {
      .moi-m-feature-combo .bgimage {
        background-position: left top;
        bottom: 0;
        left: 0;
        position: absolute;
        right: 0;
        top: 0; } }
  @media (min-width: 1084px) {
    .moi-m-feature-combo.f-align-right .bgimage {
      background-position: left top; } }
  @media (min-width: 1400px) {
    .moi-m-feature-combo.f-align-right .bgimage {
      background-position: right top; } }
  .moi-m-feature-combo .image .post {
    background-color: #FFF;
    padding-right: 20px;
    padding-top: 20px; }
    @media (min-width: 1084px) {
      .moi-m-feature-combo .image .post {
        margin-top: 0;
        overflow-y: auto;
        padding: 35px;
        position: absolute;
        right: 30px;
        top: 30px;
        width: 80%; } }
    @media (min-width: 1235px) {
      .moi-m-feature-combo .image .post {
        bottom: 80px;
        right: 50px;
        top: 50px;
        width: 330px; } }
    .moi-m-feature-combo .image .post .c-heading {
      font-size: 20px;
      line-height: 24px; }
  @media (min-width: 1084px) {
    .moi-m-feature-combo.f-align-right .image .post {
      left: 30px;
      right: auto; } }
  @media (min-width: 1235px) {
    .moi-m-feature-combo.f-align-right .image .post {
      left: 50px; } }
  @media (min-width: 1084px) {
    .moi-m-feature-combo .image .divider {
      display: none; } }

/**
 * @todo Replace category with topic
 */
.archive .page-header .m-area-heading {
  padding-top: 60px;
  padding-left: 26px;
  text-align: left; }

.archive .page-header h1 {
  color: #4A4A4A;
  font-weight: 100;
  font-size: 42px;
  letter-spacing: 0;
  line-height: 1em;
  padding-top: 0; }
  @media (min-width: 1084px) {
    .archive .page-header h1 {
      font-size: 62px; } }

.archive .page-header .c-paragraph {
  color: #4A4A4A;
  font-size: 20px;
  font-weight: 100;
  line-height: 28px;
  margin-left: 0; }

.archive .c-paragraph {
  font-weight: 300;
  line-height: 24px;
  margin-top: 20px; }

.archive .c-badge {
  font-size: .6rem;
  margin: 0 auto 10px 0;
  text-transform: uppercase;
  display: inline-block; }

.archive .m-mosaic {
  padding-top: 24px; }
  @media (min-width: 768px) {
    .archive .m-mosaic {
      padding-top: 42px; } }
  @media (min-width: 1084px) {
    .archive .m-mosaic {
      padding-top: 65px; } }

.archive .c-mosaic {
  padding-left: 26px;
  padding-right: 26px; }
  @media (min-width: 1084px) {
    .archive .c-mosaic [data-f-mosaic~="f-height-medium"] {
      height: 460px; } }

.archive .content-grid {
  margin-bottom: 48px; }

.home.paged .page-header h1,
.archive.author .page-header h1 {
  font-size: 34px; }

.home.paged .page-header h1 {
  margin-bottom: 1em; }

.main-loop {
  margin-bottom: 50px; }

.home .content-grid[data-grid] {
  padding-left: 0;
  padding-right: 0; }

@media (min-width: 540px) {
  .content-grid,
  [data-grid~="pad-6x"] > .content-grid[data-grid] > #content-grid {
    display: flex;
    flex-wrap: wrap;
    padding: 0; } }

.archive .content-grid .c-call-to-action, .archive
[data-grid~="pad-6x"] > .content-grid[data-grid] > #content-grid .c-call-to-action {
  margin-left: 12px; }

.content-grid .m-content-placement-item:not(.has-post-thumbnail),
[data-grid~="pad-6x"] > .content-grid[data-grid] > #content-grid .m-content-placement-item:not(.has-post-thumbnail) {
  background: #F5F5F5; }
  @media (min-width: 1084px) {
    .content-grid .m-content-placement-item:not(.has-post-thumbnail),
    [data-grid~="pad-6x"] > .content-grid[data-grid] > #content-grid .m-content-placement-item:not(.has-post-thumbnail) {
      width: calc( 25% - 28px);
      margin: 62px 14px 0; }
      .content-grid .m-content-placement-item:not(.has-post-thumbnail)[data-grid="col-3"],
      [data-grid~="pad-6x"] > .content-grid[data-grid] > #content-grid .m-content-placement-item:not(.has-post-thumbnail)[data-grid="col-3"] {
        width: calc( ( 100% / 4 ) - 28px); }
      .content-grid .m-content-placement-item:not(.has-post-thumbnail)[data-grid="col-4"],
      [data-grid~="pad-6x"] > .content-grid[data-grid] > #content-grid .m-content-placement-item:not(.has-post-thumbnail)[data-grid="col-4"] {
        width: calc( ( 100% / 3 ) - 28px); }
      .content-grid .m-content-placement-item:not(.has-post-thumbnail)[data-grid="col-6"],
      [data-grid~="pad-6x"] > .content-grid[data-grid] > #content-grid .m-content-placement-item:not(.has-post-thumbnail)[data-grid="col-6"] {
        width: calc( ( 100% / 2 ) - 28px); }
      .home .content-grid .m-content-placement-item:not(.has-post-thumbnail), .home
      [data-grid~="pad-6x"] > .content-grid[data-grid] > #content-grid .m-content-placement-item:not(.has-post-thumbnail) {
        margin: 14px 14px 62px; } }

.m-content-placement-item {
  line-height: 18px;
  padding: 12px; }
  .home .m-content-placement-item {
    margin-top: 5px; }
  @media (min-width: 768px) {
    .m-content-placement-item {
      flex: 0 0 auto;
      padding: 14px; }
      .home .m-content-placement-item {
        margin-top: 0;
        margin-bottom: 48px; } }
  @media (min-width: 1084px) {
    .m-content-placement-item:nth-child(4n+1):not([data-grid="col-4"]) {
      clear: left; }
    .m-content-placement-item:nth-child(3n+1)[data-grid="col-4"] {
      clear: left; } }
  .main-loop .m-content-placement-item .c-heading {
    padding-top: 0;
    word-wrap: break-word; }
    .main-loop .m-content-placement-item .c-heading a:focus {
      text-decoration: underline; }
  .m-content-placement-item .c-paragraph,
  .archive.category .m-content-placement-item .c-paragraph {
    color: #5E5E5E;
    font-size: .75em;
    margin-top: 5px; }
    .m-content-placement-item .c-paragraph a,
    .archive.category .m-content-placement-item .c-paragraph a {
      text-decoration: underline; }
    .m-content-placement-item .c-paragraph a:hover,
    .archive.category .m-content-placement-item .c-paragraph a:hover {
      text-decoration: none; }
  .m-content-placement-item .c-heading {
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    text-decoration: none !important; }
    .m-content-placement-item .c-heading.c-glyph:before {
      content: "";
      display: inherit; }
    .m-content-placement-item .c-heading.c-glyph:after {
      content: "";
      font-size: .6rem;
      margin-left: .5em;
      position: relative;
      top: -.1em;
      display: inline; }
    .widget-area .m-content-placement-item .c-heading {
      font-size: inherit; }
  .m-content-placement-item .c-badge {
    font-size: .6rem;
    margin: 0 auto 10px 0;
    text-transform: uppercase; }
    .m-content-placement-item .c-badge a {
      color: #000; }
    .m-content-placement-item .c-badge + .c-heading {
      padding-top: 0; }
  .m-content-placement-item .card-media {
    position: relative; }

.features-body .c-carousel ul {
  list-style-type: none;
  font-size: initial;
  padding-left: 0px;
  padding-right: 0px;
  margin: 0px; }

.features-body .c-carousel li {
  padding: 0px; }

.f-content-section .c-carousel img {
  width: 100%; }

.c-carousel .c-sequence-indicator {
  bottom: 78px; }
  @media (min-width: 768px) {
    .c-carousel .c-sequence-indicator {
      bottom: 52px; } }

.c-carousel .c-carousel-caption {
  width: 100%;
  color: #f5f4f0;
  display: block;
  max-height: 72px;
  overflow: hidden;
  line-height: 1.3;
  font-size: .8em;
  -webkit-font-smoothing: initial;
  padding: 4px 14px;
  position: relative;
  left: 0;
  bottom: 0;
  white-space: normal;
  z-index: 9; }
  @media (min-width: 768px) {
    .c-carousel .c-carousel-caption {
      max-height: 44px;
      line-height: 18px; } }

/*******************************
   Shared Email Sign up styles
*******************************/
.-column-email-signup .m-preview,
.email-signup .m-preview {
  padding: 0;
  margin: 0; }
  .-column-email-signup .m-preview .m-preview-content,
  .email-signup .m-preview .m-preview-content {
    background-color: #000;
    padding: 25px; }

.-column-email-signup .widgettitle,
.email-signup .widgettitle {
  color: #fff;
  font-size: 40px;
  font-weight: 600;
  line-height: 42px;
  padding: 0 0 25px; }

.-column-email-signup .-subheading,
.email-signup .-subheading {
  color: #fff;
  font-size: 18px;
  font-weight: 300;
  margin: 0 !important;
  padding: 0; }

.-column-email-signup #subscribe-text,
.email-signup #subscribe-text {
  color: #d8d8d8; }
  .-column-email-signup #subscribe-text p,
  .email-signup #subscribe-text p {
    font-size: 12px;
    font-weight: 300;
    line-height: 17px;
    padding-bottom: 0; }

.-column-email-signup #subscribe-email,
.email-signup #subscribe-email {
  color: #fff;
  padding: 10px 0 5px 0; }
  .-column-email-signup #subscribe-email #jetpack-subscribe-label,
  .email-signup #subscribe-email #jetpack-subscribe-label {
    color: #d8d8d8;
    font-size: 12px;
    font-weight: 300;
    text-transform: uppercase; }
  .-column-email-signup #subscribe-email input[type="email"],
  .email-signup #subscribe-email input[type="email"] {
    background-color: #000;
    border: 1px solid #a3a3a3;
    height: 40px;
    padding: 9px;
    width: 100%; }

.-column-email-signup #subscribe-submit,
.email-signup #subscribe-submit {
  display: block;
  text-align: center;
  padding: 0; }
  .-column-email-signup #subscribe-submit input[type="submit"],
  .email-signup #subscribe-submit input[type="submit"] {
    background-color: #2e64b3;
    border: 0;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    height: 40px;
    padding: 9px;
    width: 100%; }

.-column-email-signup .error,
.email-signup .error {
  color: #fff;
  font-size: 18px;
  padding: 0;
  text-decoration: underline;
  text-decoration-color: red; }

.-column-email-signup .jetpack_subscription_widget .success,
.email-signup .jetpack_subscription_widget .success {
  border: 1px solid #4A4A4A;
  padding: 24px; }
  .-column-email-signup .jetpack_subscription_widget .success p,
  .email-signup .jetpack_subscription_widget .success p {
    color: #fff;
    font-size: 16px;
    font-weight: 300;
    padding: 0; }

/****************************
   Home Page Email Sign up
***************************/
.email-signup {
  background-color: #000;
  clear: both;
  padding: 40px; }
  .email-signup .email-signup--left {
    float: none;
    width: 100%; }
    @media (min-width: 768px) {
      .email-signup .email-signup--left {
        float: left;
        max-width: 50%; } }
    @media (min-width: 1084px) {
      .email-signup .email-signup--left {
        width: 400px;
        max-width: 45%; } }
  .email-signup .-subheading {
    font-size: 16px; }
  .email-signup #jetpack-subscribe-label {
    font-size: 12px; }
  .email-signup .email-signup--right {
    float: none;
    margin-left: 0;
    width: 100%; }
    @media (min-width: 540px) {
      .email-signup .email-signup--right {
        float: left;
        margin: 0;
        width: 100%; } }
    @media (min-width: 1084px) {
      .email-signup .email-signup--right {
        float: left;
        margin-left: 0;
        max-width: 55%; } }
    @media (min-width: 1268px) {
      .email-signup .email-signup--right {
        max-width: 60%; } }
  .email-signup form {
    display: flex;
    flex-direction: column;
    position: relative; }
  .email-signup #subscribe-email {
    order: 1;
    width: 100%;
    max-width: 100%; }
    @media (min-width: 768px) {
      .email-signup #subscribe-email {
        max-width: 100%; } }
    @media (min-width: 1084px) {
      .email-signup #subscribe-email {
        max-width: 250px; } }
    @media (min-width: 1225px) {
      .email-signup #subscribe-email {
        max-width: 350px; } }
  .email-signup #subscribe-text {
    order: 1;
    width: 100%;
    max-width: 350px;
    margin: 0; }
    @media (min-width: 768px) {
      .email-signup #subscribe-text {
        margin: 0 0 15px;
        order: 2; } }
    @media (min-width: 1084px) {
      .email-signup #subscribe-text {
        margin: 0; } }
  .email-signup #subscribe-submit {
    order: 3;
    width: 100%;
    position: relative;
    top: auto;
    left: auto;
    margin: 0; }
    @media (min-width: 768px) {
      .email-signup #subscribe-submit {
        position: relative;
        left: 0;
        margin: 0;
        top: 0;
        max-width: 250px; } }
    @media (min-width: 1084px) {
      .email-signup #subscribe-submit {
        position: absolute;
        left: 260px;
        top: 30px;
        max-width: 150px; } }
    @media (min-width: 1225px) {
      .email-signup #subscribe-submit {
        position: absolute;
        left: 360px;
        top: 30px;
        max-width: 188px; } }
    .email-signup #subscribe-submit input[type="submit"] {
      font-size: 15px; }

/**
 * Styles for the animated viewport feature, wherein an image eases in once it's within the bounds
 * of the browser viewport.
 *
 * To implement, add .animate-viewport to an element; this will be picked up by the
 * animate-viewport.js file.
 */
@keyframes scaleFade {
  0% {
    transform: scale(0.9);
    opacity: 0; }
  100% {
    transform: scale(1);
    opacity: 1; } }

@keyframes slideInLeft {
  0% {
    opacity: 0;
    transform: translateX(-2000px); }
  100% {
    transform: translateX(0); } }

@keyframes slideInRight {
  0% {
    opacity: 0;
    transform: translateX(2000px); }
  100% {
    transform: translateX(0); } }

.animate-viewport {
  visibility: hidden; }
  html.no-js .animate-viewport, .animate-viewport.active {
    visibility: visible;
    animation: scaleFade 200ms 0s ease forwards;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 0.3s; }
  @media (min-width: 1400px) {
    .animate-viewport.alignleft, .animate-viewport.alignright {
      width: 65%;
      max-width: 850px;
      margin: 48px 48px 0; }
    .animate-viewport.alignleft {
      float: left;
      margin-left: -23%; }
      .animate-viewport.alignleft.active {
        animation-name: slideInLeft; }
    .animate-viewport.alignright {
      float: right;
      margin-right: -23%; }
      .animate-viewport.alignright.active {
        animation-name: slideInRight; } }

@media (max-width: 540px) {
  .c-pagination li {
    margin-right: 0; }
    .c-pagination li:first-child .c-glyph:before,
    .c-pagination li:last-child .c-glyph:after {
      display: none; }
    .c-pagination li a,
    .c-pagination li span {
      padding: 4px 9px; } }

.related-jobs {
  max-width: calc(1000px + 10%);
  margin: 0 auto 35px; }
  @media (min-width: 1400px) {
    .related-jobs {
      max-width: 1200px;
      padding: 0 5%; } }
  @media (max-width: 1235px) {
    .related-jobs {
      padding: 0 12px !important; } }

.c-mosaic [data-f-mosaic~="f-height-medium"] {
  height: auto; }
  @media (min-width: 1084px) {
    .c-mosaic [data-f-mosaic~="f-height-medium"] {
      height: 520px; } }

.c-mosaic {
  max-width: 1690px; }
  .c-mosaic .c-mosaic-placement.f-height-large.f-width-large .c-heading,
  .c-mosaic .c-mosaic-placement.f-height-large.f-width-large .c-subheading, .c-mosaic .c-mosaic-placement.f-height-medium.f-width-large .c-heading,
  .c-mosaic .c-mosaic-placement.f-height-medium.f-width-large .c-subheading, .c-mosaic .c-mosaic-placement.f-height-large.f-width-small .c-heading,
  .c-mosaic .c-mosaic-placement.f-height-large.f-width-small .c-subheading {
    padding: 0 0; }
  .c-mosaic > .hentry.hide-image picture {
    display: none; }
  .c-mosaic .hentry .c-mosaic-placement {
    padding: 0;
    height: 100%; }
    .c-mosaic .hentry .c-mosaic-placement.video-active {
      padding-bottom: 56.25%; }
  .c-mosaic .hentry .c-mosaic-placement .mosaic-inner-wrapper {
    justify-content: flex-end;
    text-align: left; }
  .c-mosaic .hentry .c-heading {
    display: block; }
  .c-mosaic .hentry .c-heading,
  .c-mosaic .hentry .c-subheading {
    font-weight: 300;
    padding: 0; }
  .c-mosaic .hentry .c-heading {
    font-size: 32px;
    font-weight: 100;
    line-height: 1.3;
    max-height: none;
    word-wrap: break-word; }
  .c-mosaic .hentry .c-subheading {
    font-size: 20px;
    font-weight: 100;
    line-height: 24px;
    margin-top: 10px; }
  .c-mosaic .hentry .author,
  .c-mosaic .hentry .date {
    font-size: 13px;
    font-weight: 300;
    line-height: 24px;
    margin-top: 20px; }
  .c-mosaic .hentry .author {
    margin-top: 10px; }
  .c-mosaic .hentry .author a {
    text-decoration: underline; }
  .c-mosaic .hentry .author a:hover {
    text-decoration: none; }
  .c-mosaic .hentry .-video {
    padding: 0; }
  .c-mosaic .c-badge {
    font-size: 0.6rem;
    margin: 0 auto 8px 0;
    text-transform: uppercase; }

.c-mosaic .mosaic-secondary .c-mosaic-placement .mosaic-inner-wrapper {
  justify-content: flex-end; }

.c-mosaic .mosaic-secondary .hentry .c-heading {
  display: block;
  font-size: 22px;
  line-height: 1.3; }

.c-mosaic .mosaic-secondary .hentry .c-subheading {
  display: none; }

.mosaic-picture-container {
  display: block;
  position: relative; }
  .mosaic-picture-container .glyph-icon {
    z-index: 21;
    position: absolute;
    top: calc( 50% - 70px);
    left: calc( 50% - 35px); }
  .mosaic-picture-container picture:after {
    display: none !important; }
  .mosaic-picture-container img {
    width: auto;
    height: auto;
    max-height: none;
    max-width: none;
    min-height: 100%;
    min-width: 100%; }
  .mosaic-picture-container iframe {
    display: block; }

.c-mosaic-placement .c-heading a {
  text-decoration: none; }

.c-link-underline:hover,
.c-link-underline:focus {
  text-decoration: underline; }

@media (min-width: 540px) {
  .mosaic-picture-container {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }
  .mosaic-heading-container {
    display: block;
    padding: 20px 25px;
    background: rgba(0, 0, 0, 0.74); }
  .mosaic-inner-wrapper .glyph-icon {
    display: block; } }

@media (min-width: 1084px) {
  .mosaic-secondary {
    border-top: 0; }
  [data-mosaic-items="2"] .mosaic-secondary .hentry {
    border-left: 10px solid #fff; }
  [data-mosaic-items="3"] .mosaic-secondary .hentry:first-of-type {
    border-left: 10px solid #fff;
    border-right: 10px solid #fff; } }

@media (max-width: 540px) {
  .c-mosaic .c-mosaic-placement {
    padding: 0; }
    .c-mosaic .c-mosaic-placement .c-heading {
      font-size: 26px; }
    .c-mosaic .c-mosaic-placement .mosaic-picture-container {
      display: block;
      position: relative; }
    .c-mosaic .c-mosaic-placement .glyph-icon {
      position: absolute;
      display: block;
      left: 50%;
      top: 50%;
      margin-left: -35px;
      margin-top: -35px; }
    .c-mosaic .c-mosaic-placement picture {
      position: static; }
      .c-mosaic .c-mosaic-placement picture img {
        position: static;
        transform: none;
        width: 100%;
        height: auto; }
    .c-mosaic .c-mosaic-placement .mosaic-heading-container {
      background: #000;
      padding: 20px; }
      .c-mosaic .c-mosaic-placement .mosaic-heading-container .glyph-icon {
        display: none; }
  .c-mosaic .hentry .c-mosaic-placement .mosaic-inner-wrapper {
    padding-top: 0; } }

@media (min-width: 540px) and (max-width: 1083px) {
  [data-mosaic-items="3"] .mosaic-secondary {
    border-top: 10px solid #fff; }
    [data-mosaic-items="3"] .mosaic-secondary .hentry:first-of-type {
      border-right: 10px solid #fff; }
  [data-mosaic-items="3"] .mosaic-secondary {
    display: flex; }
  .c-mosaic .c-mosaic-placement .mosaic-inner-wrapper {
    min-height: calc( (100vw * .5625));
    padding-top: 0; }
  .c-mosaic .mosaic-secondary .c-mosaic-placement .mosaic-inner-wrapper {
    min-height: calc( (100vw * .45)); } }

@media (min-width: 768px) {
  .f-author-block .f-author-title {
    display: block; } }

@media (max-width: 768px) {
  .f-author-block .f-author-title:before {
    content: ' | ';
    color: #E3E3E3;
    margin-left: .25em;
    margin-right: .25em; } }

.home .sidebar-home {
  margin-bottom: 1rem;
  padding: 0 1rem; }
  @media (max-width: 540px) {
    .home .sidebar-home {
      background: #fff;
      margin-bottom: -36px;
      padding-bottom: 2rem; } }
  @media (min-width: 1400px) {
    .home .sidebar-home {
      padding: 0 0 0 1rem; } }

.home .context-mnc .widget-area .widget-title + .m-preview {
  margin: 0; }

.home .widget-title {
  margin-bottom: 1.2rem;
  font-weight: 100;
  line-height: 32px;
  padding-top: 36px; }

.home .widget-area {
  padding: 0;
  padding-bottom: 0; }
  .home .widget-area h2 + .m-content-placement-item {
    border-top: 1px solid #ccc; }
  .home .widget-area .m-preview {
    padding: 0;
    margin: 0; }
  .home .widget-area .m-preview-content {
    overflow: hidden;
    background: #f5f5f5;
    padding: 1.5rem;
    padding-bottom: .5rem; }
    .home .widget-area .m-preview-content a {
      display: inline; }
  .home .widget-area .m-content-placement-item {
    margin: 0;
    padding: 0;
    margin-bottom: 1rem; }
    .home .widget-area .m-content-placement-item .m-preview-content {
      padding: 0;
      display: flex;
      flex-direction: column-reverse; }
      .home .widget-area .m-content-placement-item .m-preview-content .c-meta-text {
        font-weight: 100;
        padding-top: 0; }
        .home .widget-area .m-content-placement-item .m-preview-content .c-meta-text a {
          text-decoration: underline; }
      .home .widget-area .m-content-placement-item .m-preview-content [class*="c-heading"] {
        margin-top: 0;
        line-height: 1.2;
        max-width: none;
        font-size: 1.1em;
        margin-bottom: .25em; }
      .home .widget-area .m-content-placement-item .m-preview-content a {
        display: inline; }
      .home .widget-area .m-content-placement-item .m-preview-content .c-glyph {
        font-size: .6em; }
        .home .widget-area .m-content-placement-item .m-preview-content .c-glyph:before {
          display: inline; }

/* Nav Widget */
.home .widget_nav_menu .m-preview .menu {
  padding: 0;
  font-weight: 100;
  font-size: 0;
  max-width: none; }

.home .widget_nav_menu li {
  font-size: 1rem;
  display: block;
  margin-bottom: 1rem; }
  .home .widget_nav_menu li:after {
    content: "";
    font-family: "MWF-MDL2";
    display: inline;
    font-size: .6em;
    margin-left: .25rem; }

.page-template-page-section-front .sidebar-home {
  margin-bottom: 30px; }

.fet-curated-post-list {
  margin: 0;
  padding: 0;
  list-style: none; }

.fet-curated-post {
  margin-bottom: 1rem; }

.fet-curated-post__title {
  font-size: 1.1em;
  line-height: 1.2;
  margin-bottom: .25em;
  /* Override for MWF */ }
  .m-preview .m-preview-content .fet-curated-post__title {
    margin-top: 0; }
    .m-preview .m-preview-content .fet-curated-post__title a {
      display: inline; }
  .fet-curated-post__title .c-glyph {
    font-size: .6em;
    margin-left: .25em;
    position: relative;
    top: -.1em; }
    .fet-curated-post__title .c-glyph:before {
      display: inline; }

.fet-curated-post__meta {
  font-weight: 100;
  font-size: .8em;
  color: rgba(0, 0, 0, 0.6); }
  .fet-curated-post__meta a {
    text-decoration: underline; }

.mmj-page {
  background: #F2F2F2;
  overflow: hidden; }

.mmj-section {
  margin: 45px 12px; }
  @media (min-width: 768px) {
    .mmj-section {
      margin: 95px 12px; } }

.mmj-section--flush {
  margin: 45px 0; }
  @media (min-width: 768px) {
    .mmj-section--flush {
      margin: 95px 0; } }

.mmj-section-head {
  width: 100%;
  max-width: 620px;
  margin: 0 auto 48px;
  text-align: center; }

.mmj-section-head__title {
  display: inline-block;
  background: #FFD900;
  padding: 3px 24px; }
  .mmj-section-head__title h2 {
    color: #000;
    font-size: 18px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 600; }

.mmj-section-head__sub {
  margin-top: 8px;
  font-size: 26px;
  line-height: 1.3;
  font-weight: 600; }
  @media (min-width: 768px) {
    .mmj-section-head__sub {
      font-size: 36px; } }

.mmj-section-head__cta {
  margin-top: 24px; }

.mmj-section-head__link {
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 0.2px;
  text-transform: uppercase; }
  .mmj-section-head__link .c-glyph {
    font-size: 13px; }

.mmj-card {
  position: relative;
  display: flex;
  flex-flow: column;
  width: 100%;
  background: #fff; }

.mmj-card a {
  text-decoration: none !important; }

.mmj-card a:hover .mmj-card__title,
.mmj-card a:focus .mmj-card__title,
.mmj-card:hover .mmj-card__title {
  text-decoration: underline; }

.mmj-section__content {
  overflow: hidden; }

.mmj-card__media {
  position: relative;
  width: 100%;
  padding-bottom: 62.25%;
  background-size: cover;
  background-repeat: no-repeat; }

.mmj-card__content {
  display: flex;
  flex-flow: column;
  flex: 1;
  padding: 32px 24px; }

.mmj-card__title h3 {
  font-size: 20px;
  font-weight: 600;
  line-height: 1.5; }

.mmj-card__media-link {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1; }

.mmj-play.glyph-play {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 2;
  width: 48px;
  height: 48px;
  background: rgba(0, 0, 0, 0.8);
  border-radius: 100px;
  border: 0;
  cursor: pointer; }
  .mmj-play.glyph-play:hover, .mmj-play.glyph-play:active {
    background: black; }

.mmj-play.glyph-play:before {
  font-family: "MWF-MDL2";
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  color: #fff;
  opacity: 0.8;
  font-size: 28px; }

/* OUR WORK CARDS */
.mmj-card__sub {
  display: inline-block;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 0.78px;
  font-size: 14px;
  margin-bottom: 5px; }

.mmj-card__date {
  display: inline-block;
  margin-top: 5px;
  font-size: 12px;
  color: #737373;
  letter-spacing: 0.18px; }

.mmj-card__logo {
  margin-top: auto; }
  .mmj-card__logo > * {
    margin-top: 40px;
    max-width: 120px; }

.mmj-external .mmj-card__content:after {
  font-family: "MWF-MDL2";
  content: "";
  display: none;
  position: absolute;
  bottom: 24px;
  right: 24px;
  font-size: 30px;
  color: #000; }

.mmj-external .mmj-card__content:before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  display: none;
  width: 100%;
  height: 8px;
  background: #FFD900; }

.mmj-external .mmj-card:hover .mmj-card__content:after,
.mmj-external .mmj-card:active .mmj-card__content:after,
.mmj-external.mmj-card:hover .mmj-card__content:after,
.mmj-external.mmj-card:active .mmj-card__content:after {
  display: block; }

.mmj-external .mmj-card:hover .mmj-card__content:before,
.mmj-external .mmj-card:active .mmj-card__content:before,
.mmj-external.mmj-card:hover .mmj-card__content:before,
.mmj-external.mmj-card:active .mmj-card__content:before {
  display: block; }

/** I DON'T KNOW WHAT ELSE THIS WOULD BE EFFECTING BY ADDING IN THE OWL CAROUSEL CSS. SO I'M NAMESPACING IT HERE **/
.mmj-work {
  /* No Js */
  /*
		   *  Owl Carousel - Animate Plugin
		   */
  /*
		   * 	Owl Carousel - Auto Height Plugin
		   */
  /*
		   * 	Owl Carousel - Video Plugin
		   */ }
  .mmj-work .mmj-section__content {
    overflow: visible;
    max-width: calc(1600px + 10%);
    margin: 0 auto;
    padding-left: 5%;
    padding-right: 5%; }
  .mmj-work .owl-carousel {
    display: none;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    /* position relative and z-index fix webkit rendering fonts issue */
    position: relative;
    z-index: 1; }
  .mmj-work .owl-carousel .owl-stage {
    display: flex;
    position: relative;
    -ms-touch-action: pan-Y;
    touch-action: manipulation;
    -moz-backface-visibility: hidden;
    /* fix firefox animation glitch */ }
  .mmj-work .owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0; }
  .mmj-work .owl-carousel .owl-stage-outer {
    position: relative;
    overflow: visible;
    /* fix for flashing background */
    -webkit-transform: translate3d(0px, 0px, 0px); }
  .mmj-work .owl-carousel .owl-wrapper,
  .mmj-work .owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0); }
  .mmj-work .owl-carousel .owl-item {
    display: flex;
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none; }
  .mmj-work .owl-carousel .owl-item img {
    display: block; }
  .mmj-work .owl-carousel .owl-nav.disabled,
  .mmj-work .owl-carousel .owl-dots.disabled {
    display: none; }
  .mmj-work .owl-carousel .owl-nav {
    display: flex;
    justify-content: flex-end;
    margin-top: 26px; }
  .mmj-work .owl-carousel .owl-nav .owl-prev,
  .mmj-work .owl-carousel .owl-nav .owl-next,
  .mmj-work .owl-carousel .owl-dot {
    cursor: pointer;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .mmj-work .owl-carousel .owl-nav button.owl-prev,
  .mmj-work .owl-carousel .owl-nav button.owl-next,
  .mmj-work .owl-carousel button.owl-dot {
    background: none;
    color: inherit;
    border: none;
    padding: 0 !important;
    font: inherit;
    position: static;
    width: auto;
    height: auto;
    margin-top: 0; }
  .mmj-work .owl-carousel .owl-nav button.owl-next {
    margin-left: 12px; }
  .mmj-work .owl-carousel .owl-nav button.owl-prev span,
  .mmj-work .owl-carousel .owl-nav button.owl-next span {
    position: relative;
    display: block;
    width: 36px;
    height: 36px;
    border: 1px solid #000;
    border-radius: 100px;
    transition: background 0.3s;
    color: transparent;
    text-indent: 0; }
    .mmj-work .owl-carousel .owl-nav button.owl-prev span:hover, .mmj-work .owl-carousel .owl-nav button.owl-prev span:focus,
    .mmj-work .owl-carousel .owl-nav button.owl-next span:hover,
    .mmj-work .owl-carousel .owl-nav button.owl-next span:focus {
      background: rgba(0, 0, 0, 0.25);
      transition: background 0.3s; }
  .mmj-work .owl-carousel .owl-nav button span:before {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 17px;
    color: #000; }
  .mmj-work .owl-carousel .owl-nav button.owl-prev span:before {
    font-family: "MWF-MDL2";
    content: ""; }
  .mmj-work .owl-carousel .owl-nav button.owl-next span:before {
    font-family: "MWF-MDL2";
    content: ""; }
  .mmj-work .owl-carousel .owl-nav button.owl-prev.disabled:hover, .mmj-work .owl-carousel .owl-nav button.owl-prev.disabled:focus,
  .mmj-work .owl-carousel .owl-nav button.owl-next.disabled:hover,
  .mmj-work .owl-carousel .owl-nav button.owl-next.disabled:focus {
    cursor: default; }
  .mmj-work .owl-carousel .owl-nav button.owl-prev.disabled span,
  .mmj-work .owl-carousel .owl-nav button.owl-next.disabled span {
    opacity: 0.3; }
    .mmj-work .owl-carousel .owl-nav button.owl-prev.disabled span:hover, .mmj-work .owl-carousel .owl-nav button.owl-prev.disabled span:focus,
    .mmj-work .owl-carousel .owl-nav button.owl-next.disabled span:hover,
    .mmj-work .owl-carousel .owl-nav button.owl-next.disabled span:focus {
      cursor: default;
      background: transparent; }
  .mmj-work .owl-carousel.owl-loaded {
    display: block; }
  .mmj-work .owl-carousel.owl-loading {
    opacity: 0;
    display: block; }
  .mmj-work .owl-carousel.owl-hidden {
    opacity: 0; }
  .mmj-work .owl-carousel.owl-refresh .owl-item {
    visibility: hidden; }
  .mmj-work .owl-carousel.owl-drag .owl-item {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .mmj-work .owl-carousel.owl-grab {
    cursor: move;
    cursor: grab; }
  .mmj-work .owl-carousel.owl-rtl {
    direction: rtl; }
  .mmj-work .owl-carousel.owl-rtl .owl-item {
    float: right; }
  .mmj-work .no-js .owl-carousel {
    display: block; }
  .mmj-work .owl-carousel .animated {
    animation-duration: 1000ms;
    animation-fill-mode: both; }
  .mmj-work .owl-carousel .owl-animated-in {
    z-index: 0; }
  .mmj-work .owl-carousel .owl-animated-out {
    z-index: 1; }
  .mmj-work .owl-carousel .fadeOut {
    animation-name: fadeOut; }

@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }
  .mmj-work .owl-height {
    transition: height 500ms ease-in-out; }
  .mmj-work .owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity 400ms ease; }
  .mmj-work .owl-carousel .owl-item .owl-lazy[src^=""],
  .mmj-work .owl-carousel .owl-item .owl-lazy:not([src]) {
    max-height: 0; }
  .mmj-work .owl-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d; }
  .mmj-work .owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000; }
  .mmj-work .owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url("owl.video.play.png") no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    transition: transform 100ms ease; }
  .mmj-work .owl-carousel .owl-video-play-icon:hover {
    -ms-transform: scale(1.3, 1.3);
    transform: scale(1.3, 1.3); }
  .mmj-work .owl-carousel .owl-video-playing .owl-video-tn,
  .mmj-work .owl-carousel .owl-video-playing .owl-video-play-icon {
    display: none; }
  .mmj-work .owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity 400ms ease; }
  .mmj-work .owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%; }

.mmj-learning__content {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -14px;
  overflow: hidden; }
  .mmj-learning__content .mmj-card {
    margin: 0 14px 28px; }
    @media (min-width: 540px) {
      .mmj-learning__content .mmj-card {
        width: calc(50% - 28px); } }
    @media (min-width: 900px) {
      .mmj-learning__content .mmj-card {
        width: calc(25% - 28px);
        margin-bottom: 0; } }
  .mmj-learning__content .mmj-card.mmj-external {
    padding-bottom: 55px; }

.mmj-featured-post__title > * {
  font-size: 38px;
  margin-bottom: 8px;
  line-height: 1.2;
  font-weight: 600;
  color: #000; }
  @media (min-width: 1084px) {
    .mmj-featured-post__title > * {
      font-size: 48px; } }

.mmj-featured-post__description {
  margin-bottom: 12px;
  font-size: 20px;
  line-height: 1.5;
  color: #222; }
  @media (min-width: 768px) {
    .mmj-featured-post__description {
      margin-bottom: 0; } }

@media (min-width: 768px) {
  .mmj-featured-post {
    display: flex;
    justify-content: space-between;
    align-items: center; }
    .mmj-featured-post > * {
      width: 50%; } }

@media (min-width: 768px) {
  .mmj-featured-post__content {
    padding-right: 28px; } }

@media (min-width: 1084px) {
  .mmj-featured-post__content {
    padding-right: 100px; } }

.mmj-archive-section__title > * {
  margin-bottom: 24px;
  font-weight: 600; }

.mmj-archive-loop {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -14px;
  overflow: hidden; }
  .mmj-archive-loop .mmj-card {
    margin: 0 14px 28px; }
    @media (min-width: 540px) {
      .mmj-archive-loop .mmj-card {
        width: calc(50% - 28px); } }
    @media (min-width: 900px) {
      .mmj-archive-loop .mmj-card {
        width: calc(25% - 28px); } }

.mmj-header {
  padding: 45px 12px;
  background: #000;
  color: #fff; }
  @media only screen and (min-width: 768px) {
    .mmj-header {
      padding: 80px 12px; } }

.mmj-header-content {
  text-align: center; }

.mmj-header-title > * {
  margin-bottom: 8px;
  font-size: 32px;
  line-height: 1.2;
  font-weight: 600; }
  @media only screen and (min-width: 768px) {
    .mmj-header-title > * {
      font-size: 48px; } }

.mmj-header-sub {
  font-size: 20px;
  line-height: 1.5; }

.mmj-header-cta {
  margin-top: 18px; }
  @media only screen and (min-width: 768px) {
    .mmj-header-cta {
      margin-top: 32px; } }

.mmj-header-cta a {
  font-size: 18px;
  text-transform: uppercase;
  color: #FFD900;
  letter-spacing: 0.2px; }
  .mmj-header-cta a .c-glyph {
    margin-left: 5px;
    font-size: 14px; }

/* BUTTON */
.mmj-button {
  display: inline-block;
  padding: 10px 28px;
  color: #000;
  border: 2px solid #000;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 600;
  background: transparent;
  cursor: pointer; }
  .mmj-button .c-glyph {
    margin-left: 5px;
    font-size: 12px; }
  .mmj-button:hover, .mmj-button:focus {
    background: #000;
    color: #fff;
    transition: all 0.3s;
    text-decoration: none !important; }
  .mmj-button:disabled {
    border: 2px solid #D3D3D3;
    color: #D3D3D3;
    cursor: not-allowed; }
    .mmj-button:disabled:hover, .mmj-button:disabled:focus {
      border: 2px solid #D3D3D3;
      color: #D3D3D3;
      cursor: not-allowed;
      background: transparent; }

.mmj-contact-form {
  margin: 45px 12px; }
  @media only screen and (min-width: 768px) {
    .mmj-contact-form {
      margin: 95px 12px; } }

.mmj-contact-form__wrapper {
  margin: 0 auto;
  max-width: 900px;
  background: #fff;
  padding: 50px 10%; }

.mmj-contact-form__input {
  display: block;
  width: 100%;
  background: #fff;
  border: 1px solid #737373;
  color: #222222;
  font-size: 18px;
  padding: 10px;
  margin-top: 5px;
  font-weight: 400; }

.mmj-contact-form__textarea {
  display: block;
  width: 100%;
  background: #fff;
  border: 1px solid #737373;
  color: #222222;
  font-size: 18px;
  padding: 10px;
  margin-top: 5px;
  min-height: 110px;
  font-weight: 400; }

.mmj-contact-form__content .form-input + .form-input {
  margin-top: 19px; }

.mmj-contact-form__content label {
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0.4px;
  color: #222222; }

.mmj-checkbox-contain {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 40px;
  cursor: pointer;
  user-select: none;
  color: #222222; }
  .mmj-checkbox-contain input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0; }
  .mmj-checkbox-contain .mmj-contact-form__checkbox {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #fff;
    border: 1px solid #737373; }
    .mmj-checkbox-contain .mmj-contact-form__checkbox:after {
      content: '';
      position: absolute;
      display: none;
      left: 9px;
      top: 5px;
      width: 5px;
      height: 10px;
      border: solid #0067B8;
      border-width: 0 3px 3px 0;
      -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg); }
  .mmj-checkbox-contain input:focus ~ .mmj-contact-form__checkbox {
    border: 1px solid #0067B8; }
  .mmj-checkbox-contain input:checked ~ .mmj-contact-form__checkbox:after {
    display: block; }

.form-input-relative {
  position: relative; }

.mmj-contact-form__count {
  position: absolute;
  bottom: 2px;
  right: 2px;
  padding: 10px;
  background: #fff;
  font-size: 12px;
  color: #737373;
  font-weight: 400; }

.mmj-contact-form__response {
  text-align: center;
  font-size: 32px;
  font-weight: 600;
  margin-bottom: 30px; }
  .mmj-contact-form__response .success {
    color: #0067B8; }
  .mmj-contact-form__response .error {
    color: red; }

.mmj-textarea-container {
  position: relative; }
  .mmj-textarea-container textarea {
    height: 300px;
    resize: none;
    padding-bottom: 50px; }

.mmj-testimonial {
  width: 100%;
  background: #FFD900;
  padding: 60px 12px; }
  @media (min-width: 768px) {
    .mmj-testimonial {
      padding: 114px 12px; } }

.mmj-testimonial__content {
  width: 100%;
  max-width: 1040px;
  margin: 0 auto;
  text-align: center; }
  .mmj-testimonial__content img {
    max-width: 100%;
    height: auto; }

.mmj-testimonial__hd {
  margin-bottom: 26px; }
  @media (min-width: 768px) {
    .mmj-testimonial__hd {
      margin-bottom: 48px; } }

.mmj-testimonial__bd {
  font-size: 24px;
  font-weight: 600;
  line-height: 1.27;
  margin-bottom: 16px; }
  @media (min-width: 768px) {
    .mmj-testimonial__bd {
      font-size: 36px;
      margin-bottom: 24px; } }

.mmj-testimonial__ft {
  font-size: 16px;
  color: #222222; }
  @media (min-width: 768px) {
    .mmj-testimonial__ft {
      font-size: 20px; } }

.mmj-testimonial__weighted {
  font-weight: 600; }

.mmj-single-contain {
  width: 100%;
  margin: 45px 0;
  padding: 0 12px; }
  @media (min-width: 768px) {
    .mmj-single-contain {
      margin: 45px 0 95px; } }

.mmj-single {
  width: 100%;
  max-width: 1052px;
  margin: 0 auto;
  background: #fff; }

.mmj-single__hd {
  position: relative; }

.mmj-single__hd img {
  width: 100%;
  height: auto; }

.mmj-single__title > * {
  padding-bottom: 14px;
  font-weight: 600; }
  @media (min-width: 768px) {
    .mmj-single__title > * {
      font-size: 36px; } }

.mmj-single__content {
  padding: 32px 25px; }
  @media (min-width: 1084px) {
    .mmj-single__content {
      padding: 64px 100px; } }

.mmj-single .features-body [data-grid="container"] {
  padding: 0; }

.mmj-single .features-body .f-content-section:first-child p:first-child {
  margin-top: 0; }

@media only screen and (min-width: 768px) {
  .mmj-mobile {
    display: none; } }

.mmj-desktop {
  display: none; }
  @media only screen and (min-width: 768px) {
    .mmj-desktop {
      display: block; } }

.mmj-section.mmj-how {
  margin-top: 45px; }

.mmj-how__container {
  width: 100%;
  max-width: 1053px;
  margin: 0 auto; }

.mmj-how__tabs {
  display: flex; }
  .mmj-how__tabs > * {
    width: 50%; }

.mmj-how__tab-item {
  padding: 10px 10px 18px;
  text-align: center;
  cursor: pointer;
  transition: background 0.3s; }
  .mmj-how__tab-item:hover, .mmj-how__tab-item:focus {
    background: #E6E6E6; }
  @media only screen and (min-width: 768px) {
    .mmj-how__tab-item {
      padding: 10px 7% 32px; } }

.mmj-how__tab-media {
  margin-top: 24px;
  margin-bottom: 24px; }
  .mmj-how__tab-media img {
    display: block;
    max-width: 300px;
    width: 100%;
    height: auto;
    margin: 0 auto; }

.mmj-how__tab-title {
  margin-bottom: 8px; }
  .mmj-how__tab-title > * {
    font-size: 18px;
    font-weight: 600; }
    @media only screen and (min-width: 768px) {
      .mmj-how__tab-title > * {
        font-size: 24px; } }

.mmj-how__tab-description {
  font-size: 14px;
  line-height: 1.6; }
  @media only screen and (min-width: 768px) {
    .mmj-how__tab-description {
      font-size: 18px; } }

.mmj-how__content {
  position: relative;
  background: #fff;
  padding: 0 18px 30px; }
  @media only screen and (min-width: 768px) {
    .mmj-how__content {
      padding-bottom: 64px; } }
  .mmj-how__content:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 10px;
    background: #D2D2D2; }

.mmj-how__content-selection {
  display: block;
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  height: 10px;
  background: #FFD900;
  z-index: 2;
  transition: left 0.3s; }
  @media only screen and (min-width: 768px) {
    .mmj-how__content-selection {
      width: 50%; } }
  .mmj-how__content-selection:before {
    content: '';
    display: block;
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translate(-50%, 0);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 23px 19px 0 19px;
    border-color: #FFD900 transparent transparent transparent; }
  @media only screen and (min-width: 768px) {
    .mmj-how__content-selection.is-active {
      left: 50%;
      transition: left 0.3s; } }

.mmj-how__content-title {
  padding: 50px 0 30px;
  text-align: center; }
  @media only screen and (min-width: 768px) {
    .mmj-how__content-title {
      padding: 45px 0; } }
  .mmj-how__content-title > * {
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 1px;
    text-transform: uppercase; }

.mmj-how__content-item {
  text-align: center; }
  .mmj-how__content-item + .mmj-how__content-item {
    margin-top: 48px; }
    @media only screen and (min-width: 768px) {
      .mmj-how__content-item + .mmj-how__content-item {
        margin-top: 0; } }
  @media only screen and (min-width: 768px) {
    .mmj-how__content-item {
      padding: 0 10px; } }
  @media only screen and (min-width: 1084px) {
    .mmj-how__content-item {
      padding: 0 35px; } }

.mmj-how__content-media {
  margin-bottom: 10px; }
  .mmj-how__content-media img {
    display: block;
    width: 60px;
    height: 60px;
    margin: 0 auto 24px; }

@media only screen and (min-width: 768px) {
  .mmj-how__content-section {
    display: flex; } }

.mmj-how__content-section {
  opacity: 0;
  height: 0;
  pointer-events: none; }

.mmj-how__content-section.is-active {
  opacity: 1;
  height: auto;
  pointer-events: auto;
  transition: opacity 0.3s; }

.mmj-how__content-info-title > * {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 8px; }

.mmj-how__content-info-description {
  font-size: 16px;
  color: #222;
  line-height: 1.75; }

.mmj-how__cta {
  margin-top: 32px;
  font-size: 18px;
  text-transform: uppercase;
  letter-spacing: 0.2px;
  font-weight: 600;
  text-align: center; }
  .mmj-how__cta .c-glyph {
    font-size: 14px;
    margin-right: 5px; }

.features-body .mmj-how__cta a {
  color: #000;
  text-decoration: none; }
  .features-body .mmj-how__cta a:hover, .features-body .mmj-how__cta a:focus {
    text-decoration: underline; }

.mmj-cta__content {
  text-align: center; }

.mmj-cta__copy {
  margin: 0 auto 30px;
  max-width: 840px;
  font-size: 26px;
  font-weight: 600;
  line-height: 1.2; }
  @media only screen and (min-width: 768px) {
    .mmj-cta__copy {
      margin: 0 auto 50px;
      font-size: 36px; } }

.pom-container > div:nth-of-type(3n+1) {
  background-color: #3B2E58; }
  .pom-container > div:nth-of-type(3n+1) .pom-section__title {
    color: #D59DFF; }
  .pom-container > div:nth-of-type(3n+1) .pom-section__tag {
    border: 1px solid #D59DFF;
    color: #D59DFF; }
    .pom-container > div:nth-of-type(3n+1) .pom-section__tag:before {
      background-color: #D59DFF; }
    @media not all and (hover: none), (-ms-high-contrast: none) {
      .pom-container > div:nth-of-type(3n+1) .pom-section__tag:hover, .pom-container > div:nth-of-type(3n+1) .pom-section__tag:focus {
        color: #3B2E58; } }
    @media not all and (hover: none), (-ms-high-contrast: none) {
      .pom-container > div:nth-of-type(3n+1) .pom-section__tag a.pom-section__link:link:hover, .pom-container > div:nth-of-type(3n+1) .pom-section__tag a.pom-section__link:link:focus,
      .pom-container > div:nth-of-type(3n+1) .pom-section__tag a.pom-section__link:visited:hover,
      .pom-container > div:nth-of-type(3n+1) .pom-section__tag a.pom-section__link:visited:focus {
        color: #D59DFF !important;
        transition: color 0.3s; }
        .pom-container > div:nth-of-type(3n+1) .pom-section__tag a.pom-section__link:link:hover > span:first-child:after, .pom-container > div:nth-of-type(3n+1) .pom-section__tag a.pom-section__link:link:focus > span:first-child:after,
        .pom-container > div:nth-of-type(3n+1) .pom-section__tag a.pom-section__link:visited:hover > span:first-child:after,
        .pom-container > div:nth-of-type(3n+1) .pom-section__tag a.pom-section__link:visited:focus > span:first-child:after {
          background: #D59DFF; } }

.pom-container > div:nth-of-type(3n+2) {
  background-color: #274B47; }
  .pom-container > div:nth-of-type(3n+2) .pom-section__title {
    color: #30E5D0; }
  .pom-container > div:nth-of-type(3n+2) .pom-section__tag {
    border: 1px solid #30E5D0;
    color: #30E5D0; }
    .pom-container > div:nth-of-type(3n+2) .pom-section__tag:before {
      background-color: #30E5D0; }
    @media not all and (hover: none), (-ms-high-contrast: none) {
      .pom-container > div:nth-of-type(3n+2) .pom-section__tag:hover, .pom-container > div:nth-of-type(3n+2) .pom-section__tag:focus {
        color: #274B47; } }
  @media not all and (hover: none), (-ms-high-contrast: none) {
    .pom-container > div:nth-of-type(3n+2) a.pom-section__link:link:hover, .pom-container > div:nth-of-type(3n+2) a.pom-section__link:link:focus,
    .pom-container > div:nth-of-type(3n+2) a.pom-section__link:visited:hover,
    .pom-container > div:nth-of-type(3n+2) a.pom-section__link:visited:focus {
      color: #30E5D0 !important;
      transition: color 0.3s; }
      .pom-container > div:nth-of-type(3n+2) a.pom-section__link:link:hover > span:first-child:after, .pom-container > div:nth-of-type(3n+2) a.pom-section__link:link:focus > span:first-child:after,
      .pom-container > div:nth-of-type(3n+2) a.pom-section__link:visited:hover > span:first-child:after,
      .pom-container > div:nth-of-type(3n+2) a.pom-section__link:visited:focus > span:first-child:after {
        background: #30E5D0; } }

.pom-container > div:nth-of-type(3n+3) {
  background-color: #243A5E; }
  .pom-container > div:nth-of-type(3n+3) .pom-section__title {
    color: #50E6FF; }
  .pom-container > div:nth-of-type(3n+3) .pom-section__tag {
    border: 1px solid #50E6FF;
    color: #50E6FF; }
    .pom-container > div:nth-of-type(3n+3) .pom-section__tag:before {
      background-color: #50E6FF; }
    @media not all and (hover: none), (-ms-high-contrast: none) {
      .pom-container > div:nth-of-type(3n+3) .pom-section__tag:hover, .pom-container > div:nth-of-type(3n+3) .pom-section__tag:focus {
        color: #243A5E; } }
  @media not all and (hover: none), (-ms-high-contrast: none) {
    .pom-container > div:nth-of-type(3n+3) a.pom-section__link:link:hover, .pom-container > div:nth-of-type(3n+3) a.pom-section__link:link:focus,
    .pom-container > div:nth-of-type(3n+3) a.pom-section__link:visited:hover,
    .pom-container > div:nth-of-type(3n+3) a.pom-section__link:visited:focus {
      color: #50E6FF !important;
      transition: color 0.3s; }
      .pom-container > div:nth-of-type(3n+3) a.pom-section__link:link:hover > span:first-child:after, .pom-container > div:nth-of-type(3n+3) a.pom-section__link:link:focus > span:first-child:after,
      .pom-container > div:nth-of-type(3n+3) a.pom-section__link:visited:hover > span:first-child:after,
      .pom-container > div:nth-of-type(3n+3) a.pom-section__link:visited:focus > span:first-child:after {
        background: #50E6FF; } }

@media (min-width: 768px) {
  .pom-container > div:nth-of-type(odd) .pom-section__media {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start; } }

@media (min-width: 768px) {
  .pom-container > div:nth-of-type(even) .pom-section__media {
    order: 2;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start; } }

@media (min-width: 768px) {
  .pom-container > div:nth-of-type(even) .pom-section__content {
    padding: 34px 50px 50px 0; } }

@media (min-width: 1084px) {
  .pom-container > div:nth-of-type(even) .pom-section__content {
    padding: 34px 110px 50px 0; } }

.pom-section {
  max-width: 100%; }
  .pom-section img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    height: auto; }
    @media (min-width: 768px) {
      .pom-section img {
        margin: 0; } }
  @media (min-width: 768px) {
    .pom-section {
      padding: 60px; } }

@media (min-width: 768px) {
  .pom-wrap {
    display: flex;
    max-width: 1270px;
    margin: 0 auto; } }

@media (min-width: 768px) {
  .pom-section__media {
    width: 50%; } }

.pom-section__content {
  padding: 34px 27px 50px; }
  @media (min-width: 768px) {
    .pom-section__content {
      width: 50%;
      padding: 34px 0 50px 50px; } }
  @media (min-width: 1084px) {
    .pom-section__content {
      padding: 34px 0 50px 110px; } }

.pom-section__title {
  margin-bottom: 14px; }
  .pom-section__title > * {
    font-size: 28px;
    line-height: 1.3;
    font-weight: 100; }
    @media (min-width: 768px) {
      .pom-section__title > * {
        font-size: 36px; } }
    @media (min-width: 1084px) {
      .pom-section__title > * {
        font-size: 42px; } }

.pom-section__description {
  color: #fff;
  font-size: 16px;
  line-height: 1.75;
  margin-bottom: 22px;
  letter-spacing: 0.5px; }
  @media (min-width: 768px) {
    .pom-section__description {
      font-size: 18px; } }

a.pom-section__link:link {
  color: #FCFCFC;
  text-transform: uppercase;
  font-size: 18px;
  transition: color 0.3s; }
  a.pom-section__link:link > * {
    display: inline-block;
    vertical-align: middle; }
  a.pom-section__link:link > *:last-child {
    margin-top: 3px;
    margin-left: 3px;
    line-height: 1; }
  a.pom-section__link:link > span:first-child:after {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    opacity: 0;
    transition: opacity 0.3s; }
  a.pom-section__link:link:hover, a.pom-section__link:link:focus {
    text-decoration: none; }
  @media not all and (hover: none), (-ms-high-contrast: none) {
    a.pom-section__link:link:hover, a.pom-section__link:link:focus {
      text-decoration: none; }
      a.pom-section__link:link:hover > span:first-child:after, a.pom-section__link:link:focus > span:first-child:after {
        opacity: 1;
        transition: opacity 0.3s; } }

a.pom-section__link:visited {
  color: #fff !important; }

.pom-section__tag-contain {
  display: flex;
  flex-wrap: wrap;
  margin-top: 40px;
  max-width: 730px; }
  @media (min-width: 768px) {
    .pom-section__tag-contain {
      margin-top: 70px; } }

.pom-section__tag-listing {
  margin-right: 10px;
  margin-bottom: 10px; }

.pom-container .pom-section__tag {
  display: block;
  overflow: hidden;
  position: relative;
  padding: 5px 15px 6px;
  border-radius: 30px; }
  .pom-container .pom-section__tag:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 0;
    z-index: 1; }
  .pom-container .pom-section__tag:hover, .pom-container .pom-section__tag:focus {
    text-decoration: none; }
  @media not all and (hover: none), (-ms-high-contrast: none) {
    .pom-container .pom-section__tag:hover, .pom-container .pom-section__tag:focus {
      text-decoration: none;
      transition: color 0.3s; }
      .pom-container .pom-section__tag:hover:before, .pom-container .pom-section__tag:focus:before {
        width: 100%;
        transition: width 0.3s; } }

.pom-container .pom-section__tag-name {
  position: relative;
  z-index: 2; }

.pom-container .share-section {
  display: block;
  padding: 50px 27px;
  max-width: 880px;
  margin: 0 auto;
  text-align: center; }
  @media (min-width: 768px) {
    .pom-container .share-section {
      padding: 100px 27px; } }

.pom-container .share-section__headline {
  font-weight: 100;
  font-size: 26px;
  margin-bottom: 30px; }
  @media (min-width: 768px) {
    .pom-container .share-section__headline {
      font-size: 36px;
      margin-bottom: 50px; } }

.pom-container .share-section__subhead {
  font-weight: 100;
  font-size: 18px;
  margin-bottom: 30px; }
  @media (min-width: 768px) {
    .pom-container .share-section__subhead {
      font-size: 24px; } }

.share-section__button {
  background: #000;
  border: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  text-transform: uppercase;
  color: #fff;
  padding: 8px 15px 4px 10px;
  letter-spacing: 0.2px;
  font-size: 13px;
  transition: all 0.3s; }
  .single-post .post-theme--light .share-section__button {
    background: #fff;
    color: #000; }
    .single-post .post-theme--light .share-section__button svg path {
      fill: #000; }
    @media not all and (hover: none), (-ms-high-contrast: none) {
      .single-post .post-theme--light .share-section__button:hover, .single-post .post-theme--light .share-section__button:focus {
        background: #444;
        color: #fff;
        transition: all 0.3s; }
        .single-post .post-theme--light .share-section__button:hover svg path, .single-post .post-theme--light .share-section__button:focus svg path {
          fill: #fff; } }
  @media (min-width: 1235px) {
    .share-section__button {
      font-size: 16px;
      padding: 10px 15px 6px; } }
  @media not all and (hover: none), (-ms-high-contrast: none) {
    .share-section__button:hover, .share-section__button:focus {
      background: #444;
      transition: all 0.3s; } }

.share-section__button-icon {
  display: inline-block;
  vertical-align: middle; }
  .share-section__button-icon svg {
    width: 25px;
    height: 25px; }
    @media (min-width: 1235px) {
      .share-section__button-icon svg {
        width: 32px;
        height: 32px; } }

.pom-archive__banner {
  background: #000;
  color: #fff; }

.pom-archive__contain {
  max-width: 1318px;
  padding: 15px 24px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap; }

.pom-archive__heading {
  font-size: 24px;
  font-weight: 100; }

.pom-archive__title {
  font-weight: 400; }

.pom-archive__intro {
  padding-right: 14px; }

.pom-single-template .features-body [data-grid="container"] {
  max-width: 730px; }
  @media (min-width: 1084px) {
    .pom-single-template .features-body [data-grid="container"] {
      max-width: calc(730px + 10%); } }

.pom-single-template .f-hero-footer.f-content-section {
  max-width: none;
  margin: 0;
  padding: 0 12px;
  width: auto; }

.pom-single-template .f-author-block {
  border-bottom: 1px solid #fff; }
  @media (min-width: 1084px) {
    .pom-single-template .f-author-block {
      position: static;
      margin: 0;
      padding: 0;
      width: auto; } }

.pom-single-template.post-theme--light .f-author-block {
  border-bottom: 1px solid #464646; }

.pom-single-template .f-author {
  display: flex;
  align-items: center;
  margin-bottom: 10px; }

.pom-single-template .f-author .f-author-image {
  display: block;
  width: 48px;
  height: 48px;
  margin-right: 10px;
  margin-bottom: 0; }
  .pom-single-template .f-author .f-author-image img {
    width: 48px;
    height: 48px; }

@media (min-width: 768px) {
  .pom-single-template .f-author-block {
    padding: 0; } }

.pom-single-template .f-author-block .f-date:not(:first-child) {
  border-left: 0; }

.pom-single-template .f-author-block .f-date {
  margin-bottom: 0; }

.pom-single-template .f-author-link {
  font-weight: 600;
  text-decoration: none !important; }
  @media (min-width: 768px) {
    .pom-single-template .f-author-link {
      font-size: 18px;
      margin-left: 5px; } }

@media (min-width: 768px) {
  .pom-single-template .f-author .c-heading-6, .pom-single-template .f-author .m-blog-post h4, .m-blog-post .pom-single-template .f-author h4, .pom-single-template .f-author
  .m-blog-post h5,
  .m-blog-post .pom-single-template .f-author h5, .pom-single-template .f-author
  .m-blog-post h6,
  .m-blog-post .pom-single-template .f-author h6 {
    display: block;
    margin: 0; } }

@media (min-width: 768px) {
  .pom-single-template .f-author-block .f-date:not(:first-child) {
    display: block;
    margin-left: 15px; } }

.pom-single-template .pom-heading-wrap {
  max-width: calc(730px + 24px);
  margin: 0 auto; }
  .pom-single-template .pom-heading-wrap .c-heading-1 {
    margin-bottom: 10px; }
    @media (min-width: 768px) {
      .pom-single-template .pom-heading-wrap .c-heading-1 {
        margin-bottom: 22px; } }
  .pom-single-template .pom-heading-wrap .f-article-sub-title {
    margin-bottom: 0; }
    @media (min-width: 768px) {
      .pom-single-template .pom-heading-wrap .f-article-sub-title {
        font-size: 28px;
        margin-bottom: 22px; } }

.pom-single-template .pom-section__tag {
  display: block;
  overflow: hidden;
  position: relative;
  padding: 5px 15px 6px;
  border-radius: 30px;
  border: 1px solid white;
  color: #fff !important; }
  .pom-single-template .pom-section__tag:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 0;
    z-index: 1;
    background: #fff; }
  .pom-single-template .pom-section__tag span {
    position: relative;
    z-index: 2;
    transition: color 0.3s; }
  .pom-single-template .pom-section__tag:hover, .pom-single-template .pom-section__tag:focus {
    text-decoration: none; }
  @media not all and (hover: none), (-ms-high-contrast: none) {
    .pom-single-template .pom-section__tag:hover, .pom-single-template .pom-section__tag:focus {
      text-decoration: none;
      color: #000 !important;
      transition: color 0.3s; }
      .pom-single-template .pom-section__tag:hover span, .pom-single-template .pom-section__tag:focus span {
        color: #000 !important;
        transition: color 0.3s; }
      .pom-single-template .pom-section__tag:hover:before, .pom-single-template .pom-section__tag:focus:before {
        width: 100%;
        transition: width 0.3s; } }

.pom-single-template.post-theme--light .pom-section__tag {
  border: 1px solid #464646;
  color: #464646 !important; }
  .pom-single-template.post-theme--light .pom-section__tag:before {
    background: #464646; }
  @media not all and (hover: none), (-ms-high-contrast: none) {
    .pom-single-template.post-theme--light .pom-section__tag:hover, .pom-single-template.post-theme--light .pom-section__tag:focus {
      text-decoration: none;
      color: #fff !important;
      transition: color 0.3s; }
      .pom-single-template.post-theme--light .pom-section__tag:hover span, .pom-single-template.post-theme--light .pom-section__tag:focus span {
        color: #fff !important;
        transition: color 0.3s; }
      .pom-single-template.post-theme--light .pom-section__tag:hover:before, .pom-single-template.post-theme--light .pom-section__tag:focus:before {
        width: 100%;
        transition: width 0.3s; } }

.pom-single-template .pom-section__tag-contain {
  margin-top: 25px; }

@media (min-width: 768px) {
  .pom-single-template .author-block__ft {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: baseline;
    margin-bottom: 23px; } }

.pom-single-template .f-related-stories {
  margin-bottom: 0; }

.pom-single-template .f-content-section:last-child {
  margin-bottom: 0; }

.pom__loadmore-section {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 50px;
  background-color: #000 !important; }

.pom__loadmore {
  display: inline-block;
  padding: 9px 36px 11px;
  font-size: 16px;
  color: #fff;
  letter-spacing: 0.2px;
  text-transform: uppercase;
  border: 1px solid #fff;
  transition: all 0.3s;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent; }
  @media not all and (hover: none), (-ms-high-contrast: none) {
    .pom__loadmore:focus, .pom__loadmore:hover {
      background: #fff;
      color: #000;
      transition: all 0.3s; } }

.single-post .pom-single-template .features-body {
  min-height: auto; }

.pom-single-template {
  padding-bottom: 40px; }

/* -------------------------------------------------------------------------- * * Necessary styling for the dialog to work
 * -------------------------------------------------------------------------- */
.a11y-dialog[aria-hidden="true"] {
  display: none; }

.a11y-dialog[aria-hidden="false"] {
  position: relative;
  z-index: 5; }

/* -------------------------------------------------------------------------- * * Styling to make the dialog look like a dialog
 * -------------------------------------------------------------------------- */
.a11y-dialog__overlay {
  z-index: 4;
  background-color: rgba(0, 0, 0, 0.66);
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0; }

.a11y-dialog__content {
  z-index: 5;
  position: fixed;
  top: 50%;
  left: 50%;
  margin: 0 10px;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }

/* -------------------------------------------------------------------------- * * Extra dialog styling to make it shiny
 * -------------------------------------------------------------------------- */
.a11y-dialog__content {
  width: 80%;
  height: 80%;
  margin: 0; }
  .a11y-dialog__content .video-container {
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative;
    height: 0; }
    .a11y-dialog__content .video-container iframe {
      left: 0;
      top: 0;
      min-height: 100%;
      width: 100%;
      height: auto;
      position: absolute; }

.a11y-dialog__overlay {
  background-color: rgba(0, 0, 0, 0.9); }

.a11y-dialog__close-button {
  position: absolute;
  top: -3rem;
  right: 0;
  border: 0;
  padding: 0;
  background-color: transparent;
  font-size: 40px;
  width: 40px;
  height: 40px;
  text-align: center;
  cursor: pointer;
  transition: 0.15s; }
  @media screen and (orientation: landscape) {
    .a11y-dialog__close-button {
      top: -3rem; } }

.a11y-dialog__close-button:after {
  font-family: "MWF-MDL2";
  content: "";
  color: #fff; }

/*# sourceMappingURL=style.css.map */