/*! normalize.css v3.0.2 | MIT License | git.io/normalize */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */

body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */

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

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

audio,
canvas,
progress,
video {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
  display: none;
  height: 0;
}

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

[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */

/**
 * Remove the gray background color from active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
  outline: 0;
}

/* Text-level semantics
   ========================================================================== */

/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */

abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */

b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */

dfn {
  font-style: italic;
}

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

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */

mark {
  background: #ff0;
  color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove border when inside `a` element in IE 8/9/10.
 */

img {
  border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */

svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari.
 */

figure {
  margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */

pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
   ========================================================================== */

/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */

/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */

button,
input,
optgroup,
select,
textarea {
  color: inherit; /* 1 */
  font: inherit; /* 2 */
  margin: 0; /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */

button {
  overflow: visible;
}

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

button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button; /* 2 */
  cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

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

input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box; /* 2 */
  box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

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

legend {
  border: 0; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */

textarea {
  overflow: auto;
}

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

optgroup {
  font-weight: bold;
}

/* Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

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

td,
th {
  padding: 0;
}

/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-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)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.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}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(../../clientlibs/third_party/owl-carousel/owl-carousel-2.3.4/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
@charset "UTF-8";

/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license

Copyright (c) 2013 Daniel Eden

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  40% {
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  60% {
    -webkit-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
}

@-webkit-keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

@keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  50% {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

@-webkit-keyframes rubberBand {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  30% {
    -webkit-transform: scaleX(1.25) scaleY(0.75);
    transform: scaleX(1.25) scaleY(0.75);
  }

  40% {
    -webkit-transform: scaleX(0.75) scaleY(1.25);
    transform: scaleX(0.75) scaleY(1.25);
  }

  60% {
    -webkit-transform: scaleX(1.15) scaleY(0.85);
    transform: scaleX(1.15) scaleY(0.85);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes rubberBand {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  30% {
    -webkit-transform: scaleX(1.25) scaleY(0.75);
    -ms-transform: scaleX(1.25) scaleY(0.75);
    transform: scaleX(1.25) scaleY(0.75);
  }

  40% {
    -webkit-transform: scaleX(0.75) scaleY(1.25);
    -ms-transform: scaleX(0.75) scaleY(1.25);
    transform: scaleX(0.75) scaleY(1.25);
  }

  60% {
    -webkit-transform: scaleX(1.15) scaleY(0.85);
    -ms-transform: scaleX(1.15) scaleY(0.85);
    transform: scaleX(1.15) scaleY(0.85);
  }

  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}

.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}

@-webkit-keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
}

@keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
  }
}

.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  40% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  60% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  80% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }

  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  40% {
    -webkit-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  60% {
    -webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  80% {
    -webkit-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }

  100% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

.swing {
  -webkit-transform-origin: top center;
  -ms-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}

@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }

  100% {
    -webkit-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}

@keyframes tada {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    -ms-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    -ms-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    -ms-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }

  100% {
    -webkit-transform: scale(1) rotate(0);
    -ms-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}

.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }

  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg);
  }

  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
    transform: translateX(20%) rotate(3deg);
  }

  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg);
  }

  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg);
  }

  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg);
  }

  100% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
}

@keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }

  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
    -ms-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg);
  }

  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
    -ms-transform: translateX(20%) rotate(3deg);
    transform: translateX(20%) rotate(3deg);
  }

  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
    -ms-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg);
  }

  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
    -ms-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg);
  }

  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    -ms-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg);
  }

  100% {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
}

.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}

@-webkit-keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(.3);
    transform: scale(.3);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }

  70% {
    -webkit-transform: scale(.9);
    transform: scale(.9);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(.3);
    -ms-transform: scale(.3);
    transform: scale(.3);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
  }

  70% {
    -webkit-transform: scale(.9);
    -ms-transform: scale(.9);
    transform: scale(.9);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}

.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
  }

  80% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px);
  }

  80% {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
  }

  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

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

  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
  }

  80% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    -ms-transform: translateX(30px);
    transform: translateX(30px);
  }

  80% {
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}

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

  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    transform: translateX(-30px);
  }

  80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    transform: translateX(-30px);
  }

  80% {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  80% {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  80% {
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);
  }

  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  25% {
    -webkit-transform: scale(.95);
    transform: scale(.95);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.3);
    transform: scale(.3);
  }
}

@keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  25% {
    -webkit-transform: scale(.95);
    -ms-transform: scale(.95);
    transform: scale(.95);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.3);
    -ms-transform: scale(.3);
    transform: scale(.3);
  }
}

.bounceOut {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

@keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

@keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

@keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

@keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

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

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

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

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
}

@keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }
}

.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }
}

@keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }
}

.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }
}

@keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }
}

.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}

@keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  100% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@keyframes flip {
  0% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  100% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

.animated.flip {
  -webkit-backface-visibility: visible;
  -ms-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}

@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}

@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    -ms-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    -ms-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}

.flipInX {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}

@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}

@keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    -ms-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    -ms-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}

.flipInY {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}

@keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}

.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}

@keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}

.flipOutY {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
  0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
    transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}

@keyframes lightSpeedIn {
  0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
    -ms-transform: translateX(-20%) skewX(30deg);
    transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    -ms-transform: translateX(0%) skewX(-15deg);
    transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}

.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
  0% {
    -webkit-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
}

@keyframes lightSpeedOut {
  0% {
    -webkit-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
}

.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
  0% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateIn {
  0% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    -ms-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
  0% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0;
  }
}

@keyframes rotateOut {
  0% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(200deg);
    -ms-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0;
  }
}

.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}

@-webkit-keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}

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

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

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

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

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

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

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

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

@-webkit-keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

@keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

@keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

@keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}

@-webkit-keyframes slideInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes slideInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

@keyframes slideOutDown {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}

@-webkit-keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40% {
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    transform: rotate(60deg) translateY(0);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  100% {
    -webkit-transform: translateY(700px);
    transform: translateY(700px);
    opacity: 0;
  }
}

@keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate(80deg);
    -ms-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40% {
    -webkit-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    -ms-transform: rotate(60deg) translateY(0);
    transform: rotate(60deg) translateY(0);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  100% {
    -webkit-transform: translateY(700px);
    -ms-transform: translateY(700px);
    transform: translateY(700px);
    opacity: 0;
  }
}

.hinge {
  -webkit-animation-name: hinge;
  animation-name: hinge;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
}

@keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    -ms-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
}

.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
    transform: translateX(100%) rotate(120deg);
  }
}

@keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
    -ms-transform: translateX(100%) rotate(120deg);
    transform: translateX(100%) rotate(120deg);
  }
}

.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}

@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(.3);
    transform: scale(.3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(.3);
    -ms-transform: scale(.3);
    transform: scale(.3);
  }

  50% {
    opacity: 1;
  }
}

.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale(.1) translateY(-2000px);
    transform: scale(.1) translateY(-2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  60% {
    opacity: 1;
    -webkit-transform: scale(.475) translateY(60px);
    transform: scale(.475) translateY(60px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}

@keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale(.1) translateY(-2000px);
    -ms-transform: scale(.1) translateY(-2000px);
    transform: scale(.1) translateY(-2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  60% {
    opacity: 1;
    -webkit-transform: scale(.475) translateY(60px);
    -ms-transform: scale(.475) translateY(60px);
    transform: scale(.475) translateY(60px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}

.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale(.1) translateX(-2000px);
    transform: scale(.1) translateX(-2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  60% {
    opacity: 1;
    -webkit-transform: scale(.475) translateX(48px);
    transform: scale(.475) translateX(48px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}

@keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale(.1) translateX(-2000px);
    -ms-transform: scale(.1) translateX(-2000px);
    transform: scale(.1) translateX(-2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  60% {
    opacity: 1;
    -webkit-transform: scale(.475) translateX(48px);
    -ms-transform: scale(.475) translateX(48px);
    transform: scale(.475) translateX(48px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}

.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale(.1) translateX(2000px);
    transform: scale(.1) translateX(2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  60% {
    opacity: 1;
    -webkit-transform: scale(.475) translateX(-48px);
    transform: scale(.475) translateX(-48px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}

@keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale(.1) translateX(2000px);
    -ms-transform: scale(.1) translateX(2000px);
    transform: scale(.1) translateX(2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  60% {
    opacity: 1;
    -webkit-transform: scale(.475) translateX(-48px);
    -ms-transform: scale(.475) translateX(-48px);
    transform: scale(.475) translateX(-48px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}

.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale(.1) translateY(2000px);
    transform: scale(.1) translateY(2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  60% {
    opacity: 1;
    -webkit-transform: scale(.475) translateY(-60px);
    transform: scale(.475) translateY(-60px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}

@keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale(.1) translateY(2000px);
    -ms-transform: scale(.1) translateY(2000px);
    transform: scale(.1) translateY(2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  60% {
    opacity: 1;
    -webkit-transform: scale(.475) translateY(-60px);
    -ms-transform: scale(.475) translateY(-60px);
    transform: scale(.475) translateY(-60px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}

.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  50% {
    opacity: 0;
    -webkit-transform: scale(.3);
    transform: scale(.3);
  }

  100% {
    opacity: 0;
  }
}

@keyframes zoomOut {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  50% {
    opacity: 0;
    -webkit-transform: scale(.3);
    -ms-transform: scale(.3);
    transform: scale(.3);
  }

  100% {
    opacity: 0;
  }
}

.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale(.475) translateY(-60px);
    transform: scale(.475) translateY(-60px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translateY(2000px);
    transform: scale(.1) translateY(2000px);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }
}

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale(.475) translateY(-60px);
    -ms-transform: scale(.475) translateY(-60px);
    transform: scale(.475) translateY(-60px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translateY(2000px);
    -ms-transform: scale(.1) translateY(2000px);
    transform: scale(.1) translateY(2000px);
    -webkit-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom;
  }
}

.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale(.475) translateX(42px);
    transform: scale(.475) translateX(42px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translateX(-2000px);
    transform: scale(.1) translateX(-2000px);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale(.475) translateX(42px);
    -ms-transform: scale(.475) translateX(42px);
    transform: scale(.475) translateX(42px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translateX(-2000px);
    -ms-transform: scale(.1) translateX(-2000px);
    transform: scale(.1) translateX(-2000px);
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center;
  }
}

.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
}

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale(.475) translateX(-42px);
    transform: scale(.475) translateX(-42px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translateX(2000px);
    transform: scale(.1) translateX(2000px);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale(.475) translateX(-42px);
    -ms-transform: scale(.475) translateX(-42px);
    transform: scale(.475) translateX(-42px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translateX(2000px);
    -ms-transform: scale(.1) translateX(2000px);
    transform: scale(.1) translateX(2000px);
    -webkit-transform-origin: right center;
    -ms-transform-origin: right center;
    transform-origin: right center;
  }
}

.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
}

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale(.475) translateY(60px);
    transform: scale(.475) translateY(60px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translateY(-2000px);
    transform: scale(.1) translateY(-2000px);
    -webkit-transform-origin: center top;
    transform-origin: center top;
  }
}

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale(.475) translateY(60px);
    -ms-transform: scale(.475) translateY(60px);
    transform: scale(.475) translateY(60px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translateY(-2000px);
    -ms-transform: scale(.1) translateY(-2000px);
    transform: scale(.1) translateY(-2000px);
    -webkit-transform-origin: center top;
    -ms-transform-origin: center top;
    transform-origin: center top;
  }
}

.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
}
/* HM Group Less Imports */
/* Inspiration: https://github.com/twbs/bootstrap/blob/master/less/variables.less */
/* PATHS */
/* COLORS */
/* Element coloring */
/* LAYOUT */
/*
Device screen sizes

Small devices (large phones, 480px and up) sm-
Usage:
@media (min-width: @screen-sm-min) {

}

Medium devices (tablets, 768px and up) md-
Usage:
@media (min-width: @screen-md-min) {

}

Large devices (desktops, 992px and up) lg-
Usage:
@media (min-width: @screen-lg-min) {

}

Wide devices (large desktops, 1500px and up) xl-
Usage:
@media (min-width: @screen-xl-min) {

}
*/
/* Media query breakpoints */
/* Additional breakpoint for smooth transitions between screen-lg-min and screen-xl-min */
/* Vertical breakpoint for small laptops and such */
/* Wrapper */
/* A page's side-margin exactly at the biggest breakpoint */
/* Grid system (for desktop) */
/* Full grid width: 66*15 + 25*14 = 1340 px */
/* Grid spans */
/* Element sizing */
/* FONTS
Documentation: http://bitbucket.hm.com/projects/HMCDN/repos/fonts/browse
Demo: http://s1-cdn.hm.com/global/hm-fonts/1.25.7/docs/index.html
*/
/* Typography */
/* Base for computing rem units, should be same as base font size */
/* Font stacks */
/* HM Ampersand */
/* HM Ampersand Light */
/* HM Ampersand Display */
/* HM Amperserif Display */
/* HM Amperserif Text */
/* use !important to prevent issues with browser extensions that change fonts */
/* Font coloring */
/* Iconography */
/* ANIMATION AND EFFECTS */
/* Z-INDEXES */
/* Vendor prefixes */
/* http://caniuse.com/#feat=transforms2d */
/* http://caniuse.com/#feat=css-filters */
/* http://caniuse.com/#search=column */
/* Typography */
/* dp = Device independent pixel */
/* Elements */
/* Positioning */
/* Block element centered both horizontally and vertically */
.centered,
.checkbox.checked:after,
.t-gallery .c-promotion-image,
.t-gallery li.gallery-item figure img,
.t-gallery li.gallery-item figure img.video-icon,
.featherlight.cart-lightbox .checkbox-terms.checked:after,
.terms-of-use,
.terms-of-use .checkbox-terms.checked:after,
.c-video-teaser .plate,
.related-media-lightbox .actions,
.related-media-lightbox .video-icon,
.c-brands-teaser img.logo,
.c-contact-us .details-wrapper .load-indicator,
.checkbox-wrapper input[type="checkbox"]:checked ~ .checkbox:after {
  left: 50%;
  position: absolute;
  top: 50%;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
/* Helper classes */
.clearfix,
.terms-of-use,
.c-key-figures .key-value-cards,
.c-search #search-results > li {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after,
.terms-of-use:before,
.terms-of-use:after,
.c-key-figures .key-value-cards:before,
.c-key-figures .key-value-cards:after,
.c-search #search-results > li:before,
.c-search #search-results > li:after {
  content: " ";
  display: table;
}
.clearfix:after,
.terms-of-use:after,
.c-key-figures .key-value-cards:after,
.c-search #search-results > li:after {
  clear: both;
}
@media (max-width: 479px) {
  .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-md {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1499px) {
  .hidden-lg {
    display: none !important;
  }
}
@media (min-width: 1500px) {
  .hidden-xl {
    display: none !important;
  }
}
/*
 * Hide visually and from screen readers
 */
.hidden {
  display: none !important;
}
/*
 * Hide only visually, but have it available for screen readers:
 * http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 */
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
/* Floats */
.fl {
  float: left;
}
.fr {
  float: right;
}
/* Text formatting */
.nowrap {
  white-space: nowrap;
}
/*
 * Blocks with a dark overlay.
 * Note! Gets broken when used in combination with .clearfix applied to the same element
 */
.overlayed:before {
  background-color: #000;
  content: "";
  opacity: .15;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
/* HM Group design */
/* Generic HTML-elements */
body {
  overflow-x: hidden;
}
div,
header,
section,
main,
footer,
nav,
p {
  box-sizing: border-box;
}
nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
a:hover,
a:visited:hover {
  text-decoration: none;
}
/* LAYOUT */
.wrapper {
  margin: 0 3.5%;
  width: 93%;
}
@media (min-width: 992px) {
  .wrapper {
    margin: 0 5.33333333%;
    width: 89.33333333%;
  }
}
@media (min-width: 1500px) {
  .wrapper {
    margin: 0 auto;
    max-width: 1340px;
  }
}
main {
  min-height: 600px;
}
/* Main content */
/* Note: This rule has a fix in author/author-edit, please update accordingly if changed */
main > section {
  background-color: #ffffff;
  padding: 20px 0 40px;
}
main > section.shaded,
.c-contact-us .shaded,
.c-subscribe-email {
  background-color: #f5f5f5;
}
main > section.dark {
  background-color: #2c2c2c;
  color: #ffffff;
}
main > section.dark a {
  color: #ffffff;
}
main > section.dark .heading-link:hover {
  color: #ffffff;
}
@media (min-width: 768px) {
  main > section {
    padding: 44px 0 50px;
  }
}
main > section .heading-link {
  text-decoration: none;
}
main section .bottom-pane {
  padding: 30px 0 0;
  text-align: center;
}
@media (min-width: 480px) {
  main section .bottom-pane:not(.h-centered) {
    text-align: right;
  }
}
section.breadcrumbs {
  padding: 0;
}
/* Articles */
section.article {
  padding: 0 0 50px;
}
@media (min-width: 768px) {
  section.article {
    padding: 0 0 70px;
  }
}
article header .date {
  color: #000000;
  font-family: "HM Ampersand Display Regular", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-size: 0.82352941rem;
  margin: 35px 0 50px;
  text-align: center;
  text-transform: uppercase;
}
article header .date:after {
  content: '';
  display: block;
  margin-top: 12px;
  border-bottom: 1px solid #8d8d8d;
  margin-left: auto;
  margin-right: auto;
  max-width: 250px;
}
@media (min-width: 480px) {
  article header .date {
    margin: 40px 0 55px;
  }
}
@media (min-width: 768px) {
  article header .date {
    margin: 50px 0 65px;
  }
}
@media (min-width: 992px) {
  article header .date {
    margin: 60px 0 75px;
  }
}
article header .separator {
  border-bottom: 1px solid #8d8d8d;
  margin-left: auto;
  margin-right: auto;
  max-width: 250px;
  margin: 35px auto 50px;
}
@media (min-width: 480px) {
  article header .separator {
    margin: 40px auto 55px;
  }
}
@media (min-width: 768px) {
  article header .separator {
    margin: 50px auto 65px;
  }
}
@media (min-width: 992px) {
  article header .separator {
    margin: 60px auto 75px;
  }
}
@media (min-width: 992px) {
  article .social-sharing {
    margin-top: 0;
    min-width: 150px;
    position: absolute;
    right: -11px;
    top: 166px;
  }
  article .social-sharing .share-btn-container {
    clear: left;
    float: right;
    line-height: 1;
    margin: 0;
    padding-top: 0;
    position: relative;
    right: 10px;
  }
  article .social-sharing .share-btn-container.active {
    border-top: 0;
    width: auto !important;
  }
  article .social-sharing .share-btn-container.FacebookWidget {
    top: 14px;
  }
  article .social-sharing .share-btn-container.PinterestWidget {
    top: 52px;
  }
  article .social-sharing .share-btn-container.TwitterWidget {
    top: 90px;
  }
  article .social-sharing .share-btn-container.LinkedInWidget {
    top: 128px;
  }
  article .social-sharing .share-btn-container.EmailWidget {
    top: 166px;
  }
  article .social-sharing .title {
    float: right;
    font-size: 13px;
    font-size: 0.76470588rem;
    margin-right: -30px;
    padding-bottom: 0;
    width: 82px;
  }
  article .social-sharing ul {
    clear: right;
    float: right;
    margin-top: 13px;
  }
  article .social-sharing li {
    display: list-item;
    line-height: 1;
    margin-bottom: 16px;
    margin-right: 0;
  }
}
@media (min-width: 1220px) {
  article .social-sharing {
    right: -80px;
  }
}
/* Images */
figure {
  margin: 0;
}
figure img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
}
/* Footer */
footer {
  clear: left;
}
/* Loading indicator */
.load-indicator {
  display: none;
  background: url('framework/images/ajax-loader.gif') no-repeat center;
  height: 48px;
}
.load-indicator.visible {
  display: block;
}
/* Typography elements */
@font-face {
  font-family: 'hmgroup-icons';
  src: url('framework/fonts/hmgroup-icons.ttf?v1.1') format('truetype'), url('framework/fonts/hmgroup-icons.woff?v1.1') format('woff'), url('framework/fonts/hmgroup-icons.svg?v1.1#hm-group') format('svg');
  font-weight: normal;
  font-style: normal;
}
html {
  color: #2c2c2c;
  font: 17px/1.5 "HM Ampersand Light", Helvetica, Arial, sans-serif;
  letter-spacing: .3px;
}
h1,
h2,
h3,
h4 {
  font-weight: normal;
  overflow: hidden;
  text-overflow: ellipsis;
}
h1,
h2 {
  font-family: "HM Amperserif Display Regular", Didot, Georgia, serif;
  letter-spacing: 1px;
  text-align: center;
  text-transform: uppercase;
}
h1 {
  font-size: 28px;
  font-size: 1.64705882rem;
  line-height: 1.4;
}
@media (min-width: 480px) {
  h1 {
    font-size: 32px;
    font-size: 1.88235294rem;
  }
}
@media (min-width: 768px) {
  h1 {
    font-size: 38px;
    font-size: 2.23529412rem;
  }
}
@media (min-width: 992px) {
  h1 {
    font-size: 45px;
    font-size: 2.64705882rem;
  }
}
h2 {
  font-size: 25px;
  font-size: 1.47058824rem;
  margin: 18px 0;
}
@media (min-width: 480px) {
  h2 {
    font-size: 28px;
    font-size: 1.64705882rem;
  }
}
h3 {
  font-family: "HM Amperserif Display Regular", Didot, Georgia, serif;
  font-size: 21px;
  font-size: 1.23529412rem;
  letter-spacing: .5px;
  margin: 6px 0;
  text-transform: uppercase;
}
@media (min-width: 480px) {
  h3 {
    font-size: 23px;
    font-size: 1.35294118rem;
  }
}
h4 {
  font-family: "HM Ampersand Regular", Helvetica, Arial, sans-serif;
  font-size: 20px;
  font-size: 1.17647059rem;
  letter-spacing: 1px;
  margin: 6px 0;
  text-transform: uppercase;
}
p {
  margin: 1em 0;
}
strong,
b {
  font-family: "HM Ampersand Bold", Helvetica, Arial, sans-serif;
  font-weight: normal;
  /* Address extra bolding in Firefox */
}
th {
  font-family: "HM Ampersand Demi Bold", Helvetica, Arial, sans-serif;
  font-weight: normal;
  /* Address extra bolding in Firefox */
}
em,
i {
  font-family: "HM Ampersand Light Italic", Helvetica, Arial, sans-serif;
}
a {
  color: #2c2c2c;
}
a:hover {
  color: #8d8d8d;
}
figcaption {
  font-family: "HM Ampersand Display Light", Helvetica, Arial, sans-serif;
  text-align: center;
}
.date {
  /* TODO: Document this - how and where is it used */
  color: #6f6f6f;
  text-transform: uppercase;
}
article h1 {
  line-height: 1.2;
  margin-bottom: -5px;
  margin-top: 48px;
}
article h2,
article h3 {
  text-align: center;
}
article blockquote {
  font-family: "HM Amperserif Italic", Didot, Georgia, serif;
  font-size: 20px;
  font-size: 1.17647059rem;
  letter-spacing: .5px;
  margin: 0.75em 0;
  text-align: center;
}
@media (min-width: 768px) {
  article h2,
  article h3,
  article p,
  article ul,
  article ol {
    padding: 0 50px;
  }
  article blockquote {
    font-size: 26px;
    font-size: 1.52941176rem;
    margin: 1em 0;
  }
  article table {
    margin: 15px 50px;
  }
  article table h2,
  article table h3,
  article table p,
  article table ul,
  article table ol {
    padding: 0;
  }
}
@media (min-width: 992px) {
  article h2,
  article h3,
  article p,
  article ul,
  article ol {
    padding: 0 80px;
  }
  article blockquote {
    font-size: 30px;
    font-size: 1.76470588rem;
    margin: 1.5em 0;
  }
  article table {
    margin: 15px 80px;
  }
  article table h2,
  article table h3,
  article table p,
  article table ul,
  article table ol {
    padding: 0;
  }
}
.c-text-image ul,
.c-featured-content ul,
.c-media-teaser ul,
.c-text-image ol,
.c-featured-content ol,
.c-media-teaser ol {
  font-size: 15px;
  font-size: 0.88235294rem;
  margin-bottom: 3px;
}
.c-text-image li,
.c-featured-content li,
.c-media-teaser li {
  left: 1rem;
  margin-right: 1rem;
  position: relative;
  text-indent: -1.1rem;
}
.c-text-image ul li,
.c-featured-content ul li,
.c-media-teaser ul li {
  list-style-type: none;
}
.c-text-image ul li:before,
.c-featured-content ul li:before,
.c-media-teaser ul li:before {
  content: '\2022';
  color: #5b5b5b;
  font-size: 1.3em;
  line-height: 1em;
  padding-right: .6rem;
}
.c-text-image ol,
.c-featured-content ol,
.c-media-teaser ol {
  counter-reset: li;
  list-style: none;
}
.c-text-image ol li:before,
.c-featured-content ol li:before,
.c-media-teaser ol li:before {
  content: counter(li) ".";
  counter-increment: li;
  padding-right: .5rem;
}
/*
Available H&M icons: http://s1-cdn.hm.com/global/hm-fonts/1.25.7/docs/index.html#hm-icon-font
*/
[class^="icon-"],
[class*=" icon-"],
.icon,
[class^="hmgroup-icon-"],
[class*=" hmgroup-icon-"],
.hmgroup-icon,
.c-our-websites a[target="_blank"]:after,
.c-related-content .links a[target="_blank"]:after,
.btn[target="_blank"]:after,
body > footer a[href*="twitter.com"]:before,
.c-follow-us a[href*="twitter.com"]:before,
body > footer a[href*="facebook.com"]:before,
.c-follow-us a[href*="facebook.com"]:before,
body > footer a[href*="linkedin.com"]:before,
.c-follow-us a[href*="linkedin.com"]:before,
body > footer a[href*="plus.google.com"]:before,
.c-follow-us a[href*="plus.google.com"]:before,
body > footer a[href*="instagram.com"]:before,
.c-follow-us a[href*="instagram.com"]:before,
body > footer a[href*="snapchat.com"]:before,
.c-follow-us a[href*="snapchat.com"]:before,
body > footer a[href*="youtube.com"]:before,
.c-follow-us a[href*="youtube.com"]:before,
body > footer a[href*="pinterest.com"]:before,
.c-follow-us a[href*="pinterest.com"]:before,
.c-featured-content .subscribe-rss li:before,
.c-reports-presentation h2:after {
  font-size: 20px;
  font-size: 1.17647059rem;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  display: inline;
  speak: none;
  text-decoration: none;
  vertical-align: middle;
  /* Better Font Rendering */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility !important;
}
[class^="hmgroup-icon-"],
[class*=" hmgroup-icon-"],
.hmgroup-icon,
.c-our-websites a[target="_blank"]:after,
.c-related-content .links a[target="_blank"]:after,
.btn[target="_blank"]:after {
  font-family: 'hmgroup-icons';
}
[class^="icon-"],
[class*=" icon-"],
.icon,
body > footer a[href*="twitter.com"]:before,
.c-follow-us a[href*="twitter.com"]:before,
body > footer a[href*="facebook.com"]:before,
.c-follow-us a[href*="facebook.com"]:before,
body > footer a[href*="linkedin.com"]:before,
.c-follow-us a[href*="linkedin.com"]:before,
body > footer a[href*="plus.google.com"]:before,
.c-follow-us a[href*="plus.google.com"]:before,
body > footer a[href*="instagram.com"]:before,
.c-follow-us a[href*="instagram.com"]:before,
body > footer a[href*="snapchat.com"]:before,
.c-follow-us a[href*="snapchat.com"]:before,
body > footer a[href*="youtube.com"]:before,
.c-follow-us a[href*="youtube.com"]:before,
body > footer a[href*="pinterest.com"]:before,
.c-follow-us a[href*="pinterest.com"]:before,
.c-featured-content .subscribe-rss li:before,
.c-reports-presentation h2:after {
  font-family: 'HM Icon Font';
}
.header-icon-touch:before {
  display: block;
  height: 50px;
  line-height: 50px;
  text-align: center;
  width: 50px;
}
.hmgroup-icon-menu:before {
  content: "\e901";
  font-size: 29.5px;
}
.hmgroup-icon-play-video:before {
  content: "\e908";
}
.hmgroup-icon-download:before {
  content: "\e903";
}
.hmgroup-icon-external-link:before,
.c-our-websites a[target="_blank"]:after,
.c-related-content .links a[target="_blank"]:after,
.btn[target="_blank"]:after {
  content: "\e906";
  display: inline-block;
  font-size: 14.1px;
  font-size: 0.82941176rem;
  margin-right: 0;
  padding-left: 9px;
  position: relative;
  top: -3px;
}
.hmgroup-icon-close:before {
  content: "\e907";
}
.icon-facebook:before {
  content: "\E911";
}
.icon-pinterest:before {
  content: "\E915";
}
.icon-twitter:before {
  content: "\E917";
}
.icon-linkedin:before {
  content: "\E939";
}
.icon-email:before {
  content: "\E909";
}
.icon-arrow-left:before {
  content: "\E937";
}
.icon-arrow-right:before {
  content: "\E901";
}
.icon-search:before {
  content: "\E90f";
}
.icon-chevron-down:before {
  content: "\E922";
}
.icon-chevron-up {
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.icon-chevron-up:before {
  content: "\E922";
}
.icon-close:before {
  content: "\E904";
}
.icon-plus:before,
.c-board-presentation .toggle-details em:before,
.c-contact-us .toggle-details em:before {
  content: "\E90d";
}
.icon-minus:before,
.c-board-presentation li > a.expanded .toggle-details em:before,
.c-contact-us li > a.expanded .toggle-details em:before {
  content: "\E90a";
}
.icon-globe:before {
  content: "\E940";
}
/* External links icon */
/* Social icons in footer and in Follow us component */
body > footer a[href*="twitter.com"]:before,
.c-follow-us a[href*="twitter.com"]:before,
body > footer a[href*="facebook.com"]:before,
.c-follow-us a[href*="facebook.com"]:before,
body > footer a[href*="linkedin.com"]:before,
.c-follow-us a[href*="linkedin.com"]:before,
body > footer a[href*="plus.google.com"]:before,
.c-follow-us a[href*="plus.google.com"]:before,
body > footer a[href*="instagram.com"]:before,
.c-follow-us a[href*="instagram.com"]:before,
body > footer a[href*="snapchat.com"]:before,
.c-follow-us a[href*="snapchat.com"]:before,
body > footer a[href*="youtube.com"]:before,
.c-follow-us a[href*="youtube.com"]:before,
body > footer a[href*="pinterest.com"]:before,
.c-follow-us a[href*="pinterest.com"]:before {
  color: #cdcdcd;
  display: inline-block;
  position: relative;
  top: -2px;
  transition: color 0.2s ease-out;
}
body > footer a[href*="facebook.com"]:before,
.c-follow-us a[href*="facebook.com"]:before {
  content: "\E911";
}
body > footer a[href*="twitter.com"]:before,
.c-follow-us a[href*="twitter.com"]:before {
  content: "\E917";
}
body > footer a[href*="linkedin.com"]:before,
.c-follow-us a[href*="linkedin.com"]:before {
  content: "\E939";
}
body > footer a[href*="plus.google.com"]:before,
.c-follow-us a[href*="plus.google.com"]:before {
  content: "\E913";
}
body > footer a[href*="instagram.com"]:before,
.c-follow-us a[href*="instagram.com"]:before {
  content: "\E914";
}
body > footer a[href*="snapchat.com"]:before,
.c-follow-us a[href*="snapchat.com"]:before {
  /* Can be changed to HM Global Icon Font when icon is available there */
  content: "\e910";
  font-family: 'hmgroup-icons';
  top: -3px;
}
body > footer a[href*="pinterest.com"]:before,
.c-follow-us a[href*="pinterest.com"]:before {
  content: "\E915";
}
body > footer a[href*="youtube.com"]:before,
.c-follow-us a[href*="youtube.com"]:before {
  content: "\E91c";
}
body > footer a[href*="twitter.com"]:before,
body > footer a[href*="facebook.com"]:before,
body > footer a[href*="linkedin.com"]:before,
body > footer a[href*="plus.google.com"]:before,
body > footer a[href*="instagram.com"]:before,
body > footer a[href*="snapchat.com"]:before,
body > footer a[href*="youtube.com"]:before,
body > footer a[href*="pinterest.com"]:before {
  margin-right: 10px;
  left: 1px;
  /* Fixes cropped icons in some viewports in Chrome */
}
.c-follow-us a[href*="plus.google.com"]:before {
  font-size: 30px !important;
  top: -5px;
}
/* Buttons */
/* Default */
.btn {
  border: 2px solid #2c2c2c;
  color: #2c2c2c;
  display: inline-block;
  font-family: "HM Ampersand Bold", Helvetica, Arial, sans-serif;
  font-size: 13px;
  font-size: 0.76470588rem;
  letter-spacing: 1px;
  padding: 13px 25px;
  text-decoration: none;
  text-transform: uppercase;
  transition: 0.15s;
}
.btn.disabled {
  border-color: #8d8d8d;
  color: #8d8d8d !important;
  cursor: default;
}
.no-touchevents .btn:not(.disabled):hover {
  background: #2c2c2c;
  color: #ffffff;
}
.btn:after {
  content: "\E901";
  display: inline-block;
  font-family: 'HM Icon Font';
  font-size: 17px;
  font-size: 1rem;
  font-weight: normal;
  line-height: 0;
  margin-right: -6px;
  padding-left: 3px;
  position: relative;
  top: 4px;
}
.btn-inverse {
  border-color: #ffffff;
  color: #ffffff;
}
.no-touchevents .btn-inverse:not(.disabled):hover {
  background: #ffffff;
  color: #2c2c2c;
}
.btn-load-more:after,
.btn-add:after {
  content: "\E90d";
  font-size: 22px;
  font-size: 1.29411765rem;
  top: 6px;
}
.btn-download:after {
  content: "\e903";
  font-family: 'hmgroup-icons';
  margin-right: -1px;
  padding-left: 10px;
  top: 3px;
}
/* Special */
.tag-btn {
  /* TODO: Check color */
  border: 1px solid #cdcdcd;
  border-radius: 4px;
  display: inline-block;
  font-family: "HM Ampersand Demi Bold", Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-size: 0.70588235rem;
  margin: 8px;
  padding: 7px 14px;
  text-decoration: none;
  transition: background-color 0.15s ease-out;
}
.tag-btn:hover {
  background-color: #cdcdcd;
  color: #000000;
}
@media (min-width: 480px) {
  .tag-btn {
    padding: 7px 22px;
  }
}
@media (min-width: 768px) {
  .tag-btn {
    margin: 10px;
  }
}
.tag-btn-inverse {
  background: #2c2c2c;
  border-color: #2c2c2c;
  color: #ffffff;
}
.tag-btn-inverse:hover {
  background: #2c2c2c;
  border-color: #2c2c2c;
  color: #ffffff;
}
select {
  border: 1px solid #cdcdcd;
  font-family: "HM Ampersand Demi Bold", Helvetica, Arial, sans-serif;
  font-size: 13px;
  font-size: 0.76470588rem;
  height: 35px;
  min-width: 90px;
  padding: 7px;
}
input {
  border-radius: 0;
}
label {
  display: block;
  font-family: "HM Ampersand Display Bold", Helvetica, Arial, sans-serif;
  font-size: .8rem;
  margin-bottom: 30px;
  text-transform: uppercase;
}
/* Custom checkboxes */
.checkbox {
  background-color: #ffffff;
  border: 1px solid #cdcdcd;
  box-sizing: content-box;
  cursor: pointer;
  float: right;
  margin-top: 15px;
  padding-top: 23%;
  position: relative;
  width: 23%;
}
@media (min-width: 1220px) {
  .checkbox {
    height: 42px;
    padding-top: 0;
    width: 42px;
  }
}
.checkbox.checked,
.checkbox-wrapper input[type="checkbox"]:checked ~ .checkbox {
  background-color: #2c2c2c;
  border-color: #2c2c2c;
}
.checkbox.checked:after,
.checkbox-wrapper input[type="checkbox"]:checked ~ .checkbox:after {
  color: #ffffff;
  content: '\2713';
  display: block;
  font-size: 25px;
  font-size: 1.47058824rem;
}
.checkbox-wrapper {
  position: relative;
}
.checkbox-wrapper input[type="checkbox"] {
  position: absolute;
  visibility: hidden;
}
.checkbox-wrapper input[type="checkbox"]:checked ~ .checkbox:after {
  font-size: 16px;
  font-size: 0.94117647rem;
}
.checkbox-wrapper label {
  cursor: pointer;
  font-family: "HM Ampersand Display Regular", Helvetica, Arial, sans-serif;
  margin-bottom: 0;
  padding-left: 30px;
  position: relative;
  text-transform: none;
  z-index: 9;
}
.checkbox-wrapper .checkbox {
  height: 17px;
  margin-top: 0;
  padding-top: 0;
  position: absolute;
  top: 0;
  width: 17px;
  z-index: 5;
}
.checkbox-wrapper.error .checkbox {
  border-color: #c41f24;
}
/* Custom radio-buttons */
.radio-group {
  margin: 0;
  padding: 0;
}
.radio-group li {
  display: inline-block;
  position: relative;
}
.radio-group li:hover .radio {
  border-color: #6f6f6f;
}
.radio-group li:last-child label {
  padding-right: 0;
}
.radio-group.error .radio {
  border-color: #c41f24;
}
.radio-group input[type=radio] {
  position: absolute;
  visibility: hidden;
}
.radio-group input[type=radio]:checked ~ .radio::before {
  background-color: #000000;
}
.radio-group label {
  cursor: pointer;
  display: block;
  font-family: "HM Ampersand Display Regular", Helvetica, Arial, sans-serif;
  font-size: 1rem;
  height: 1.5em;
  margin-bottom: 0;
  padding: 0 25px 0 30px;
  position: relative;
  text-transform: none;
  z-index: 9;
}
.radio-group .radio {
  background-color: #ffffff;
  border: 1px solid #acacac;
  border-radius: 100%;
  display: block;
  height: 20px;
  left: 0;
  position: absolute;
  top: 2px;
  width: 20px;
  z-index: 5;
  box-sizing: border-box;
}
.radio-group .radio:before {
  border-radius: 100%;
  content: '';
  display: block;
  height: 8px;
  left: 5px;
  position: absolute;
  top: 5px;
  width: 8px;
}
/**
 * Featherlight – ultra slim jQuery lightbox
 * Version 1.3.5 - http://noelboss.github.io/featherlight/
 *
 * Copyright 2015, Noël Raoul Bossart (http://www.noelboss.com)
 * MIT Licensed.
**/
@media all {
  .featherlight {
    display: none;
    /* dimensions: spanning the background from edge to edge */
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2147483647;
    /* z-index needs to be >= elements on the site. */
    /* position: centering content */
    text-align: center;
    /* insures that the ::before pseudo element doesn't force wrap with fixed width content; */
    white-space: nowrap;
    /* styling */
    cursor: pointer;
    background: #333;
    /* IE8 "hack" for nested featherlights */
    background: rgba(0, 0, 0, 0);
  }
  /* support for nested featherlights. Does not work in IE8 (use JS to fix) */
  .featherlight:last-of-type {
    background: rgba(0, 0, 0, 0.8);
  }
  .featherlight:before {
    /* position: trick to center content vertically */
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -0.25em;
  }
  .featherlight .featherlight-content {
    /* make content container for positioned elements (close button) */
    position: relative;
    /* position: centering vertical and horizontal */
    text-align: left;
    vertical-align: middle;
    display: inline-block;
    /* dimensions: cut off images */
    overflow: auto;
    padding: 25px 25px 0;
    border-bottom: 25px solid transparent;
    /* dimensions: handling large content */
    margin-left: 5%;
    margin-right: 5%;
    max-height: 95%;
    /* styling */
    background: #fff;
    cursor: auto;
    /* reset white-space wrapping */
    white-space: normal;
  }
  /* contains the content */
  .featherlight .featherlight-inner {
    /* make sure its visible */
    display: block;
  }
  .featherlight .featherlight-close-icon {
    /* position: centering vertical and horizontal */
    position: absolute;
    z-index: 9999;
    top: 0;
    right: 0;
    /* dimensions: 25px x 25px */
    line-height: 25px;
    width: 25px;
    /* styling */
    cursor: pointer;
    text-align: center;
    font-family: Arial, sans-serif;
    background: #fff;
    /* Set the background in case it overlaps the content */
    background: rgba(255, 255, 255, 0.3);
    color: #000;
  }
  .featherlight .featherlight-image {
    /* styling */
    width: 100%;
  }
  .featherlight-iframe .featherlight-content {
    /* removed the border for image croping since iframe is edge to edge */
    border-bottom: 0;
    padding: 0;
  }
  .featherlight iframe {
    /* styling */
    border: none;
  }
}
/* handling phones and small screens */
@media only screen and (max-width: 1024px) {
  .featherlight .featherlight-content {
    /* dimensions: maximize lightbox with for small screens */
    margin-left: 10px;
    margin-right: 10px;
    max-height: 98%;
    padding: 10px 10px 0;
    border-bottom: 10px solid transparent;
  }
}
body.no-scroll {
  overflow-y: hidden;
}
@media (min-width: 768px) {
  .no-touchevents body.no-scroll {
    margin-right: 1rem;
  }
}
.lightbox {
  display: none;
}
.featherlight {
  cursor: default;
  height: 100vh;
  background: rgba(255, 255, 255, 0.975) !important;
  position: absolute;
}
.featherlight:before {
  margin-right: 0;
}
.featherlight .featherlight-content {
  background: transparent;
  border-bottom: none;
  margin: 0;
  max-height: 100%;
  padding: 0;
  width: 100%;
  -webkit-overflow-scrolling: touch;
}
.featherlight .featherlight-close-icon {
  background: none;
  font-size: 53px;
  font-size: 3.11764706rem;
  left: 8px;
  line-height: 32px;
  padding: 10px;
  position: fixed;
  right: auto;
  top: 8px;
  width: auto;
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.featherlight .featherlight-close-icon:hover {
  color: #8d8d8d;
}
.featherlight .featherlight-close-icon i {
  background: rgba(205, 205, 205, 0.85);
  border-radius: 50%;
  color: #ffffff;
  display: inline-block;
  font-size: 15px;
  font-size: 0.88235294rem;
  padding: 7px;
}
.featherlight .featherlight-close-icon:hover i {
  background: #8d8d8d;
}
@media (min-width: 768px) {
  .featherlight .featherlight-close-icon {
    left: auto;
    right: 30px;
    top: 20px;
  }
  .featherlight .featherlight-close-icon i {
    font-size: 14px;
    font-size: 0.82352941rem;
    padding: 11px;
  }
}
@media (min-width: 1500px) {
  .featherlight .featherlight-close-icon {
    left: calc(1340px/2 - -50%);
    right: auto;
    top: 70px;
  }
}
.featherlight .featherlight-inner {
  margin-top: 50px;
  margin-bottom: 50px;
}
/*
 * Original size of the logo, used for calculations.
 * The image is suitable for hi-res screens, so it's twice bigger from normal.
 */
/* Logo size for mobile */
/* Logo size for desktop */
/* (distance between the line and logo's text) */
/* Template header */
body > header {
  background: #fff;
  height: 64px;
  position: relative;
  top: 0;
  transition: box-shadow 0.3s;
  z-index: 40;
  /* Site logo */
  /* Site search icon */
}
.touchevents body > header {
  width: 99.9%;
  -ms-transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
body > header.is-nav-open {
  -ms-transform: none;
  -webkit-transform: none;
  transform: none;
}
@media (min-width: 768px) {
  body > header {
    height: 100px;
  }
}
body > header .logo {
  background: url('framework/images/logo.svg') left no-repeat;
  background-size: 52px;
  display: inline-block;
  height: 63px;
  position: absolute;
  text-align: center;
  text-decoration: none;
  top: 1px;
  z-index: 41;
}
body > header .logo:hover {
  color: #2c2c2c;
}
body > header .logo .logo-text {
  border-left: 1px solid silver;
  display: inline-block;
  font-family: "HM Amperserif Display Regular", Didot, Georgia, serif;
  position: relative;
  font-size: 15px;
  line-height: 30px;
  margin-left: 62px;
  padding-left: 8px;
  /* vertical centering */
  top: 50%;
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media (min-width: 992px) {
  body > header .logo {
    text-align: left;
    top: 18px;
  }
}
@media (max-width: 991px) {
  body > header .logo {
    left: 50%;
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}
@media (min-width: 1220px) {
  body > header .logo {
    background-size: 80px;
    height: 53px;
    top: 24px;
  }
  body > header .logo .logo-text {
    font-size: 24px;
    line-height: 46px;
    margin-left: 95px;
    padding-left: 15px;
  }
}
body > header .search {
  cursor: pointer;
  font-size: 22px;
  font-size: 1.29411765rem;
  position: absolute;
  right: -10px;
  top: 7px;
  width: auto;
}
@media (min-width: 768px) {
  body > header .search {
    font-size: 21px;
    font-size: 1.23529412rem;
    top: 50px;
  }
}
@media (min-width: 992px) {
  body > header .search {
    font-size: 22px;
    font-size: 1.29411765rem;
    top: 26px;
  }
}
/* Sticky header */
body.header-is-sticky {
  margin-top: 64px;
}
@media (min-width: 768px) {
  body.header-is-sticky {
    margin-top: 100px;
  }
}
body.header-is-sticky > header {
  box-shadow: 0 0 0 1px #cdcdcd;
  position: fixed;
  width: 100%;
  z-index: 50;
}
.header-inner {
  position: relative;
}
/*Admin Header*/
.hmgroup-admin-page-title {
  margin: 0;
  top: 24px;
  position: relative;
}
footer.wrapper {
  margin-top: 15px;
  padding-bottom: 40px;
}
@media (min-width: 480px) {
  footer.wrapper {
    padding-bottom: 30px;
  }
}
footer.wrapper nav {
  margin: 0 auto;
  max-width: 976px;
  position: relative;
}
@media (min-width: 480px) {
  footer.wrapper nav {
    padding: 50px 0 10px;
  }
}
footer.wrapper nav a {
  color: #2c2c2c;
  display: block;
  font-family: "HM Ampersand Display Regular", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-size: 0.82352941rem;
  overflow: hidden;
  padding: 2px 0;
  position: relative;
  text-decoration: none;
  text-overflow: ellipsis;
}
footer.wrapper nav a:hover {
  text-decoration: underline;
}
@media (min-width: 480px) {
  footer.wrapper nav a {
    font-size: 16px;
    font-size: 0.94117647rem;
  }
}
footer.wrapper nav .scroll-to-top {
  background: #f5f5f5;
  color: #8d8d8d;
  font-family: "HM Ampersand Bold", Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-size: 0.70588235rem;
  margin-bottom: 20px;
  padding: 30px 0 30px 0;
  text-align: center;
  text-transform: uppercase;
}
footer.wrapper nav .scroll-to-top:hover {
  color: #2c2c2c;
  text-decoration: none;
}
footer.wrapper nav .scroll-to-top .icon-chevron-up {
  display: block;
  font-size: 32px;
  font-size: 1.88235294rem;
  margin-bottom: -3px;
}
@media (min-width: 480px) {
  footer.wrapper nav .scroll-to-top {
    background: none;
    padding: 0;
    position: absolute;
    right: 0;
    top: 10px;
  }
}
@media (min-width: 1500px) {
  footer.wrapper nav .scroll-to-top {
    top: 38px;
    right: -36px;
  }
}
footer.wrapper nav > ul > li {
  float: left;
  margin: 1.86567164% 1.86567164% 25px;
  width: 46.26865672%;
  /* h3 without a link is deprecated in the footer. */
}
footer.wrapper nav > ul > li:nth-child(odd) {
  clear: left;
}
@media (min-width: 480px) {
  footer.wrapper nav > ul > li {
    margin-bottom: 30px;
  }
}
@media (min-width: 768px) {
  footer.wrapper nav > ul > li {
    margin-left: 0;
    margin-right: 2%;
    width: 23%;
  }
  footer.wrapper nav > ul > li:nth-child(odd) {
    clear: none;
  }
  footer.wrapper nav > ul > li:nth-child(4n+1) {
    clear: left;
  }
}
footer.wrapper nav > ul > li ul li {
  line-height: 18px;
  margin-bottom: 6px;
}
footer.wrapper nav > ul > li h3 {
  font-family: "HM Ampersand Bold", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-size: 0.82352941rem;
}
@media (min-width: 992px) {
  footer.wrapper nav > ul > li h3 {
    font-size: 15px;
    font-size: 0.88235294rem;
  }
}
footer.wrapper nav > ul > li h3 a {
  font-family: inherit;
  font-size: inherit;
  margin: 0;
}
footer.wrapper .footer-brand-logo-wrapper {
  margin: 0 auto;
  max-width: 976px;
}
footer.wrapper .footer-brand-logo-wrapper .c-footer-brand-logos {
  padding-bottom: 40px;
}
/* Cards */
/* TODO: Documentation */
.card {
  background: #ffffff;
  float: left;
  margin-top: 3.5%;
  width: 100%;
}
.card:first-child {
  margin-top: 0;
}
.card a {
  text-decoration: none;
}
.card a:hover {
  color: #2c2c2c;
}
.card a:hover img {
  opacity: 0.85;
}
.card img {
  -webkit-backface-visibility: hidden;
  display: block;
  transition: opacity 0.15s;
  width: 100%;
}
.card .text {
  padding: 7% 7% 11.6%;
  /* 30/430 30/430 50/430 in full-width layout TODO: Variables */
}
.card.no-image .text {
  padding-bottom: 22%;
  padding-top: 22%;
}
.card .labels {
  font-family: "HM Ampersand Display Light", Helvetica, Arial, sans-serif;
  font-size: 13px;
  font-size: 0.76470588rem;
  letter-spacing: 1px;
  list-style: none;
  margin: 0;
  overflow: hidden;
  padding: 0;
  text-transform: uppercase;
}
.card .labels li {
  float: left;
}
.card .labels li:before {
  content: "\000A0\00B7\000A0";
}
.card .labels li:first-child:before {
  content: "";
}
.card .labels a:hover {
  text-decoration: underline;
}
.card h3 {
  clear: left;
  line-height: 1.3;
}
.card p {
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (min-width: 480px) {
  .card {
    width: 49.06716418%;
  }
  .card:nth-child(n) {
    margin: 0 0 0 1.86567164%;
  }
  .card:nth-child(2n+1) {
    clear: left;
    margin-left: 0;
  }
  .card:nth-child(n+3) {
    margin-top: 1.86567164%;
  }
  .card h3 {
    font-size: 18px;
    font-size: 1.05882353rem;
  }
}
@media (min-width: 768px) {
  .card {
    width: 32.08955224%;
  }
  .card:nth-child(n) {
    clear: none;
    margin: 0 0 0 1.86567164%;
  }
  .card:nth-child(3n+1) {
    clear: left;
    margin-left: 0;
  }
  .card:nth-child(n+4) {
    margin-top: 1.86567164%;
  }
}
@media (min-width: 992px) {
  .card h3 {
    font-size: 21px;
    font-size: 1.23529412rem;
  }
}
table {
  /* Normalize border styles, if applied through border="" attribute on the table */
  border-style: solid;
  clear: left;
  margin: 15px 0;
  width: 100%;
  /* Normalize border styles, if applied through border="" attribute on the table */
  /* The class "responsive" on only applied to tables on mobile screens (with max-width: @screen-sm-min) */
}
table,
table th,
table td {
  border-color: #cdcdcd;
}
table th,
table td {
  padding: 4px;
  vertical-align: top;
}
table th {
  text-align: left;
}
@media (min-width: 768px) {
  table {
    width: calc(100% - 50px*2);
  }
}
@media (min-width: 992px) {
  table {
    width: calc(100% - 80px*2);
  }
}
table.responsive {
  border-width: 0;
}
table.responsive tr {
  border: 1px solid #cdcdcd;
  box-shadow: 1px 1px 3px #f5f5f5;
  display: block;
  margin-bottom: 20px;
  padding: 8px 14px;
}
table.responsive.hasheaders tr:first-child {
  display: none;
}
table.responsive th {
  display: none;
}
table.responsive td {
  border: 0;
  display: block;
  height: auto;
  padding: 2px;
  text-align: left !important;
  width: auto;
}
table.responsive .table-label {
  font-family: "HM Ampersand Regular", Helvetica, Arial, sans-serif;
}
table.responsive .table-label:after {
  content: ': ';
}
table.responsive .responsive-hidden {
  display: none !important;
}
/* Empty page template-specific styles */
/* "t-templatename" is a reserved class for the main HTML-element in a template */
.t-base .c-heading-preamble .heading-preamble-wrapper,
.t-landing .c-heading-preamble .heading-preamble-wrapper {
  margin: 0 3.5%;
  width: 93%;
}
@media (min-width: 992px) {
  .t-base .c-heading-preamble .heading-preamble-wrapper,
  .t-landing .c-heading-preamble .heading-preamble-wrapper {
    margin: 0 5.33333333%;
    width: 89.33333333%;
  }
}
@media (min-width: 1500px) {
  .t-base .c-heading-preamble .heading-preamble-wrapper,
  .t-landing .c-heading-preamble .heading-preamble-wrapper {
    margin: 0 auto;
    max-width: 1340px;
  }
}
.t-base .c-heading-preamble h1,
.t-landing .c-heading-preamble h1 {
  margin-left: auto;
  margin-right: auto;
  max-width: 976px;
}
.t-base .c-heading-preamble .preamble,
.t-landing .c-heading-preamble .preamble {
  margin: 0 auto 20px;
  max-width: 976px;
}
@media (min-width: 768px) {
  .t-base .c-heading-preamble .preamble,
  .t-landing .c-heading-preamble .preamble {
    padding: 0 50px;
  }
}
@media (min-width: 992px) {
  .t-base .c-heading-preamble .preamble,
  .t-landing .c-heading-preamble .preamble {
    padding: 0 80px;
  }
}
/* Standard page template-specific styles */
/* "t-templatename" is a reserved class for the main HTML-element in a template */
.t-standard article,
.t-calendar-event article {
  margin: 0 auto;
  max-width: 976px;
}
.t-standard .c-featured-content .wrapper {
  margin: 0;
  width: auto;
}
/* Teaser List page template-specific styles */
/* "t-templatename" is a reserved class for the main HTML-element in a template */
.t-teaser-list article {
  margin: 0 auto;
  max-width: 976px;
}
/* News article template-specific styles */
/* "t-templatename" is a reserved class for the main HTML-element in a template */
.t-news article {
  margin: 0 auto;
  max-width: 976px;
}
.t-news .article-type {
  font-family: "HM Ampersand Display Light", Helvetica, Arial, sans-serif;
  font-size: 19px;
  font-size: 1.11764706rem;
  letter-spacing: 1.5px;
  margin: 50px 0 15px;
  text-transform: uppercase;
  text-align: center;
}
.t-news h1 {
  margin-top: 0;
}
/* Landing page template-specific styles */
/* "t-templatename" is a reserved class for the main HTML-element in a template */
/* Collage landing page template-specific styles */
/* "t-templatename" is a reserved class for the main HTML-element in a template */
.t-collage .collage {
  background-color: #f5f5f5;
  padding: 0;
}
.t-collage .c-collage-preamble {
  padding: 0;
  width: 93%;
  max-width: 976px;
  margin: 0 auto;
}
@media (min-width: 992px) {
  .t-collage .c-collage-preamble {
    width: 89.33333333%;
  }
}
/* Newsroom template-specific styles */
/* "t-templatename" is a reserved class for the main HTML-element in a template */
.t-newsroom .header-section {
  padding-top: 0;
}
.t-newsroom .c-heading-preamble .preamble {
  margin: 0 auto 20px;
}
.t-newsroom .c-filter {
  margin-top: 30px;
}
.newsroom-links {
  display: none;
  margin: 0 auto;
  width: 90%;
}
.newsroom-links h3 {
  font-size: 36px;
  font-size: 2.11764706rem;
}
@media (min-width: 480px) {
  .newsroom-links h3 {
    font-size: 45px;
    font-size: 2.64705882rem;
  }
}
.featherlight .newsroom-links {
  display: block;
}
.newsroom-links ul {
  display: inline-block;
  list-style-type: none;
  padding: 0;
  text-align: left;
}
.newsroom-links li {
  margin-bottom: .8rem;
}
.newsroom-links .c-link-list {
  margin: 0 auto;
}
.featherlight.newsroom .featherlight-inner {
  text-align: center;
}
/* Image gallery template-specific styles */
/* "t-templatename" is a reserved class for the main HTML-element in a template */
.t-gallery {
  /* Hero feature */
  /* Filters */
  /* Product listing (used for the cart as well) */
}
.t-gallery .hero-wrapper {
  position: relative;
}
.t-gallery .c-promotion-image {
  background-color: rgba(0, 0, 0, 0.6);
  color: #fff;
  margin: 0;
  max-width: 430px;
  padding: 40px 25px;
  text-align: center;
}
@media (min-width: 1220px) {
  .t-gallery .c-promotion-image {
    max-width: 612px;
  }
}
.t-gallery .c-promotion-image h2 {
  margin-top: 0;
  padding: 0 10px;
}
@media (min-width: 480px) and (max-width: 991px) {
  .t-gallery .c-promotion-image h2 {
    font-size: 22px;
    font-size: 1.29411765rem;
  }
}
.t-gallery .header-section {
  padding-bottom: 0;
  padding-top: 0;
}
.t-gallery .c-heading-preamble {
  margin: 30px 0;
}
@media (min-width: 768px) {
  .t-gallery .c-heading-preamble {
    margin: 40px 0 50px;
  }
}
.t-gallery .c-heading-preamble h1 {
  margin: 0;
  margin-bottom: -5px;
  line-height: 1.2;
}
.t-gallery .c-heading-preamble .preamble {
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .t-gallery .c-heading-preamble .preamble {
    padding: 0 50px;
  }
}
@media (min-width: 992px) {
  .t-gallery .c-heading-preamble .preamble {
    padding: 0 80px;
  }
}
.t-gallery .filtering {
  padding-bottom: 15px;
}
.t-gallery .filters {
  text-align: center;
}
.t-gallery .filters .open-filter {
  margin-top: -5px;
}
.t-gallery .extra-filters {
  margin-top: 20px;
}
.t-gallery .extra-filters span {
  font-family: "HM Ampersand Demi Bold", Helvetica, Arial, sans-serif;
  font-size: 13px;
  font-size: 0.76470588rem;
  margin-right: 12px;
}
.t-gallery .c-filter {
  display: inline-block;
  margin: 0 5px;
}
.t-gallery .c-filter h4 {
  cursor: pointer;
  letter-spacing: 0;
  margin: 0;
}
.t-gallery .c-filter h4.active {
  font-family: "HM Ampersand Demi Bold", Helvetica, Arial, sans-serif;
}
.t-gallery .c-filter .tags {
  display: none;
}
@media (min-width: 992px) {
  .t-gallery .c-filter {
    margin: 0 8px;
  }
}
.t-gallery ul.gallery-items {
  list-style: none;
  margin-left: -12.5px;
  padding: 0;
}
@media (min-width: 992px) {
  .t-gallery ul.gallery-items {
    margin-left: -25px;
  }
}
.t-gallery li.gallery-item {
  background: none;
  box-sizing: border-box;
  float: left;
  margin-bottom: 25px;
  margin-top: 0;
  padding-left: 12.5px;
  position: relative;
  width: 50%;
}
@media (min-width: 992px) {
  .t-gallery li.gallery-item {
    padding-left: 25px;
  }
}
@media (max-width: 479px) {
  .t-gallery li.gallery-item:nth-child(odd) {
    clear: left;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .t-gallery li.gallery-item {
    width: 33.33333333%;
  }
  .t-gallery li.gallery-item:nth-child(3n+1) {
    clear: left;
  }
}
@media (min-width: 768px) {
  .t-gallery li.gallery-item {
    width: 20%;
  }
  .t-gallery li.gallery-item:nth-child(5n+1) {
    clear: left;
  }
}
.t-gallery li.gallery-item figure {
  background-color: #ffffff;
  margin: 0;
  max-width: none;
  height: 0;
  overflow: hidden;
  padding-top: 129.03225806%;
  position: relative;
  /* Tag labels (Conscious, Premium, etc.) */
}
.t-gallery li.gallery-item figure:hover img {
  opacity: 0.85;
}
.t-gallery li.gallery-item figure:hover img.video-icon {
  opacity: 1;
}
.t-gallery li.gallery-item figure img {
  display: block;
  max-height: 100%;
  max-width: 100%;
  transition: opacity 0.15s;
  -webkit-backface-visibility: hidden;
}
.t-gallery li.gallery-item figure img.video-icon {
  opacity: 0.95;
  width: 32%;
}
.t-gallery li.gallery-item figure .tag {
  background: #acacac;
  bottom: 12px;
  box-sizing: border-box;
  color: #ffffff;
  content: '';
  font-family: "HM Ampersand Display Regular", Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-size: 0.70588235rem;
  letter-spacing: .5px;
  margin: 0;
  padding: 4px 11px;
  position: absolute;
  right: 0;
  text-transform: uppercase;
  white-space: nowrap;
}
@media (min-width: 480px) {
  .t-gallery li.gallery-item figure .tag {
    font-size: 13px;
    font-size: 0.76470588rem;
  }
}
@media (min-width: 992px) {
  .t-gallery li.gallery-item figure .tag {
    font-size: 14px;
    font-size: 0.82352941rem;
  }
}
.t-gallery li.gallery-item figure .tag.conscious {
  background: #19945f;
}
.t-gallery li.gallery-item .text {
  float: left;
  font-size: 16px;
  font-size: 0.94117647rem;
  line-height: 24px;
  margin-right: 1%;
  padding: 15px 0;
  width: 74%;
}
@media (min-width: 480px) {
  .t-gallery li.gallery-item .text {
    font-size: 18px;
    font-size: 1.05882353rem;
  }
}
@media (min-width: 992px) {
  .t-gallery li.gallery-item .text {
    font-size: 19px;
    font-size: 1.11764706rem;
  }
}
.t-gallery li.gallery-item .text .title,
.t-gallery li.gallery-item .text .price {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
}
.t-gallery li.gallery-item .text .title {
  margin-bottom: 2px;
}
.t-gallery .no-results {
  display: none;
  font-size: 24px;
  font-size: 1.41176471rem;
  text-align: center;
}
/* Lightbox for the cart */
.featherlight.cart-lightbox {
  background: rgba(0, 0, 0, 0.92) !important;
  color: #ffffff;
}
.featherlight.cart-lightbox .featherlight-content {
  padding: 40px 0;
  text-align: center;
}
.featherlight.cart-lightbox .cart-wrap {
  margin: 0 auto;
  max-width: 976px;
}
.featherlight.cart-lightbox ul {
  margin-bottom: 0;
  margin-left: -6.25px;
  margin-top: 0;
  text-align: center;
  width: 100%;
}
@media (min-width: 992px) {
  .featherlight.cart-lightbox ul {
    margin-left: -12.5px;
  }
}
.featherlight.cart-lightbox li.gallery-item {
  display: inline-block;
  float: none;
}
.featherlight.cart-lightbox li.gallery-item .text {
  text-align: left;
}
.featherlight.cart-lightbox li.gallery-item.unchecked {
  opacity: .6;
}
.featherlight.cart-lightbox li.gallery-item .checkbox {
  border: 0;
}
.featherlight.cart-lightbox li.gallery-item .checkbox.checked {
  background-color: #ffffff;
}
.featherlight.cart-lightbox li.gallery-item .checkbox.checked:after {
  color: #000000;
}
.featherlight.cart-lightbox .terms-of-use {
  background: rgba(0, 0, 0, 0.78);
  border: 1px solid #6f6f6f;
}
.featherlight.cart-lightbox .terms-of-use p {
  font-size: 15px;
  font-size: 0.88235294rem;
  margin: 0 0 16px;
}
.featherlight.cart-lightbox .terms-of-use .label {
  float: right;
  font-family: "HM Ampersand Demi Bold", Helvetica, Arial, sans-serif;
  line-height: 34px;
  margin-left: 10px;
}
.featherlight.cart-lightbox .checkbox-terms {
  background-color: #ffffff;
  border: 1px solid #cdcdcd;
  box-sizing: content-box;
  cursor: pointer;
  margin-top: 15px;
  padding-top: 23%;
  position: relative;
  width: 23%;
  box-sizing: border-box;
  float: right;
  height: 34px !important;
  margin: 0;
  padding: 0;
  width: 34px !important;
}
@media (min-width: 1220px) {
  .featherlight.cart-lightbox .checkbox-terms {
    height: 42px;
    padding-top: 0;
    width: 42px;
  }
}
.featherlight.cart-lightbox .checkbox-terms.checked {
  background-color: #2c2c2c;
  border-color: #2c2c2c;
}
.featherlight.cart-lightbox .checkbox-terms.checked:after {
  color: #ffffff;
  content: '\2713';
  display: block;
  font-size: 25px;
  font-size: 1.47058824rem;
}
.featherlight.cart-lightbox h1.featherlight-inner {
  margin: 0 0 20px;
}
.featherlight.cart-lightbox .and-videos {
  display: none;
}
.featherlight.cart-lightbox .clear-all {
  float: left;
  margin-bottom: 10px;
  margin-left: 12.5px;
  text-decoration: underline;
}
.featherlight.cart-lightbox .clear-all:hover {
  text-decoration: none;
}
@media (min-width: 768px) {
  .featherlight.cart-lightbox .clear-all {
    margin-left: 0;
  }
}
.featherlight.cart-lightbox a {
  color: #ffffff;
}
.featherlight.cart-lightbox a.btn-inverse {
  margin-top: 20px;
}
.featherlight.cart-lightbox a.btn-inverse:hover {
  color: #000000;
}
/* Lightbox for the assets */
.featherlight.asset-lightbox {
  /* Navigation between images */
}
.featherlight.asset-lightbox .featherlight-content {
  position: static;
}
.featherlight.asset-lightbox .nav {
  background: rgba(255, 255, 255, 0.65);
  color: #6f6f6f;
  display: block;
  font-size: 32px;
  font-size: 1.88235294rem;
  padding: 16px 6px;
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 1;
}
.featherlight.asset-lightbox .nav.prev {
  left: 3.5%;
}
.featherlight.asset-lightbox .nav.prev:before {
  display: block;
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
.featherlight.asset-lightbox .nav.next {
  right: 3.5%;
}
.featherlight.asset-lightbox .nav.next:before {
  display: block;
  -ms-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
@media (min-width: 480px) {
  .featherlight.asset-lightbox .nav.prev {
    left: 0;
  }
  .featherlight.asset-lightbox .nav.next {
    right: 0;
  }
}
@media (min-width: 768px) {
  .featherlight.asset-lightbox .nav {
    background: transparent;
    color: #cdcdcd;
    font-size: 90px;
    font-size: 5.29411765rem;
    overflow: hidden;
    padding: 0;
  }
  .featherlight.asset-lightbox .nav:hover {
    color: #8d8d8d;
  }
  .featherlight.asset-lightbox .nav:active {
    color: #000000;
  }
}
.terms-of-use {
  background-color: #f5f5f5;
  border: 1px solid #cdcdcd;
  display: none;
  padding: 20px;
  position: fixed;
  width: 80%;
  max-width: 415px;
  text-align: left;
  box-sizing: border-box;
}
.terms-of-use a {
  text-decoration: underline;
}
.terms-of-use a:hover {
  color: #8d8d8d;
  text-decoration: none;
}
.terms-of-use p {
  font-size: 14px;
  font-size: 0.82352941rem;
  margin: 0 0 15px;
}
.terms-of-use .checkbox-terms {
  background-color: #ffffff;
  border: 1px solid #cdcdcd;
  box-sizing: content-box;
  cursor: pointer;
  margin-top: 15px;
  padding-top: 23%;
  position: relative;
  width: 23%;
  box-sizing: border-box;
  float: right;
  height: 34px !important;
  margin: 0;
  padding: 0;
  width: 34px !important;
}
@media (min-width: 1220px) {
  .terms-of-use .checkbox-terms {
    height: 42px;
    padding-top: 0;
    width: 42px;
  }
}
.terms-of-use .checkbox-terms.checked {
  background-color: #2c2c2c;
  border-color: #2c2c2c;
}
.terms-of-use .checkbox-terms.checked:after {
  color: #ffffff;
  content: '\2713';
  display: block;
  font-size: 25px;
  font-size: 1.47058824rem;
}
.terms-of-use .label {
  float: right;
  font-family: "HM Ampersand Demi Bold", Helvetica, Arial, sans-serif;
  line-height: 34px;
  margin-left: 10px;
}
/*
 * Asses details page template-specific styles
 * Available in both standalone mode (in lightbox) and as a regular page
 */
/* "t-templatename" is a reserved class for the main HTML-element in a template */
.featherlight .t-gallery-asset {
  min-height: 0;
}
.t-gallery-asset .gallery-asset {
  *zoom: 1;
}
.t-gallery-asset .gallery-asset:before,
.t-gallery-asset .gallery-asset:after {
  content: " ";
  display: table;
}
.t-gallery-asset .gallery-asset:after {
  clear: both;
}
@media (min-width: 768px) {
  .t-gallery-asset .gallery-asset {
    margin-top: 3em;
  }
}
.t-gallery-asset .gallery-asset.landscape .asset,
.t-gallery-asset .gallery-asset.landscape .content {
  width: 100%;
}
.t-gallery-asset .gallery-asset.landscape .asset {
  margin: 0 0 1em;
}
.asset-lightbox .t-gallery-asset .gallery-asset {
  padding: 0;
}
@media (min-width: 480px) and (max-width: 1499px) {
  .asset-lightbox .t-gallery-asset .gallery-asset {
    margin: 0;
    width: 100%;
  }
}
@media (min-width: 480px) {
  .asset-lightbox .t-gallery-asset .gallery-asset {
    padding: 0 60px;
  }
}
@media (min-width: 768px) {
  .asset-lightbox .t-gallery-asset .gallery-asset {
    padding: 0 100px;
  }
}
@media (min-width: 1500px) {
  .asset-lightbox .t-gallery-asset .gallery-asset {
    padding: 0;
  }
}
.t-gallery-asset .gallery-asset .asset {
  float: left;
  margin: 0 auto;
  text-align: center;
  width: 100%;
}
.t-gallery-asset .gallery-asset .asset img {
  max-width: 100%;
}
.t-gallery-asset .gallery-asset .content {
  float: left;
  width: 100%;
}
@media (min-width: 768px) {
  .t-gallery-asset .gallery-asset .asset {
    margin-right: 3%;
    width: 38%;
  }
  .t-gallery-asset .gallery-asset .content {
    margin: 0;
    width: 59%;
  }
}
.t-gallery-asset .gallery-asset h2.desktop {
  display: none;
}
@media (min-width: 768px) {
  .t-gallery-asset .gallery-asset h2 {
    margin-top: 0;
    text-align: left;
  }
  .t-gallery-asset .gallery-asset h2.desktop {
    display: block;
  }
  .t-gallery-asset .gallery-asset h2.mobile {
    display: none;
  }
}
.t-gallery-asset .gallery-asset select {
  margin: 0 0 1em;
}
.t-gallery-asset .gallery-asset dl {
  *zoom: 1;
  font-size: 15px;
  font-size: 0.88235294rem;
}
.t-gallery-asset .gallery-asset dl:before,
.t-gallery-asset .gallery-asset dl:after {
  content: " ";
  display: table;
}
.t-gallery-asset .gallery-asset dl:after {
  clear: both;
}
.t-gallery-asset .gallery-asset dt,
.t-gallery-asset .gallery-asset dd {
  margin-bottom: .6em;
  float: left;
}
.t-gallery-asset .gallery-asset dt {
  clear: left;
  font-family: "HM Ampersand Bold", Helvetica, Arial, sans-serif;
  margin-right: .3em;
}
.t-gallery-asset .gallery-asset dd {
  margin-left: 10px;
}
.t-gallery-asset .terms-of-use {
  z-index: 999;
}
@media (min-width: 480px) {
  .t-gallery-asset .btn-download {
    float: right;
  }
}
/* Calendar Event List page template-specific styles */
/* "t-templatename" is a reserved class for the main HTML-element in a template */
.t-calendar-event-list .header-section {
  padding-bottom: 0;
  padding-top: 0;
}
/* Calendar Event page template-specific styles */
/* "t-templatename" is a reserved class for the main HTML-element in a template */
.t-calendar-event header {
  text-align: center;
}
/* Full width page template-specific styles */
/* "t-templatename" is a reserved class for the main HTML-element in a template */
.t-full-width .c-text-image {
  margin-left: auto;
  margin-right: auto;
  max-width: 976px;
}
/* Sitemap page template-specific styles */
/* "t-templatename" is a reserved class for the main HTML-element in a template */
.t-sitemap article {
  margin: 0 auto;
  max-width: 976px;
}
.t-sitemap .sitemap > .linkcontainer {
  padding-left: 0;
}
.t-sitemap .sitemap > .linkcontainer > .link {
  display: none;
}
.t-sitemap .sitemap > .linkcontainer > .link + .linkcontainer {
  margin-top: 10px;
  padding: 0;
}
@media (min-width: 480px) {
  .t-sitemap .sitemap > .linkcontainer > .link + .linkcontainer {
    columns: 2;
  }
}
@media (min-width: 768px) {
  .t-sitemap .sitemap > .linkcontainer > .link + .linkcontainer {
    columns: 3;
  }
}
.t-sitemap .sitemap > .linkcontainer > .link + .linkcontainer > .link {
  font-family: "HM Amperserif Display Regular", Didot, Georgia, serif;
  font-size: 25px;
  margin: 0 0 20px 0;
}
.t-sitemap .sitemap > .linkcontainer > .link + .linkcontainer > .linkcontainer {
  margin-bottom: 50px;
  padding-left: 0;
}
.t-sitemap .has-children {
  font-family: "HM Amperserif Display Regular", Didot, Georgia, serif;
  font-size: 19px;
}
.t-sitemap .linkcontainer {
  padding-left: 15px;
}
.t-sitemap .linkcontainer .link {
  margin: 8px 0;
}
.t-sitemap .linkcontainer a {
  text-decoration: none;
}
.t-sitemap .linkcontainer a:hover {
  text-decoration: underline;
}
/* Crisis News template-specific styles */
/* "t-templatename" is a reserved class for the main HTML-element in a template */
.t-crisis-news article {
  margin: 0 auto;
  max-width: 976px;
}
.t-crisis-news .c-heading-preamble {
  margin-top: 93px;
}
.t-crisis-news h1 {
  margin-top: 0;
}
/* Component-specific styles */
/* Example usage: @import "../../components/[Component]/clientlibs/css/[File].less"; */
/* Main navigation */
/* Mobile menu icon */
.mobile-nav-button {
  cursor: pointer;
  left: -10px;
  position: absolute;
  top: 7px;
}
.mobile-nav-button:hover {
  color: #2c2c2c;
}
@media (min-width: 768px) {
  .mobile-nav-button {
    display: none;
  }
}
header.is-nav-open .mobile-nav-button.hmgroup-icon-menu:before {
  content: "\E904";
  font-family: 'HM Icon Font';
  font-size: 24px;
}
.nav-main {
  /* Layout */
  display: none;
  background: #ffffff;
  border-bottom: 5px solid #2c2c2c;
  left: 0;
  position: absolute;
  top: 64px;
  width: 100%;
  z-index: 40;
  /* Generic elements */
  /* Navigation levels */
  /* Sub-nav */
  /* Level 3 */
  /* Level 4 */
  /* Mobile expand button */
  /* Our Markets and Language selector */
  /* Our Markets */
  /* Language selector */
}
header.is-nav-open .nav-main {
  display: block;
}
@media (min-width: 768px) {
  .nav-main {
    background: transparent;
    border: 0;
    display: block;
    height: inherit;
    padding-top: 54px;
    position: static;
    overflow-y: visible;
    top: 0;
  }
  .nav-main:before,
  .nav-main:after {
    display: none;
  }
}
@media (min-width: 992px) {
  .nav-main {
    padding-top: 30px;
  }
}
.nav-main li {
  display: block;
  transition: background 0.15s;
}
.nav-main li .current-page > a {
  font-family: "HM Ampersand Display Bold", Helvetica, Arial, sans-serif;
  text-decoration: underline;
}
.nav-main a {
  color: #2c2c2c;
  display: block;
  font-family: "HM Ampersand Display Regular", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-size: 0.82352941rem;
  text-decoration: none;
}
.nav-main a:hover,
.nav-main a:visited:hover {
  color: #2c2c2c;
}
@media (min-width: 992px) {
  .nav-main a {
    display: inline;
    font-size: 16px;
    font-size: 0.94117647rem;
  }
}
.nav-main .level-1 > li {
  background: #ffffff;
  border-top: 1px solid #cdcdcd;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.nav-main .level-1 > li.is-open {
  background: #f5f5f5;
}
@media (min-width: 768px) {
  .nav-main .level-1 > li.is-open {
    background: none;
  }
}
.nav-main .level-1 > li > a {
  display: block;
  font-size: 20px;
  font-size: 1.17647059rem;
  letter-spacing: 0.5px;
  line-height: 20px;
  padding: 18px 25px;
}
.nav-main .level-1 > li.current-path > a {
  font-family: "HM Ampersand Display Bold", Helvetica, Arial, sans-serif;
}
@media (min-width: 768px) {
  .nav-main .level-1 {
    text-align: center;
  }
  .nav-main .level-1 > li {
    border-top: 0;
    display: inline-block;
  }
  .nav-main .level-1 > li > a {
    font-size: 14px;
    font-size: 0.82352941rem;
    letter-spacing: 1px;
    margin: 9px 6px;
    padding: 3px 3px 1px;
    text-transform: uppercase;
  }
  .nav-main .level-1 > li.current-path > a,
  .nav-main .level-1 > li.is-open > a {
    border-bottom: 2px solid #2c2c2c;
    text-decoration: none;
  }
}
@media (min-width: 992px) {
  .nav-main .level-1 {
    margin-left: 11.19403%;
  }
  .nav-main .level-1 > li > a {
    margin: 9px 10px;
  }
}
@media (min-width: 1220px) {
  .nav-main .level-1 > li > a {
    letter-spacing: 2px;
  }
}
@media (min-width: 1500px) {
  .nav-main .level-1 {
    margin-left: 94px;
  }
  .nav-main .level-1 > li > a {
    margin: 9px 18px;
  }
}
.nav-main .level-2 {
  display: none;
  text-align: left;
}
@media (min-width: 768px) {
  .nav-main .level-2 {
    background: #ffffff;
    background: rgba(255, 255, 255, 0.975);
    border-bottom: 5px solid #2c2c2c;
    left: 0;
    min-height: 200px;
    padding: 30px 0 35px;
    position: absolute;
    width: 100%;
    z-index: 30;
  }
  .nav-main .level-2:before,
  .nav-main .level-2:after {
    background: #ffffff;
    background: rgba(255, 255, 255, 0.975);
    border-bottom: 5px solid #2c2c2c;
    bottom: -5px;
    content: '';
    display: block;
    position: absolute;
    top: 0;
    width: 9999px;
  }
  .nav-main .level-2:before {
    right: 100%;
  }
  .nav-main .level-2:after {
    left: 100%;
  }
}
.nav-main li.is-open > .level-2 {
  display: block;
}
@media (min-width: 768px) {
  .nav-main .level-2-wrapper {
    margin: 0 9.97983871%;
    position: relative;
  }
}
@media (min-width: 992px) {
  .nav-main .level-2-wrapper {
    margin: 0 auto;
    max-width: 794px;
  }
}
.nav-main .level-2-title {
  display: none;
}
@media (min-width: 768px) {
  .nav-main .level-2-title {
    display: inline-block;
    font-family: "HM Amperserif Display Regular", Didot, Georgia, serif;
    font-size: 25px;
    font-size: 1.47058824rem;
    margin-bottom: 15px;
  }
}
.nav-main .level-2-items a {
  font-size: 17px;
  font-size: 1rem;
  line-height: 20px;
  padding: 12px 25px;
}
.nav-main .level-2-items a .submenu-anchor {
  display: inline-block;
  width: calc(100% - 20px);
  vertical-align: top;
}
@media (max-width: 767px) {
  .nav-main .level-2-items a .submenu-anchor {
    display: block;
    width: auto;
  }
}
.nav-main .level-2-items a .submenu-icon {
  display: inline-block;
  line-height: 20px;
  vertical-align: top;
}
.nav-main .level-2-items a .submenu-icon:before {
  content: "\E901";
  display: block;
  font-family: 'HM Icon Font';
  font-size: 17px;
  font-size: 1rem;
  text-align: center;
}
@media (max-width: 767px) {
  .nav-main .level-2-items a .submenu-icon {
    display: none;
  }
}
@media (min-width: 768px) {
  .nav-main .level-2-items {
    width: 26%;
  }
  .nav-main .level-2-items > li {
    padding: 5px 20px 5px 0;
  }
  .nav-main .level-2-items a {
    font-family: "HM Ampersand Display Light", Helvetica, Arial, sans-serif;
    padding: 0;
  }
}
.nav-main .level-2-items li.current-path > a,
.no-touchevents .nav-main .level-2 a:hover {
  text-decoration: underline;
}
.nav-main .level-2-items li.current-path > a .submenu-anchor,
.no-touchevents .nav-main .level-2 a:hover .submenu-anchor {
  text-decoration: underline;
}
.nav-main .level-2-items li.current-path.current-page > a {
  font-family: "HM Ampersand Display Bold", Helvetica, Arial, sans-serif;
}
@media (min-width: 768px) {
  .nav-main .level-3 {
    display: none;
    background: #f5f5f5;
    background: rgba(0, 0, 0, 0.04);
    min-height: 240px;
    padding: 20px 5%;
    position: absolute;
    left: 26%;
    top: 45px;
    width: 74%;
  }
}
@media (min-width: 992px) {
  .nav-main .level-3.twocolumns > a {
    display: block;
    float: left;
  }
  .nav-main .level-3.twocolumns > a + ul {
    clear: left;
    margin-right: 4%;
  }
  .nav-main .level-3.twocolumns .level-3-items {
    float: left;
    width: 48%;
  }
}
.nav-main li.is-open > .level-3 {
  display: block;
}
.nav-main a.level-3-title {
  display: none;
}
@media (min-width: 768px) {
  .nav-main a.level-3-title {
    display: inline-block;
    font-family: "HM Amperserif Display Regular", Didot, Georgia, serif;
    font-size: 20px;
    font-size: 1.17647059rem;
    margin: 10px 0 14px;
  }
}
.nav-main .level-3-items a {
  font-size: 16px;
  font-size: 0.94117647rem;
  padding-left: 50px;
}
@media (min-width: 768px) {
  .nav-main .level-3-items > li {
    padding: 5px 0;
  }
  .nav-main .level-3-items a {
    padding-left: 0;
  }
}
.nav-main .level-4-items a {
  font-size: 13px;
  font-size: 0.76470588rem;
  padding-left: 75px;
}
@media (min-width: 768px) {
  .nav-main .level-4-items a {
    display: inline-block;
    font-family: "HM Ampersand Display Light", Helvetica, Arial, sans-serif;
    line-height: 24px;
    margin: .1rem 0 0 20px;
    padding-left: 0;
  }
}
.nav-main .expand-button {
  display: block;
  border-left: 1px solid #cdcdcd;
  float: right;
  position: relative;
  top: -18px;
  right: -25px;
  height: 56px;
  width: 56px;
}
.nav-main .expand-button:before {
  content: "\E90d";
  display: block;
  font-family: 'HM Icon Font';
  font-size: 40px;
  font-size: 2.35294118rem;
  line-height: 58px;
  text-align: center;
}
@media (min-width: 768px) {
  .nav-main .expand-button {
    display: none;
  }
}
.nav-main li.is-open .expand-button {
  border-left-color: transparent;
}
.nav-main li.is-open .expand-button:before {
  content: "\E90a";
}
.nav-main .nav-main-close {
  display: none;
}
@media (min-width: 768px) {
  .touchevents .nav-main .nav-main-close {
    display: block;
    font-family: 'HM Icon Font';
    font-size: 32px;
    font-size: 1.88235294rem;
    line-height: 32px;
    position: absolute;
    right: -8.5%;
    top: 10px;
    z-index: 30;
  }
  .touchevents .nav-main .nav-main-close:before {
    content: "\E904";
    margin-left: 4px;
  }
  .touchevents .nav-main .nav-main-close:hover {
    text-decoration: none !important;
  }
}
.nav-main .extra-links {
  /* Emulate .wrapper */
  /* */
}
@media (min-width: 768px) {
  .nav-main .extra-links {
    margin: 0 3.5%;
    width: 93%;
  }
}
@media (min-width: 992px) {
  .nav-main .extra-links {
    margin: 0 5.33333333%;
    width: 89.33333333%;
  }
}
@media (min-width: 1500px) {
  .nav-main .extra-links {
    margin: 0 calc((100% - 1340px)/2);
    max-width: 1340px;
  }
}
@media (min-width: 768px) {
  .nav-main .extra-links {
    font-family: "HM Ampersand Display Regular", Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-size: 0.70588235rem;
    letter-spacing: 0.5px;
    position: absolute;
    right: 0;
    top: 4px;
  }
  .nav-main .extra-links a {
    text-decoration: none;
  }
  .nav-main .extra-links a:hover {
    color: #8d8d8d;
  }
  .nav-main .extra-links ul {
    float: right;
    padding: 0;
    text-transform: uppercase;
  }
  .nav-main .extra-links ul li {
    float: left;
  }
  .nav-main .extra-links ul li.active {
    font-family: "HM Ampersand Bold", Helvetica, Arial, sans-serif;
  }
}
@media (min-width: 768px) {
  .nav-main .markets-menu {
    margin-left: 24px;
    text-transform: uppercase;
  }
  .nav-main .markets-menu.level-1 > li > a {
    border-bottom: 0;
    font-size: 12px;
    font-size: 0.70588235rem;
    letter-spacing: 0.5px;
    margin: 0;
    padding: 0;
  }
}
.nav-main .language-selector-menu ul {
  display: inline-block;
}
.nav-main .language-selector-menu ul li {
  display: inline-block;
}
.nav-main .language-selector-menu ul li:after {
  background-color: #2c2c2c;
  content: '';
  display: block;
  float: right;
  height: 14px;
  margin: 0 8px;
  position: relative;
  top: 2px;
  width: 1px;
}
.nav-main .language-selector-menu ul li:last-child:after {
  display: none;
}
.nav-main .language-selector-menu ul li a {
  font-size: 12px;
  font-size: 0.70588235rem;
  display: inline;
  text-transform: uppercase;
}
.nav-main .language-selector-menu ul li.active a {
  font-family: "HM Ampersand Display Bold", Helvetica, Arial, sans-serif;
  text-decoration: underline;
}
@media (max-width: 767px) {
  .nav-main .language-selector-menu {
    background-color: #f5f5f5;
    border-top: 1px solid #cdcdcd;
    font-family: "HM Ampersand Display Bold", Helvetica, Arial, sans-serif;
    font-size: 15px;
    font-size: 0.88235294rem;
    padding: 20px;
    text-align: center;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }
  .nav-main .language-selector-menu span {
    margin-right: 14px;
    text-transform: uppercase;
  }
  .nav-main .language-selector-menu ul li {
    height: 22px;
  }
  .nav-main .language-selector-menu ul li:after {
    background-color: #cdcdcd;
    height: 28px;
    top: -4px;
  }
  .nav-main .language-selector-menu ul li a {
    font-size: 15px;
    font-size: 0.88235294rem;
  }
}
.c-hero-image {
  background: transparent center no-repeat;
  background-size: cover;
  font-size: 10px;
  height: 400px;
  padding: 20px 0;
  position: relative;
  text-align: center;
  z-index: -1;
}
.c-hero-image .text {
  position: relative;
  top: 50%;
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.c-hero-image p {
  color: #fff;
  font-family: "HM Ampersand Display Light", Helvetica, Arial, sans-serif;
  font-size: 1.25em;
  letter-spacing: 2px;
  margin: 0 0 8px;
  text-transform: uppercase;
}
.c-hero-image h1 {
  color: #fff;
  font-size: 31px;
  font-size: 1.82352941rem;
  line-height: 1.3;
  margin: 0;
  overflow: visible;
  word-wrap: break-word;
}
@media (min-width: 480px) {
  .c-hero-image h1 {
    font-size: 38px;
    font-size: 2.23529412rem;
    overflow: hidden;
  }
}
@media (min-width: 768px) {
  .c-hero-image h1 {
    font-size: 45px;
    font-size: 2.64705882rem;
  }
}
@media (min-width: 992px) {
  .c-hero-image h1 {
    font-size: 59px;
    font-size: 3.47058824rem;
  }
}
@media (min-width: 1500px) {
  .c-hero-image h1 {
    font-size: 3.6em;
  }
}
@media (min-width: 480px) {
  .c-hero-image {
    font-size: 9px;
    /* Needs to be small for all the text to fit at @screen-sm-min viewport width */
    height: 350px;
    height: 30vw;
    min-height: 280px;
  }
}
@media (min-width: 768px) {
  .c-hero-image {
    font-size: 16px;
    font-size: 1.33333vw;
    height: 420px;
    height: 30vw;
  }
}
@media (min-width: 768px) and (min-height: 800px) {
  .c-hero-image {
    height: 520px;
    height: 30vw;
  }
}
@media (min-width: 1500px) {
  .c-hero-image {
    font-size: 20px;
    font-size: 1.17647059rem;
  }
}
/* Heading and preamble */
.c-heading-preamble .preamble {
  font-family: "HM Ampersand Display Light", Helvetica, Arial, sans-serif;
  font-size: 19px;
  font-size: 1.11764706rem;
  letter-spacing: .5px;
  margin: 20px 0 -10px;
  overflow: hidden;
  text-align: center;
  text-overflow: ellipsis;
}
@media (min-width: 480px) {
  .c-heading-preamble .preamble {
    font-size: 22px;
    font-size: 1.29411765rem;
  }
}
@media (min-width: 768px) {
  .c-heading-preamble .preamble {
    font-size: 25px;
    font-size: 1.47058824rem;
  }
}
@media (min-width: 992px) {
  .c-heading-preamble .preamble {
    margin-top: 30px;
  }
}
/* Text and image */
header + .c-text-image {
  margin-top: -5px;
}
header + .c-text-image p:first-child,
header + .c-text-image blockquote:first-child {
  margin-top: 0;
}
@media (max-width: 767px) {
  header + .c-text-image figure {
    margin-bottom: 1em;
  }
}
header + .c-text-image.figure-center figure,
header + .c-text-image.figure-left figure,
header + .c-text-image.figure-right figure {
  margin-top: 0;
}
@media (min-width: 768px) {
  header + .c-text-image.figure-left figure,
  header + .c-text-image.figure-right figure {
    padding-top: 0;
  }
}
.c-text-image p:first-of-type {
  min-height: 70px;
}
.c-text-image p:first-of-type::first-letter {
  float: left;
  font: normal 84px/70px "HM Amperserif Display Regular", Didot, Georgia, serif;
  padding-right: 5px;
  vertical-align: text-bottom;
}
.c-text-image ~ .c-text-image p:first-of-type {
  min-height: auto;
}
.c-text-image ~ .c-text-image p:first-of-type::first-letter {
  float: none;
  font: inherit;
  padding-right: 0;
  vertical-align: baseline;
}
.c-text-image p:last-child {
  margin-bottom: 0;
}
.c-text-image.figure-center figure {
  margin: 25px auto 30px;
}
@media (min-width: 768px) {
  .c-text-image.figure-center figure {
    margin: 30px auto 40px;
  }
}
@media (min-width: 992px) {
  .c-text-image.figure-center figure {
    margin: 35px auto 50px;
  }
}
.c-text-image.figure-right figure,
.c-text-image.figure-left figure {
  margin: 20px auto;
  /* Temporary solution for https://bugzilla.mozilla.org/show_bug.cgi?id=1149357
      Solves the bug for horizontal images, but not completely for vertical ones */
  max-width: 430px;
}
.c-text-image figcaption {
  font-family: "HM Ampersand Light Italic", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-size: 0.82352941rem;
  margin: 7px auto 0;
  max-width: 612px;
}
@media (min-width: 768px) {
  .c-text-image.figure-right figure {
    float: right;
    padding: 20px 0 20px 30px;
  }
  .c-text-image.figure-left figure {
    float: left;
    padding: 20px 30px 20px 0;
  }
  .c-text-image.figure-right figure,
  .c-text-image.figure-left figure {
    margin: 10px 0 0;
  }
  .c-text-image.figure-right figcaption,
  .c-text-image.figure-left figcaption {
    max-width: none;
    text-align: left;
  }
}
.c-text-image.fact-box {
  margin: 20px 30px;
}
@media (min-width: 768px) {
  .c-text-image.fact-box--center {
    margin-left: auto;
    margin-right: auto;
    width: 70%;
  }
  .c-text-image.fact-box--left,
  .c-text-image.fact-box--right {
    width: 310px;
  }
  .c-text-image.fact-box--left {
    float: left;
    margin-left: 0;
  }
  .c-text-image.fact-box--right {
    float: right;
    margin-right: 0;
  }
}
.c-text-image .fact-box__title {
  margin-top: 0;
  text-align: center;
}
.c-text-image .fact-box__content {
  background: #f5f5f5;
  border: 1px solid #cdcdcd;
  overflow: hidden;
  padding: 17px 20px;
}
.c-text-image .fact-box__content figure {
  margin: 0 auto;
  max-width: 215px;
}
.c-text-image .fact-box__content figure img {
  max-height: 215px;
}
.c-text-image .fact-box__content p,
.c-text-image .fact-box__content ul,
.c-text-image .fact-box__content ol {
  font-family: "HM Ampersand Regular", Helvetica, Arial, sans-serif;
  font-size: 15px;
  font-size: 0.88235294rem;
  margin: 1em 0 0;
  padding: 0;
}
.c-text-image .fact-box__content p:first-child,
.c-text-image .fact-box__content ul:first-child,
.c-text-image .fact-box__content ol:first-child {
  margin-top: 0;
}
.c-text-image.figure-center .fact-box__content figure {
  padding: 0 0 15px;
}
.c-text-image.figure-right .fact-box__content figure {
  padding: 0 0 10px 20px;
}
.c-text-image.figure-left .fact-box__content figure {
  padding: 0 20px 10px 0;
}
.c-text-image.fact-box--left .fact-box__content figure,
.c-text-image.fact-box--right .fact-box__content figure {
  float: none;
  padding: 0 0 15px;
}
.c-video-teaser {
  padding: 0;
}
.c-video-teaser .video {
  height: 540px;
  padding-top: 100px;
  z-index: 1;
  box-sizing: border-box;
}
.c-video-teaser .video img {
  display: none;
  width: 100%;
}
.c-video-teaser .plate {
  background: #2c2c2c;
  background: rgba(0, 0, 0, 0.6);
  box-sizing: border-box;
  color: #fff;
  cursor: pointer;
  line-height: 1.5;
  margin: 0;
  max-width: 794px;
  padding: 40px 25px;
  text-decoration: none;
}
.c-video-teaser p {
  font-family: "HM Ampersand Display Light", Helvetica, Arial, sans-serif;
  text-align: center;
}
.c-video-teaser p .icon-arrow-right {
  font-size: 17px;
  font-size: 1rem;
  padding-left: 2px;
}
.c-featured-content {
  overflow: auto;
  padding: 20px 0 40px;
  /* Subscribe to RSS */
  /* Not a separate component, solved by manually adding a class to ul in RTE */
}
header + .c-featured-content {
  margin-top: -5px;
  padding-top: 0;
}
header + .c-featured-content h2 {
  margin-top: 0;
}
@media (min-width: 768px) {
  .c-featured-content {
    padding: 44px 0 50px;
  }
}
.c-featured-content h2 {
  margin-left: auto;
  margin-right: auto;
  max-width: 976px;
}
.c-featured-content figure,
.c-featured-content .video {
  margin: 30px auto 0;
  max-width: 976px;
}
.c-featured-content .text {
  font-family: "HM Ampersand Light", Helvetica, Arial, sans-serif;
  font-size: 17px;
  font-size: 1rem;
  margin: 20px auto 0;
  max-width: 612px;
  text-align: center;
}
.c-featured-content .text p {
  margin: 0;
}
.c-featured-content .subscribe-rss {
  display: inline-block;
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: left;
}
@media (min-width: 768px) {
  .c-featured-content .subscribe-rss {
    display: block !important;
    text-align: justify;
  }
  .c-featured-content .subscribe-rss:after {
    content: '';
    display: inline-block;
    width: 100%;
  }
}
.c-featured-content .subscribe-rss li {
  left: 0;
  margin: 0 0 10px;
  text-indent: 0;
}
@media (min-width: 768px) {
  .c-featured-content .subscribe-rss li {
    display: inline-block;
  }
}
.c-featured-content .subscribe-rss li:before {
  content: "\E912" !important;
  font-size: 16px !important;
  padding-right: .3rem !important;
  position: relative;
  top: -2px;
}
.c-key-figures .key-value-cards > div {
  background: #3c3c3c;
  color: #ffffff;
  height: 126px;
  padding: 22px 4px 4px;
  text-align: center;
  overflow: hidden;
  box-sizing: border-box;
}
.c-key-figures .key-value-cards > div:nth-child(n+2) {
  margin-top: 3.73134328%;
}
@media (min-width: 480px) {
  .c-key-figures .key-value-cards > div {
    float: left;
    width: 48.13432836%;
  }
  .c-key-figures .key-value-cards > div:nth-child(n) {
    margin-left: 3.73134328%;
    margin-top: 0;
  }
  .c-key-figures .key-value-cards > div:nth-child(2n+1) {
    margin-left: 0;
  }
  .c-key-figures .key-value-cards > div:nth-child(n+3) {
    margin-top: 3.73134328%;
  }
}
@media (min-width: 992px) {
  .c-key-figures .key-value-cards > div {
    height: 185px;
    padding-top: 42px;
    width: 22.20149254%;
  }
  .c-key-figures .key-value-cards > div:nth-child(n) {
    margin-left: 3.73134328%;
    margin-top: 0;
  }
  .c-key-figures .key-value-cards > div:nth-child(4n+1) {
    margin-left: 0;
  }
}
@media (min-width: 1500px) {
  .c-key-figures .key-value-cards > div {
    padding-top: 42px;
  }
}
.c-key-figures .text {
  margin-top: 30px;
  text-align: center;
}
.c-key-value {
  font-family: "HM Ampersand Display Light", Helvetica, Arial, sans-serif;
  font-size: 15px;
  font-size: 0.88235294rem;
  text-transform: uppercase;
}
.c-key-value h3,
.c-key-value p {
  margin: 0;
}
.c-key-value h3 {
  font-family: "HM Amperserif Display Regular", Didot, Georgia, serif;
  font-size: 15px;
  font-size: 0.88235294rem;
  text-transform: none;
}
.c-key-value h3 strong,
.c-key-value h3 b {
  display: inline-block;
  font-family: "HM Amperserif Display Regular", Didot, Georgia, serif;
  font-size: 35px;
  font-size: 2.05882353rem;
  margin: 0 2px;
}
@media (min-width: 992px) {
  .c-key-value {
    font-size: 16px;
    font-size: 0.94117647rem;
    letter-spacing: 1px;
  }
  .c-key-value h3 {
    font-size: 16px;
    font-size: 0.94117647rem;
    margin-bottom: 8px;
  }
  .c-key-value h3 strong,
  .c-key-value h3 b {
    font-size: 38px;
    font-size: 2.23529412rem;
    margin: 0 3px;
  }
}
@media (min-width: 1500px) {
  .c-key-value {
    font-size: 17px;
    font-size: 1rem;
  }
  .c-key-value h3 {
    font-size: 20px;
    font-size: 1.17647059rem;
  }
  .c-key-value h3 strong,
  .c-key-value h3 b {
    font-size: 45px;
    font-size: 2.64705882rem;
    margin: 0 5px;
  }
}
.c-byline {
  font-family: "HM Ampersand Regular", Helvetica, Arial, sans-serif;
  font-size: 13px;
  font-size: 0.76470588rem;
  margin-top: 70px;
  text-align: center;
}
.c-byline p {
  margin: 0 0 .5em;
}
.c-byline .separator {
  border-bottom: 1px solid #8d8d8d;
  margin-left: auto;
  margin-right: auto;
  max-width: 250px;
  margin-bottom: 20px;
}
.c-byline .last-updated {
  margin-bottom: 25px;
}
/* Breadcrumbs */
.c-breadcrumbs {
  display: none;
}
@media (min-width: 768px) {
  .c-breadcrumbs {
    display: block;
  }
  .c-breadcrumbs ul {
    color: #8d8d8d;
    font-family: "HM Ampersand Bold", Helvetica, Arial, sans-serif;
    font-size: 13px;
    font-size: 0.76470588rem;
    list-style-type: none;
    margin: 22px 0;
    padding: 0;
    text-align: center;
    text-transform: uppercase;
  }
  .c-breadcrumbs li {
    display: inline-block;
  }
  .c-breadcrumbs a,
  .c-breadcrumbs a:visited {
    color: #8d8d8d;
    font-family: "HM Ampersand Light", Helvetica, Arial, sans-serif;
    text-decoration: none;
  }
  .c-breadcrumbs a:after,
  .c-breadcrumbs a:visited:after {
    content: "\E901";
    display: inline-block;
    font-family: 'HM Icon Font';
    font-size: 14px;
    font-size: 0.82352941rem;
    padding: 0 .5em;
    position: relative;
    top: 2px;
  }
  .c-breadcrumbs a:hover,
  .c-breadcrumbs a:visited:hover,
  .c-breadcrumbs a:hover:after,
  .c-breadcrumbs a:visited:hover:after {
    text-decoration: underline;
  }
  .touchevents .c-breadcrumbs a:hover,
  .touchevents .c-breadcrumbs a:visited:hover,
  .c-breadcrumbs a:hover:after,
  .c-breadcrumbs a:visited:hover:after {
    text-decoration: none;
  }
}
.c-related-media {
  text-align: center;
}
.c-related-media h2 {
  margin-bottom: 45px;
}
.c-related-media hr {
  border: none;
  border-top: 2px solid #3c3c3c;
  margin: 45px auto;
  width: 75%;
}
.c-related-media select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: linear-gradient(45deg, transparent 50%, #ffffff 50%), linear-gradient(135deg, #ffffff 50%, transparent 50%);
  background-position: calc(100% - 15px) center, calc(100% - 10px) center;
  background-size: 5px 5px;
  background-repeat: no-repeat;
  background-color: #2c2c2c;
  border: none;
  font-family: "HM Ampersand Light", Helvetica, Arial, sans-serif;
  font-size: 15px;
  font-size: 0.88235294rem;
  margin-left: 12px;
  min-width: 0;
  padding-left: 10px;
  padding-right: 22px;
}
.c-related-media select::-ms-expand {
  display: none;
}
.c-related-media select:active,
.c-related-media select:focus {
  background-color: transparent;
  outline: 1px solid #ffffff;
}
.c-related-media option {
  color: #2c2c2c;
  background-color: #ffffff;
}
.c-related-media .temp-select {
  display: none;
}
.c-related-media .document {
  margin-top: 20px;
}
.c-related-media .document a:not(:first-child) {
  display: none;
}
.related-media-lightbox {
  /* Sizing selectors for Masonry */
}
.related-media-lightbox .no-margins .card {
  margin: 0 0 3.5% 0 !important;
}
.related-media-lightbox .column-sizer {
  width: 100%;
  /* Same as .card */
}
.related-media-lightbox .gutter-sizer {
  width: 3.5%;
}
@media (min-width: 480px) {
  .related-media-lightbox .no-margins .card {
    margin: 0 0 1.86567164% 0 !important;
  }
  .related-media-lightbox .column-sizer {
    width: 49.06716418%;
    /* Same as .card */
  }
  .related-media-lightbox .gutter-sizer {
    width: 1.86567164%;
  }
}
@media (min-width: 992px) {
  .related-media-lightbox .column-sizer {
    width: 32.08955224%;
    /* Same as .card */
  }
}
.related-media-lightbox .gallery-items {
  margin-top: 3.5%;
}
@media (min-width: 480px) {
  .related-media-lightbox .gallery-items {
    margin-top: 1.86567164%;
  }
}
.related-media-lightbox .hmgroup-icon {
  margin-left: 3px;
}
.related-media-lightbox figure {
  position: relative;
  /* Avoid zooming images */
}
.related-media-lightbox figure img {
  width: auto;
}
@media (min-width: 768px) {
  .related-media-lightbox .card {
    width: 49.06716418%;
  }
  .related-media-lightbox .card:nth-child(n) {
    margin: 0 0 0 1.86567164%;
  }
  .related-media-lightbox .card:nth-child(2n+1) {
    clear: left;
    margin-left: 0;
  }
  .related-media-lightbox .card:nth-child(n+3) {
    margin-top: 1.86567164%;
  }
  .related-media-lightbox .card h3 {
    font-size: 18px;
    font-size: 1.05882353rem;
  }
  .related-media-lightbox .card:nth-child(3n+1) {
    clear: none;
  }
}
@media (min-width: 992px) {
  .related-media-lightbox .card {
    width: 32.08955224%;
  }
  .related-media-lightbox .card:nth-child(n) {
    clear: none;
    margin: 0 0 0 1.86567164%;
  }
  .related-media-lightbox .card:nth-child(3n+1) {
    clear: left;
    margin-left: 0;
  }
  .related-media-lightbox .card:nth-child(n+4) {
    margin-top: 1.86567164%;
  }
}
.related-media-lightbox .card.hovered .content {
  display: block;
}
@media (min-width: 480px) {
  .related-media-lightbox .card-video {
    width: 100%;
  }
}
@media (min-width: 992px) {
  .related-media-lightbox .card-video {
    width: 66.04477612%;
  }
}
.related-media-lightbox .card-video figure img {
  width: 100%;
}
.related-media-lightbox .card-video figure .video-icon {
  max-width: 90px;
  width: 32%;
}
.related-media-lightbox .content {
  background-color: rgba(128, 128, 128, 0.5);
  bottom: 0;
  display: none;
  font-size: 20px;
  font-size: 1.17647059rem;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
}
.related-media-lightbox .actions {
  max-width: 400px;
  top: 35%;
  width: 100%;
  z-index: 1;
}
.related-media-lightbox .actions a {
  color: #ffffff;
}
.related-media-lightbox .play-video {
  display: block;
  margin-top: 10px;
}
.related-media-lightbox .hmgroup-icon-download {
  font-size: 15px;
  font-size: 0.88235294rem;
}
.related-media-lightbox .hmgroup-icon-play-video {
  background-color: #fff;
  border-radius: 50%;
  color: #000000;
  display: inline-block;
  font-size: 20px;
  font-size: 1.17647059rem;
  position: relative;
  top: -1px;
}
.related-media-lightbox .terms-of-use {
  background-color: rgba(0, 0, 0, 0.78);
  border: 1px solid #6f6f6f;
  color: #ffffff;
  margin: 10px auto 0;
  left: 0;
  position: relative;
  top: 0;
  transform: none;
}
.related-media-lightbox .terms-of-use a {
  color: #ffffff;
}
.related-media-lightbox .share-asset {
  bottom: 0;
  position: absolute;
  width: 100%;
}
.related-media-lightbox .share-asset ul {
  margin: 0;
  padding: 0;
  text-align: center;
}
.related-media-lightbox .share-asset li {
  display: inline-block;
  list-style: none;
  margin-right: 18px;
}
.related-media-lightbox .share-asset li:last-child {
  margin-right: 0;
}
.related-media-lightbox .share-asset button:hover,
.related-media-lightbox .share-asset button.active {
  color: #ffffff;
}
.related-media-lightbox .share-btn-container {
  height: 55px;
  padding-top: 15px;
  box-sizing: border-box;
}
.related-media-lightbox .email-share-button {
  background-color: #acacac;
  padding: 3px 9px;
}
.related-media-lightbox .email-share-button:hover,
.related-media-lightbox .email-share-button.active {
  background-color: #8d8d8d;
  color: #ffffff;
}
.related-media-lightbox .video-icon {
  opacity: 0.95;
}
.related-media-lightbox .download-all-wrapper {
  text-align: center;
}
@media (min-width: 768px) {
  .related-media-lightbox .download-all-wrapper {
    text-align: left;
  }
}
.c-related-content .links {
  list-style: none;
  margin-bottom: 2rem;
  padding: 0;
  text-align: center;
}
.c-related-content .links li {
  margin-bottom: 1rem;
}
.c-related-content .scroller-x {
  margin: 0;
}
.c-related-content .cards {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.c-related-content .cards .card {
  /* Equal heights */
  margin-bottom: -299px;
  padding: 0 0 299px;
  /* Overrides of cards.less below */
  width: 32.08955224%;
}
.c-related-content .cards .card:nth-child(n) {
  clear: none;
  margin-top: 0;
  margin-right: 0;
  margin-left: 1.86567164%;
}
.c-related-content .cards .card:first-child {
  margin-left: 0;
}
@media (min-width: 768px) {
  .c-related-content .scroller-x {
    margin: 0;
    overflow: hidden;
  }
}
@media (max-width: 767px) {
  .c-related-content .related-content-assets-list {
    padding: 0;
    list-style: none;
  }
  .c-related-content .cards .card {
    width: 100%;
    margin-left: 0;
  }
  .c-related-content .owl-carousel .owl-dots {
    text-align: center;
    position: relative;
    top: -30px;
    height: 0px;
  }
  .c-related-content .owl-carousel .owl-dots button.owl-dot {
    width: 5px;
    height: 5px;
    vertical-align: middle;
    margin: 10px 5px;
    background: #8d8d8d;
    border-radius: 50%;
    cursor: pointer;
  }
  .c-related-content .owl-carousel .owl-dots button.owl-dot.active {
    width: 10px;
    height: 10px;
    background: #000000;
  }
}
.c-collage-image {
  background-color: #ffffff;
  background-position: center center;
  background-size: cover;
  color: #ffffff;
  float: left;
  padding: 0 0 35px;
  position: relative;
  width: 100%;
}
@media (min-width: 768px) {
  .c-collage-image {
    padding-bottom: 0;
    width: 50%;
  }
}
@media (min-width: 768px) {
  .c-collage-image {
    height: 42.2705314vw;
  }
}
@media (min-width: 992px) {
  .c-collage-image {
    max-height: 900px;
  }
}
.c-collage-image h1 {
  font-size: 40px;
  font-size: 2.35294118rem;
  margin: 0;
  padding: 0 20px;
}
@media (min-width: 480px) {
  .c-collage-image h1 {
    font-size: 47px;
    font-size: 2.76470588rem;
  }
}
@media (min-width: 768px) {
  .c-collage-image h1 {
    font-size: 5.5vw;
  }
}
@media (min-width: 992px) {
  .c-collage-image h1 {
    font-size: 55px;
    font-size: 3.23529412rem;
  }
}
.c-collage-image .content-wrap {
  background-size: cover;
  background-position: center top;
  height: 400px;
  height: 84.5410628vw;
  min-height: 250px;
  max-height: 900px;
  position: relative;
  width: 100%;
}
@media (min-width: 768px) {
  .c-collage-image .content-wrap {
    height: 100%;
    position: absolute;
  }
}
.c-collage-image .content-wrap figure {
  display: inline-block;
  margin: 0;
  max-width: 295px;
  width: 52%;
}
@media (max-width: 479px) {
  .c-collage-image .content-wrap figure {
    min-width: 215px;
  }
}
@media (min-width: 768px) {
  .c-collage-image .content-wrap figure {
    margin-bottom: 15px;
  }
}
.c-collage-image .content-wrap figure.hm {
  max-width: 185px;
  width: 32%;
}
@media (max-width: 479px) {
  .c-collage-image .content-wrap figure.hm {
    min-width: 135px;
  }
}
.c-collage-image .content-wrap figure.hm-home {
  max-width: 324px;
  width: 57%;
}
@media (max-width: 479px) {
  .c-collage-image .content-wrap figure.hm-home {
    min-width: 236px;
  }
}
.c-collage-image .content-wrap figure.monki {
  max-width: 324px;
  width: 57%;
}
@media (max-width: 479px) {
  .c-collage-image .content-wrap figure.monki {
    min-width: 236px;
  }
}
.c-collage-image .content-wrap figure.cheap-monday {
  max-width: 250px;
  width: 44%;
}
@media (max-width: 479px) {
  .c-collage-image .content-wrap figure.cheap-monday {
    min-width: 182px;
  }
}
.c-collage-image .content-wrap figure.cos {
  max-width: 250px;
  width: 44%;
}
@media (max-width: 479px) {
  .c-collage-image .content-wrap figure.cos {
    min-width: 182px;
  }
}
.c-collage-image .content-wrap figure.and-other-stories {
  max-width: 345px;
  width: 60%;
}
@media (max-width: 479px) {
  .c-collage-image .content-wrap figure.and-other-stories {
    min-width: 251px;
  }
}
.c-collage-image .content-wrap figure img {
  width: 100%;
}
.c-collage-image .content-wrap p {
  display: none;
  font-size: 20px;
  font-size: 1.17647059rem;
  line-height: 27px;
  margin: 0 auto 10px;
  width: 90%;
}
@media (min-width: 768px) {
  .c-collage-image .content-wrap p {
    display: block;
    width: 65%;
  }
}
@media (min-width: 992px) {
  .c-collage-image .content-wrap p {
    width: 55%;
  }
}
@media (min-width: 1500px) {
  .c-collage-image .content-wrap p {
    width: 46%;
  }
}
.c-collage-image .content-wrap .content {
  text-align: center;
  position: relative;
  top: 50%;
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media (min-width: 768px) {
  .c-collage-image .content-wrap .content h1 {
    margin-bottom: 15px;
  }
}
.c-collage-image .content-wrap .btn-container {
  display: none;
}
@media (min-width: 768px) {
  .c-collage-image .content-wrap .btn-container {
    display: block;
  }
}
.c-collage-image .mobile-content {
  color: #2c2c2c;
  margin-top: 15px;
}
.c-collage-image .mobile-content p {
  margin: 0 auto;
  text-align: center;
  width: 90%;
}
.c-collage-image .mobile-content .btn-container {
  margin-top: 20px;
  text-align: center;
}
@media (min-width: 768px) {
  .c-collage-image .mobile-content {
    display: none;
  }
}
.c-brands-teaser ul {
  list-style-type: none;
  margin: 0;
  overflow: hidden;
  padding: 0;
}
.c-brands-teaser li {
  /* Similar to .card from cards.less */
  float: left;
  line-height: 0;
  margin-top: 3.5%;
  position: relative;
  width: 100%;
}
.c-brands-teaser li:first-child {
  margin-top: 0;
}
.c-brands-teaser li.career-link img.logo {
  top: 38%;
}
@media (min-width: 480px) {
  .c-brands-teaser li {
    width: 49.06716418%;
  }
  .c-brands-teaser li:nth-child(n) {
    margin: 0 0 0 1.86567164%;
  }
  .c-brands-teaser li:nth-child(2n+1) {
    clear: left;
    margin-left: 0;
  }
  .c-brands-teaser li:nth-child(n+3) {
    margin-top: 1.86567164%;
  }
  .c-brands-teaser li.career-link img.logo {
    top: 42%;
  }
}
@media (min-width: 768px) {
  .c-brands-teaser li {
    width: 32.08955224%;
  }
  .c-brands-teaser li:nth-child(n) {
    clear: none;
    margin: 0 0 0 1.86567164%;
  }
  .c-brands-teaser li:nth-child(3n+1) {
    clear: left;
    margin-left: 0;
  }
  .c-brands-teaser li:nth-child(n+4) {
    margin-top: 1.86567164%;
  }
}
.c-brands-teaser a.overlayed {
  display: block;
  position: relative;
  text-decoration: none;
  transition: 0.15s;
  -webkit-backface-visibility: hidden;
}
.c-brands-teaser a.overlayed:hover {
  opacity: 0.85;
}
.c-brands-teaser img {
  width: 100%;
}
.c-brands-teaser img.logo {
  width: 60%;
}
.c-brands-teaser img.logo.hm {
  width: 33%;
}
.c-brands-teaser img.logo.hm-home {
  width: 70%;
}
.c-brands-teaser img.logo.monki {
  width: 70%;
}
.c-brands-teaser img.logo.cheap-monday {
  width: 55%;
}
.c-brands-teaser img.logo.cos {
  width: 55%;
}
.c-brands-teaser img.logo.and-other-stories {
  width: 75%;
}
.c-brands-teaser .btn {
  bottom: 14%;
  left: 50%;
  line-height: 21px;
  padding: 8px 15px;
  position: absolute;
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  white-space: nowrap;
}
@media (min-width: 480px) {
  .c-brands-teaser .btn {
    bottom: 9%;
    padding: 8px 15px;
    font-size: 12px;
    font-size: 0.70588235rem;
  }
}
@media (min-width: 992px) {
  .c-brands-teaser .btn {
    bottom: 12%;
    font-size: 13px;
    font-size: 0.76470588rem;
  }
}
@media (min-width: 1500px) {
  .c-brands-teaser .btn {
    bottom: 34px;
    padding: 13px 25px;
  }
}
article,
main {
  position: relative;
}
.share-btn-container {
  font-size: 15px;
  font-size: 0.88235294rem;
  margin: 0 auto;
  padding-top: 15px;
  text-align: center;
}
.share-btn-container .email-share-button {
  background: #8d8d8d;
  border-radius: 2px;
  color: #fff;
  display: inline-block;
  font-family: "HM Ampersand Demi Bold", Helvetica, Arial, sans-serif;
  font-size: 13px;
  font-size: 0.76470588rem;
  line-height: 17px;
  padding: 2px 9px 1px;
  text-decoration: none;
}
.share-btn-container .email-share-button:hover,
.share-btn-container .email-share-button:active {
  background: #6f6f6f;
}
.social-sharing button,
.share-asset button {
  background: none;
  border: 0;
  color: #cdcdcd;
  font-size: 22px;
  font-size: 1.29411765rem;
  outline: none;
  padding: 0;
  transition: color .1s linear;
}
.social-sharing button:hover,
.share-asset button:hover,
.social-sharing button.active,
.share-asset button.active {
  color: #3c3c3c;
}
.social-sharing {
  clear: both;
  margin-top: 30px;
}
.social-sharing .share-btn-container.active {
  border-top: 1px solid #f5f5f5;
  max-width: 60%;
}
.social-sharing .title {
  font-family: "HM Ampersand Demi Bold", Helvetica, Arial, sans-serif;
  font-size: 15px;
  font-size: 0.88235294rem;
  letter-spacing: 1px;
  padding-bottom: 5px;
  text-align: center;
  text-transform: uppercase;
}
.social-sharing ul {
  margin: 10px auto;
  padding: 0;
  position: relative;
  text-align: center;
}
.social-sharing li {
  display: inline-block;
  list-style: none;
  margin-right: 15px;
}
.social-sharing li:last-child {
  margin: 0;
}
.c-media-teaser {
  padding: 0 0 2.5rem;
}
article .c-media-teaser:last-of-type {
  padding-bottom: 0;
}
.c-media-teaser h2,
.c-media-teaser a,
.c-media-teaser p {
  text-align: center;
}
@media (max-width: 767px) {
  .c-media-teaser h2 {
    margin-bottom: 5px;
  }
  .c-media-teaser h2 + p,
  .c-media-teaser h2 + ol,
  .c-media-teaser h2 + ul {
    margin-top: 0;
  }
}
.c-media-teaser div {
  margin-left: auto;
  margin-right: auto;
  max-width: 365.5px;
  width: 85%;
}
.c-media-teaser div > a {
  display: block;
}
.c-media-teaser div ul,
.c-media-teaser div ol {
  padding: 0 10px;
}
@media (min-width: 480px) {
  .c-media-teaser div ul,
  .c-media-teaser div ol {
    padding: 0 20px;
  }
}
@media (min-width: 768px) {
  .c-media-teaser div ul,
  .c-media-teaser div ol {
    padding: 0 50px;
  }
}
@media (min-width: 992px) {
  .c-media-teaser div ul,
  .c-media-teaser div ol {
    padding: 0 80px;
  }
}
.c-media-teaser figure {
  margin: 0 auto;
}
.c-media-teaser a img:hover {
  opacity: 0.85;
}
@media (min-width: 768px) {
  .c-media-teaser {
    margin-top: 4rem;
    padding-bottom: 4rem;
    border-bottom: 1px solid #cdcdcd;
  }
  .c-media-teaser:first-of-type {
    margin-top: 1rem;
  }
  article .c-media-teaser:last-of-type {
    border-bottom: none;
  }
  .c-media-teaser h2 {
    padding: 0;
  }
  .c-media-teaser div {
    max-width: 430px;
  }
  .c-media-teaser p {
    line-height: 1.6em;
    padding: 0;
  }
  .c-media-teaser figure,
  .c-media-teaser div {
    width: 44%;
  }
  .c-media-teaser figure {
    margin: 0;
  }
  .c-media-teaser table {
    width: 100%;
    margin: 15px 0;
  }
  .c-media-teaser.figure-left figure,
  .c-media-teaser.figure-left div {
    float: left;
  }
  .c-media-teaser.figure-left img {
    margin-right: 0;
  }
  .c-media-teaser.figure-left div {
    margin-left: 12%;
  }
  .c-media-teaser.figure-right figure,
  .c-media-teaser.figure-right div {
    float: right;
  }
  .c-media-teaser.figure-right img {
    margin-left: 0;
  }
  .c-media-teaser.figure-right div {
    margin-right: 12%;
  }
}
.c-news-list {
  min-height: 600px;
}
.c-news-list .news-cards.no-margins .card {
  margin: 0 0 3.5% 0;
}
.c-news-list .gutter-sizer {
  width: 3.5%;
}
@media (min-width: 480px) {
  .c-news-list .news-cards.no-margins .card {
    margin: 0 0 1.86567164% 0;
  }
  .c-news-list .gutter-sizer {
    width: 1.86567164%;
  }
}
.c-news-list .no-results {
  display: none;
  font-size: 24px;
  font-size: 1.41176471rem;
  text-align: center;
}
.c-news-list .load-more {
  clear: left;
  display: none;
  padding: 20px;
  text-align: center;
}
.c-filter {
  text-align: center;
}
.c-filter h4 {
  font-family: "HM Ampersand Light", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
}
.c-filter .tag-btn {
  font-size: 13px;
  font-size: 0.76470588rem;
}
.c-filter-select {
  text-align: center;
}
.c-filter-select span,
.c-filter-select select {
  display: inline-block;
  margin: 8px;
}
.c-filter-select span {
  font-family: "HM Ampersand Demi Bold", Helvetica, Arial, sans-serif;
  font-size: 13px;
  font-size: 0.76470588rem;
  margin-right: 0;
}
@media (min-width: 768px) {
  .c-filter-select span,
  .c-filter-select select {
    margin: 12px;
  }
  .c-filter-select span {
    margin-right: 0;
  }
}
.c-in-focus .c-in-focus-wrapper .bottom-pane {
  margin: 0 1.5%;
}
.c-in-focus .cards {
  list-style-type: none;
  margin: 0;
  overflow: hidden;
  padding: 0;
}
.c-in-focus .cards .card {
  margin-bottom: -500px;
  padding: 0 0 500px;
  width: 100%;
}
.c-in-focus .cards .card h3 {
  text-align: left;
}
@media (min-width: 768px) {
  .c-in-focus .cards .card {
    width: 96.26865672%;
  }
}
@media (min-width: 768px) {
  .c-in-focus .cards .owl-item:nth-child(3n+2) .card {
    margin-left: 1.86567164%;
  }
}
@media (min-width: 768px) {
  .c-in-focus .cards .owl-item:nth-child(3n+3) .card {
    margin-left: 3.73134328%;
  }
}
.c-in-focus .owl-carousel .owl-dots {
  text-align: center;
  position: relative;
  top: -30px;
  height: 0px;
}
@media (min-width: 768px) {
  .c-in-focus .owl-carousel .owl-dots {
    top: 0;
    height: 30px;
  }
}
.c-in-focus .owl-carousel .owl-dots button.owl-dot {
  vertical-align: middle;
  background: #8d8d8d;
  color: #8d8d8d;
  width: 5px;
  height: 5px;
  margin: 10px 5px;
  border-radius: 50%;
}
.c-in-focus .owl-carousel .owl-dots button.owl-dot.active {
  background: #000000;
  width: 10px;
  height: 10px;
}
@media (min-width: 768px) {
  .c-in-focus .owl-carousel .owl-dots button.owl-dot.active {
    width: 15px;
    height: 15px;
  }
}
@media (min-width: 768px) {
  .c-in-focus .owl-carousel .owl-dots button.owl-dot {
    width: 10px;
    height: 10px;
  }
}
.c-in-focus .owl-carousel .owl-nav button.owl-next,
.c-in-focus .owl-carousel .owl-nav button.owl-prev {
  font-size: 45px;
  font-size: 2.64705882rem;
  background: #ffffff;
  color: #000000;
  bottom: 0;
  height: 70px;
  margin: auto;
  position: absolute;
  margin-left: 0;
  margin-right: 0;
  top: -65%;
  transition: opacity .15s;
  vertical-align: middle;
  width: 30px;
  z-index: 10;
  cursor: pointer;
}
@media (min-width: 992px) {
  .c-in-focus .owl-carousel .owl-nav button.owl-next,
  .c-in-focus .owl-carousel .owl-nav button.owl-prev {
    top: -60%;
  }
}
.c-in-focus .owl-carousel .owl-nav button.owl-prev {
  left: 0;
}
.c-in-focus .owl-carousel .owl-nav button.owl-next {
  right: 0;
}
.c-contact-block {
  padding: 40px 0;
  text-align: center;
}
.c-contact-block h2 {
  margin-bottom: 12px;
}
.c-contact-block h4 {
  letter-spacing: -0.1px;
}
.c-contact-block ul {
  padding: 0;
  margin: 0;
}
.c-contact-block ul li {
  font-size: 18px;
  font-size: 1.05882353rem;
  list-style: none;
  margin-bottom: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.c-contact-block ul li.email {
  white-space: nowrap;
}
.c-contact-block ul li span {
  margin-right: 3px;
}
.c-contact-block ul li.role {
  font-family: "HM Ampersand Display Regular", Helvetica, Arial, sans-serif;
  font-size: 20px;
  font-size: 1.17647059rem;
  text-transform: uppercase;
}
.c-contact-details {
  margin-left: auto;
  margin-right: auto;
  max-width: 794px;
}
.c-contact-details p {
  margin: 0;
}
@media (min-width: 480px) {
  .c-contact-details p {
    padding: 0 10px;
  }
}
.c-contact-details .details-country-inner div {
  margin-bottom: 1em;
}
@media (min-width: 480px) {
  .c-contact-details .details-country-inner {
    -moz-columns: 2;
    -webkit-columns: 2;
    columns: 2;
  }
}
.c-contact-details + .c-board-presentation,
.c-contact-details + .c-contact-us,
.c-contact-details + .c-contact-us {
  margin-top: 50px;
}
.c-our-websites {
  margin: 0 auto;
  width: 90%;
}
@media (min-width: 768px) {
  .c-our-websites {
    text-align: center;
    width: 92%;
  }
}
@media (min-width: 992px) {
  .c-our-websites {
    width: 66%;
    max-width: 992px;
  }
}
.c-our-websites h1 {
  margin-top: 36px;
}
.c-our-websites section {
  padding: 1rem;
}
@media (min-width: 768px) {
  .c-our-websites section {
    display: inline-block;
    text-align: left;
    vertical-align: top;
  }
  .c-our-websites section:nth-child(even) {
    padding-right: 2rem;
  }
  .c-our-websites section:nth-child(odd) {
    padding-left: 2rem;
  }
}
.c-our-websites section h3 {
  font-family: "HM Ampersand Regular", Helvetica, Arial, sans-serif;
  font-size: 28px;
  font-size: 1.64705882rem;
}
.c-our-websites section ul {
  margin-top: 25px;
}
.c-our-websites section ul li {
  margin-bottom: 15px;
}
.c-our-websites section ul li a {
  text-decoration: none;
  font-size: 18px;
  font-size: 1.05882353rem;
}
.c-our-websites section ul li a:hover {
  text-decoration: underline;
}
.c-search {
  background-color: transparent;
  font-size: 20px;
  font-size: 1.17647059rem;
  padding-bottom: 0;
  /* Search form */
  /* Search term highlighting in excerpt text */
  /* Time filter */
  /* Search results */
  /* Load More button */
  /* Loader image */
}
@media (min-width: 1500px) {
  .c-search {
    max-width: 976px;
  }
}
.c-search form {
  margin: 0 auto 20px auto;
  position: relative;
}
.c-search #search-field {
  background: transparent;
  border: 0;
  border-bottom: 2px solid #000000;
  box-sizing: border-box;
  font-size: 26px;
  font-size: 1.52941176rem;
  font-family: "HM Amperserif Display Regular", Didot, Georgia, serif;
  line-height: 52px;
  padding: 0 50px 0 0;
  width: 100%;
}
@media (min-width: 480px) {
  .c-search #search-field {
    font-size: 35px;
    font-size: 2.05882353rem;
    padding-bottom: 3px;
  }
}
@media (min-width: 768px) {
  .c-search #search-field {
    font-size: 42px;
    font-size: 2.47058824rem;
  }
}
.c-search #search-field:focus {
  outline: none;
}
.c-search #search-field::-ms-clear {
  display: none;
}
.c-search .search-button {
  background: none;
  border: none;
  outline: none;
  padding: 0;
  position: absolute;
  right: 0;
  top: 3px;
}
.c-search .search-button:before {
  display: inline-block;
  font-size: 25px;
  font-size: 1.47058824rem;
  height: 50px;
  line-height: 50px;
  text-align: center;
  width: 50px;
}
@media (min-width: 768px) {
  .c-search .search-button:before {
    font-size: 28px;
    font-size: 1.64705882rem;
  }
}
.c-search .search-button:hover {
  color: #8d8d8d;
}
.c-search .tag-btn span {
  display: inline-block;
  margin-left: 3px;
}
.c-search strong {
  font-family: "HM Ampersand Demi Bold", Helvetica, Arial, sans-serif;
}
.c-search #no-results span {
  font-family: "HM Ampersand Demi Bold", Helvetica, Arial, sans-serif;
}
.c-search .search-time-filter {
  text-align: center;
}
.c-search .search-time-filter .time-filter-select {
  margin: 10px;
}
.c-search #search-results {
  padding: 0;
  /* Search Result Media (Images/Video) */
  /* Search Result Documents */
  /* Search Result Audio */
}
.c-search #search-results .search-results__response {
  display: none !important;
}
.c-search #search-results > li {
  border-bottom: 1px solid #cdcdcd;
  display: block;
  margin: 1.5em 0;
  padding-bottom: 1.5em;
}
.c-search #search-results > li:last-child {
  border-bottom: none;
  padding-bottom: 0;
}
.c-search #search-results h3 {
  text-transform: none;
}
.c-search #search-results a {
  display: block;
  overflow: hidden;
  text-decoration: none;
}
.c-search #search-results a:hover img {
  opacity: 0.85;
}
.c-search #search-results figure {
  display: none;
}
@media (min-width: 768px) {
  .c-search #search-results figure {
    display: block;
    float: left;
    margin-right: 1.3em;
    max-width: 50%;
  }
}
.c-search #search-results p {
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}
.c-search #search-results .labels {
  font-family: "HM Ampersand Display Light", Helvetica, Arial, sans-serif;
  font-size: 13px;
  font-size: 0.76470588rem;
  letter-spacing: 1px;
  list-style: none;
  margin: 0;
  overflow: hidden;
  padding: 0;
  text-transform: uppercase;
}
.c-search #search-results .labels li {
  float: left;
}
.c-search #search-results .labels li:before {
  content: "\000A0\00B7\000A0";
}
.c-search #search-results .labels li:first-child:before {
  content: "";
}
.c-search #search-results .labels a:hover {
  text-decoration: underline;
}
.c-search #search-results .desktop-labels {
  display: none;
}
@media (min-width: 768px) {
  .c-search #search-results .desktop-labels {
    display: block;
  }
  .c-search #search-results .mobile-labels {
    display: none;
  }
}
.c-search #search-results .search-results-media-container a {
  margin: 10px 0;
}
@media (min-width: 768px) {
  .c-search #search-results .search-results-media-container a {
    float: left;
    margin: 0;
    margin-right: 1.3em;
    max-width: 50%;
  }
}
.c-search #search-results .search-results-media-container figure {
  display: block;
  position: relative;
  margin-top: 10px;
}
@media (min-width: 768px) {
  .c-search #search-results .search-results-media-container figure {
    margin: 0;
    max-width: 100%;
    width: 430px;
  }
}
.c-search #search-results .search-results-media-container figure img {
  max-height: 228px;
}
.c-search #search-results .search-results-media-container figure .video-icon {
  left: 50%;
  opacity: 0.95;
  position: absolute;
  top: 50%;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 32%;
}
.c-search #search-results .search-results-media-container .media-tags {
  line-height: 18px;
  margin-top: 5px;
}
.c-search #search-results .search-results-media-container .media-tags .media-tags-label {
  display: inline-block;
  font-size: 15px;
  font-size: 0.88235294rem;
  margin-right: 6px;
  padding: 5px 0;
}
.c-search #search-results .search-results-media-container .media-tags a {
  display: inline-block;
  font-family: "HM Ampersand Demi Bold", Helvetica, Arial, sans-serif;
  font-size: 13px;
  font-size: 0.76470588rem;
  padding: 5px 3px;
  float: none;
  margin: 0;
  max-width: 100%;
  overflow: visible;
}
.c-search #search-results .search-results-media-container .media-tags a:hover {
  color: #2c2c2c;
  text-decoration: underline;
}
.c-search #search-results .search-results-document-container figure {
  display: block;
  margin-top: 10px;
}
@media (min-width: 768px) {
  .c-search #search-results .search-results-document-container figure {
    margin-top: 0;
    max-width: 100%;
    width: 430px;
  }
}
.c-search #search-results .search-results-document-container figure img {
  max-height: 228px;
  border: 2px solid #000000;
}
.c-search #search-results .search-results-audio-container figure {
  float: left;
  display: block;
  margin-right: 12px;
  margin-top: 12px;
}
@media (min-width: 768px) {
  .c-search #search-results .search-results-audio-container figure {
    margin-top: 5px;
  }
}
.c-search #search-results .search-results-audio-container figure::before {
  content: '\E944';
  display: block;
  font-family: 'HM Icon Font';
  font-size: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  width: 50px;
}
.c-search .load-more {
  display: none;
  padding: 20px;
  text-align: center;
}
.c-search .loader {
  display: none;
  background: url('framework/images/ajax-loader.gif') no-repeat center;
  height: 48px;
}
.featherlight.search .featherlight-content {
  min-height: 100vh;
  overflow-y: scroll;
  vertical-align: top;
}
.c-gallery {
  position: relative;
  min-height: 600px;
}
.c-gallery .cart-count {
  background-color: #cd2026;
  bottom: 0;
  color: #ffffff;
  cursor: pointer;
  display: none;
  height: 45px;
  transition: background-color 0.15s;
  position: fixed;
  width: 100%;
  z-index: 1;
}
@media (min-width: 768px) {
  .c-gallery .cart-count {
    height: 160px;
    position: absolute;
    right: 0;
    top: 0;
    width: 160px;
  }
}
.c-gallery .cart-count:hover,
.c-gallery .cart-count:active {
  background-color: #c41f24;
}
.c-gallery .cart-count.visible {
  display: block;
}
.c-gallery .cart-count.fixed {
  position: fixed;
}
@media (min-width: 768px) {
  .c-gallery .cart-count.fixed {
    top: 100px;
  }
}
.c-gallery .cart-count .text-wrap {
  text-align: center;
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 100%;
}
.c-gallery .cart-count .number {
  display: inline-block;
  font-family: "HM Amperserif Display Regular", Didot, Georgia, serif;
  font-size: 34px;
  font-size: 2rem;
  line-height: 54px;
}
@media (min-width: 768px) {
  .c-gallery .cart-count .number {
    display: block;
    font-size: 54px;
    font-size: 3.17647059rem;
  }
}
.c-gallery .cart-count .items {
  display: inline-block;
  font-size: 18px;
  font-size: 1.05882353rem;
  left: 5px;
  line-height: 19px;
  position: relative;
  top: -8px;
}
@media (min-width: 768px) {
  .c-gallery .cart-count .items {
    font-size: 19px;
    font-size: 1.11764706rem;
    left: 0;
    margin-left: -7px;
    top: 0;
  }
}
.c-gallery .cart-count .items:before {
  background-color: #ffffff;
  bottom: 0;
  content: '';
  display: block;
  height: 1px;
  position: absolute;
  width: 100%;
}
@media (min-width: 768px) {
  .c-gallery .cart-count .items:before {
    bottom: -2px;
  }
}
.c-gallery .cart-count .items:after {
  font-size: 20px;
  font-size: 1.17647059rem;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  display: inline;
  speak: none;
  text-decoration: none;
  vertical-align: middle;
  /* Better Font Rendering */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility !important;
  font-family: 'HM Icon Font';
  content: "\E901";
  font-size: 15px !important;
  position: absolute;
  right: -16px;
  top: 3px;
}
.c-gallery .gallery-wrap {
  position: relative;
}
.c-gallery .gallery-wrap .bottom-pane {
  text-align: center;
}
.c-gallery .gallery-wrap .btn-load-more {
  display: none;
}
.c-gallery .results-count,
.c-gallery .selected-filters {
  font-size: 15px;
  font-size: 0.88235294rem;
  margin-bottom: 10px;
}
.c-gallery .selected-filters {
  display: none;
}
.c-gallery .selected-filters ul {
  display: inline;
  line-height: 32px;
  margin: 0;
  padding: 0;
}
.c-gallery .selected-filters li {
  display: inline-block;
  margin-left: 10px;
  text-transform: uppercase;
}
.c-gallery .selected-filters li strong {
  text-transform: none;
}
.c-gallery .selected-filters .remove-filter {
  border: 1px solid #8d8d8d;
  border-radius: 3px;
  display: inline-block;
  font-size: 21px;
  font-size: 1.23529412rem;
  line-height: 22px;
  margin-left: 6px;
  padding: 0;
  text-align: center;
  text-decoration: none;
  width: 24px;
  box-sizing: border-box;
}
.c-gallery .selected-filters .clear-filter {
  display: inline-block;
  line-height: 32px;
  margin-left: 10px;
}
@media (min-width: 768px) {
  .c-gallery .selected-filters {
    margin-right: 160px;
  }
}
.c-board-presentation,
.c-contact-us {
  margin-bottom: 50px;
}
.c-text-image + .c-board-presentation,
.c-text-image + .c-contact-us {
  margin-top: 50px;
}
.c-board-presentation ul,
.c-contact-us ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.c-board-presentation li,
.c-contact-us li {
  display: inline-block;
  margin: 0;
  width: 100%;
}
@media (min-width: 480px) {
  .c-board-presentation li,
  .c-contact-us li {
    margin-right: 2%;
    width: 47%;
  }
}
@media (min-width: 992px) {
  .c-board-presentation li,
  .c-contact-us li {
    width: 31%;
  }
}
.c-board-presentation li.details,
.c-contact-us li.details {
  border-bottom: 1px solid #8d8d8d;
  display: none;
  margin: 0 0 45px;
  width: 100%;
}
@media (min-width: 480px) {
  .c-board-presentation li.details,
  .c-contact-us li.details {
    width: 97%;
  }
}
@media (min-width: 992px) {
  .c-board-presentation li.details,
  .c-contact-us li.details {
    width: 99%;
  }
}
.c-board-presentation li > a,
.c-contact-us li > a {
  display: block;
  margin: 22px 0 45px;
  text-decoration: none;
}
.c-board-presentation li > a:hover img,
.c-board-presentation li > a.expanded img,
.c-contact-us li > a:hover img,
.c-contact-us li > a.expanded img {
  -webkit-filter: none;
  filter: none;
  opacity: 1;
}
.c-board-presentation li > a:hover img,
.c-contact-us li > a:hover img {
  opacity: 0.85;
}
.c-board-presentation li > a.expanded,
.c-contact-us li > a.expanded {
  margin-bottom: 0;
}
.c-board-presentation li > a.expanded .toggle-details,
.c-contact-us li > a.expanded .toggle-details {
  border-bottom: none;
}
.c-board-presentation h2,
.c-board-presentation h3,
.c-board-presentation h4,
.c-contact-us h2,
.c-contact-us h3,
.c-contact-us h4 {
  text-transform: none;
}
.c-board-presentation h2,
.c-board-presentation h3,
.c-contact-us h2,
.c-contact-us h3 {
  padding: 0;
  text-align: left;
}
.c-board-presentation h2,
.c-contact-us h2 {
  line-height: 1.24;
  margin: 0 0 14px;
}
.c-board-presentation h3,
.c-contact-us h3 {
  margin: 0 0 17px;
}
@media (min-width: 480px) {
  .c-board-presentation h3,
  .c-contact-us h3 {
    margin-bottom: 34px;
  }
}
.c-board-presentation h4,
.c-contact-us h4 {
  font-family: "HM Ampersand Bold", Helvetica, Arial, sans-serif;
  font-size: 17px;
  font-size: 1rem;
  letter-spacing: normal;
  margin: 0;
}
.c-board-presentation.expanded a:not(.expanded):hover img,
.c-contact-us.expanded a:not(.expanded):hover img {
  -webkit-filter: grayscale(1%);
  filter: grayscale(1%);
}
.c-board-presentation img,
.c-contact-us img {
  display: block;
  max-width: 100%;
  transition: all 0.15s linear;
  -webkit-backface-visibility: hidden;
}
.c-board-presentation figure,
.c-contact-us figure {
  overflow: hidden;
}
.c-board-presentation p,
.c-contact-us p {
  margin-top: 2px;
  padding: 0;
}
.c-board-presentation.expanded img,
.c-contact-us.expanded img {
  -webkit-filter: blur(3px) grayscale(100%);
  filter: blur(3px) grayscale(100%);
  opacity: .3;
}
.c-board-presentation .toggle-details,
.c-contact-us .toggle-details {
  border-bottom: 1px solid #8d8d8d;
  font-family: "HM Ampersand Bold", Helvetica, Arial, sans-serif;
  padding: 17px 0;
}
.c-board-presentation .toggle-details em,
.c-contact-us .toggle-details em {
  position: relative;
  top: -1px;
}
.c-board-presentation .details-hidden,
.c-contact-us .details-hidden {
  display: none;
}
@media (min-width: 480px) {
  .c-board-presentation .details-wrapper,
  .c-contact-us .details-wrapper {
    -moz-columns: 2;
    -webkit-columns: 2;
    columns: 2;
    padding: 0 0 51px;
  }
}
@media (min-width: 992px) {
  .c-board-presentation .details-wrapper,
  .c-contact-us .details-wrapper {
    -moz-columns: 3;
    -webkit-columns: 3;
    columns: 3;
  }
}
header + .c-reports-presentation {
  margin-top: -5px;
}
header + .c-reports-presentation h2 {
  padding-top: 0;
}
.c-reports-presentation a {
  text-decoration: none;
}
.c-reports-presentation h2 {
  margin: 0 auto;
  padding: 14px 0;
}
.c-reports-presentation h2:after {
  content: "\E90d";
  font-size: 33px;
  font-size: 1.94117647rem;
  position: relative;
  top: -2px;
}
.c-reports-presentation .year-header {
  display: block;
}
.c-reports-presentation .year-details {
  display: none;
  margin: 0 0 45px;
  padding: 45px 0 15px;
}
.c-reports-presentation .year-details a:hover {
  text-decoration: underline;
}
.c-reports-presentation.expanded h2:after {
  content: "\E90a";
}
.c-reports-presentation.expanded .year-details {
  border-top: 1px solid #8d8d8d;
  border-bottom: 1px solid #8d8d8d;
}
.c-reports-presentation figure {
  margin: 0 0 30px;
}
.c-reports-presentation .c-link-list {
  margin-bottom: 30px;
}
.c-reports-presentation h3 {
  font-size: 25px;
  font-size: 1.47058824rem;
  margin: 0;
  padding: 0;
}
@media (min-width: 480px) {
  .c-reports-presentation h3 {
    font-size: 28px;
    font-size: 1.64705882rem;
  }
}
.c-reports-presentation ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  text-align: center;
}
.c-reports-presentation li {
  margin: 10px 0;
}
.c-reports-presentation .annual-reports ul {
  font-family: "HM Amperserif Display Regular", Didot, Georgia, serif;
  font-size: 25px;
  font-size: 1.47058824rem;
}
.c-reports-presentation .annual-reports ul li {
  line-height: 1.2;
  margin: 0 0 10px;
}
@media (min-width: 480px) {
  .c-reports-presentation .annual-reports ul {
    font-size: 28px;
    font-size: 1.64705882rem;
  }
}
@media (min-width: 768px) {
  .c-reports-presentation .year-details.has-image {
    padding: 60px 0 30px;
  }
  .c-reports-presentation .reports-wrapper {
    margin: 0 auto;
    max-width: 976px;
  }
  .c-reports-presentation figure {
    float: left;
    margin: 0 5% 30px 0;
    width: 33%;
  }
  .c-reports-presentation .has-image .reports-wrapper {
    margin-left: 38%;
    width: 62%;
  }
  .c-reports-presentation .c-link-list {
    display: inline-block;
    margin-right: 3%;
    vertical-align: top;
    width: 46%;
  }
  .c-reports-presentation h3,
  .c-reports-presentation ul {
    text-align: left;
  }
  .c-reports-presentation .annual-reports .c-link-list {
    display: block;
    margin-right: 0;
    width: auto;
  }
}
.c-calendar-list ul {
  list-style-type: none;
  margin: 0 auto;
  max-width: 976px;
  padding: 0;
}
.c-calendar-list .date {
  font-family: "HM Ampersand Display Light", Helvetica, Arial, sans-serif;
  font-size: 13px;
  font-size: 0.76470588rem;
  letter-spacing: 1px;
  margin-top: 0;
}
.c-calendar-list .event {
  margin-top: 50px;
  text-align: center;
}
.c-calendar-list .event:first-child {
  margin-top: 0;
}
.c-calendar-list .event-date,
.c-calendar-teaser .event-date {
  border-bottom: 1px solid #cdcdcd;
  height: 53px;
  margin-bottom: 100px;
  box-sizing: border-box;
}
.c-calendar-list .event-date i,
.c-calendar-teaser .event-date i {
  display: block;
  font-family: "HM Amperserif Display Regular", Didot, Georgia, serif;
  font-style: normal;
  font-size: 23px;
  line-height: 32px;
  padding-top: 16px;
}
.c-calendar-list .event-date span,
.c-calendar-teaser .event-date span {
  display: inline-block;
  background: #2c2c2c;
  background-clip: padding-box;
  border: 13px solid #ffffff;
  border-radius: 50%;
  color: #ffffff;
  font-size: 13.6px;
  height: 106px;
  line-height: 14px;
  text-transform: uppercase;
  width: 106px;
  box-sizing: border-box;
}
.c-calendar-list .event-link {
  display: block;
  text-decoration: none;
}
.c-calendar-list .event-link:hover .event-read-more {
  text-decoration: none;
}
.c-calendar-list .event-read-more {
  display: block;
  margin: 25px 0 34px;
  text-decoration: underline;
}
.c-calendar-list img {
  transition: opacity 0.15s;
  -webkit-backface-visibility: hidden;
}
.c-calendar-list img:hover {
  opacity: 0.85;
}
.c-calendar-list figure {
  margin-bottom: 34px;
}
.c-calendar-list .labels {
  font-family: "HM Ampersand Display Light", Helvetica, Arial, sans-serif;
  font-size: 13px;
  font-size: 0.76470588rem;
  letter-spacing: 1px;
  list-style: none;
  margin: 0;
  overflow: hidden;
  padding: 0;
  text-transform: uppercase;
  display: inline-block;
}
.c-calendar-list .labels li {
  float: left;
}
.c-calendar-list .labels li:before {
  content: "\000A0\00B7\000A0";
}
.c-calendar-list .labels li:first-child:before {
  content: "";
}
.c-calendar-list .labels a:hover {
  text-decoration: underline;
}
.c-calendar-list .no-results {
  display: none;
  font-size: 24px;
  font-size: 1.41176471rem;
  text-align: center;
}
@media (min-width: 768px) {
  .c-calendar-list figure {
    float: left;
    margin-bottom: 0;
    max-width: 48%;
  }
  .c-calendar-list .event-details {
    margin-left: auto;
    margin-right: auto;
    max-width: 50%;
  }
  .c-calendar-list .event-details.hasimage {
    float: right;
    width: 48%;
  }
}
.c-calendar-teaser ul {
  list-style-type: none;
  margin: 0 auto;
  max-width: 794px;
  padding: 0;
  text-align: center;
}
.c-calendar-teaser li {
  margin-bottom: 35px;
  text-align: center;
}
.c-calendar-teaser li a {
  display: block;
  text-decoration: none;
}
.c-calendar-teaser .event-date {
  margin-bottom: 65px;
}
.c-calendar-teaser h3 {
  text-transform: none;
}
@media (min-width: 768px) {
  .c-calendar-teaser li {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: top;
    width: 33%;
  }
  .c-calendar-teaser .event-details {
    margin: 0 10px;
  }
}
/* Hides hamburger icon since it's not clickable on touch devices. */
html.touchevents #cision-websolution-container .highcharts-button {
  display: none;
}
html.touchevents #cision-websolution-container .highcharts-input-group {
  -ms-transform: translate(8px, 10px);
  -webkit-transform: translate(8px, 10px);
  transform: translate(8px, 10px);
}
html.touchevents #cision-websolution-container input[name="min"].highcharts-range-selector {
  left: 47px !important;
}
html.touchevents #cision-websolution-container input[name="max"].highcharts-range-selector {
  left: 174px !important;
}
html.touchevents #cision-websolution-container #periods {
  top: -46px;
}
html.touchevents #cision-websolution-container #periods .action {
  padding: 9px 15px;
}
html.touchevents #cision-websolution-container #info .column {
  width: 100%;
}
@media (min-width: 768px) {
  html.touchevents #cision-websolution-container #info .column {
    width: 50%;
    margin-bottom: 15px;
  }
}
html.touchevents #cision-websolution-container #info .column h4 {
  margin: 15px 0 0;
  min-height: 0;
}
@media (min-width: 768px) {
  html.touchevents #cision-websolution-container #info .column h4 {
    margin: 0;
  }
}
html.touchevents #cision-websolution-container #info .column input[type="radio"] {
  border-radius: 50%;
}
html.touchevents #cision-websolution-container #info .excel-icon {
  margin-top: 10px;
}
/* Overrides for original Cision CSS file placed on Glow */
.c-share-graph {
  position: relative;
}
.c-share-graph #cision-websolution-container {
  display: block;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .c-share-graph #cision-websolution-container {
    padding: 0 50px;
  }
}
@media (min-width: 992px) {
  .c-share-graph #cision-websolution-container {
    padding: 0 80px;
  }
}
.c-share-graph #cision-websolution-container #periods {
  position: absolute;
  top: 0;
  width: auto;
  z-index: 1;
}
.c-share-graph #cision-websolution-container #periods .action {
  background-color: #cdcdcd;
  padding: 7px 10px;
}
.c-share-graph #cision-websolution-container #periods .action:hover,
.c-share-graph #cision-websolution-container #periods .action:active {
  background-color: #b4b4b4;
}
.c-share-graph #cision-websolution-container #info {
  border: 1px solid #cdcdcd;
  margin-top: 50px;
  text-align: left;
  width: 100%;
}
.c-share-graph #cision-websolution-container #info .column {
  padding-right: 5px;
  width: 25%;
}
.c-share-graph #cision-websolution-container #info .column:last-child {
  padding-right: 0;
}
.c-share-graph #cision-websolution-container #info .column .action {
  margin: 4px 4px 0 0 !important;
}
.c-share-graph #cision-websolution-container #info .column:first-child h4 {
  margin-top: 0;
}
.c-share-graph #cision-websolution-container #info .column h4 {
  font-family: "HM Ampersand Demi Bold", Helvetica, Arial, sans-serif;
  font-weight: normal;
  /* Address extra bolding in Firefox */
  line-height: 1.1;
  padding: 0;
  margin: 0;
  min-height: 40px;
}
.c-share-graph #cision-websolution-container #info .column h5 {
  color: #8d8d8d;
}
.c-share-graph #cision-websolution-container #info .excel-icon {
  clear: both;
  float: left;
  height: 16px;
  margin-top: 0;
}
.c-share-graph #cision-websolution-container #info .excel-icon img {
  width: 24px;
}
.c-share-ticker {
  display: none;
  margin-bottom: 3.73134328%;
  text-align: center;
  font-family: "HM Ampersand Display Light", Helvetica, Arial, sans-serif;
  font-size: 15px;
  font-size: 0.88235294rem;
  text-transform: uppercase;
}
.c-share-ticker h3,
.c-share-ticker p {
  margin: 0;
}
.c-share-ticker h3 {
  font-family: "HM Amperserif Display Regular", Didot, Georgia, serif;
  font-size: 15px;
  font-size: 0.88235294rem;
  text-transform: none;
}
.c-share-ticker h3 strong,
.c-share-ticker h3 b {
  display: inline-block;
  font-family: "HM Amperserif Display Regular", Didot, Georgia, serif;
  font-size: 35px;
  font-size: 2.05882353rem;
  margin: 0 2px;
}
@media (min-width: 992px) {
  .c-share-ticker {
    font-size: 16px;
    font-size: 0.94117647rem;
    letter-spacing: 1px;
  }
  .c-share-ticker h3 {
    font-size: 16px;
    font-size: 0.94117647rem;
    margin-bottom: 8px;
  }
  .c-share-ticker h3 strong,
  .c-share-ticker h3 b {
    font-size: 38px;
    font-size: 2.23529412rem;
    margin: 0 3px;
  }
}
@media (min-width: 1500px) {
  .c-share-ticker {
    font-size: 17px;
    font-size: 1rem;
  }
  .c-share-ticker h3 {
    font-size: 20px;
    font-size: 1.17647059rem;
  }
  .c-share-ticker h3 strong,
  .c-share-ticker h3 b {
    font-size: 45px;
    font-size: 2.64705882rem;
    margin: 0 5px;
  }
}
.c-share-ticker .price {
  display: inline;
  font-family: "HM Amperserif Display Regular", Didot, Georgia, serif;
  padding: 0;
}
.c-share-ticker .currency {
  font-family: "HM Ampersand Light", Helvetica, Arial, sans-serif;
  font-size: 22px;
  font-size: 1.29411765rem;
  letter-spacing: 1px;
}
.c-share-ticker .delta {
  display: block;
  font-family: "HM Ampersand Light", Helvetica, Arial, sans-serif;
  font-size: 22px;
  font-size: 1.29411765rem;
  margin-top: -6px;
}
.c-share-ticker .delta.positive:after {
  border-bottom: 10px solid #7ee153;
}
.c-share-ticker .delta.negative:after {
  border-top: 10px solid #cd2026;
}
.c-share-ticker .delta:after {
  content: '';
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  display: inline-block;
  height: 0;
  position: relative;
  top: -2px;
  width: 0;
}
.c-share-ticker .delta.positive .delta-inner:before {
  content: '+';
}
.c-share-ticker .delta .delta-inner:after {
  content: '%';
}
.cookiebar {
  background-color: #ffffff;
  display: none;
  padding: 10px 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 999;
  box-sizing: border-box;
}
@media (min-width: 480px) {
  .cookiebar {
    padding: 10px 0 5px;
  }
}
body.cookie-notification .cookiebar {
  display: block;
}
.cookiebar .cookiebar-panel {
  margin: 0 3.5%;
  width: 93%;
  *zoom: 1;
  border: 1px solid #2c2c2c;
  font-family: "HM Ampersand Bold", Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-size: 0.70588235rem;
  padding: 10px;
  position: relative;
}
@media (min-width: 992px) {
  .cookiebar .cookiebar-panel {
    margin: 0 5.33333333%;
    width: 89.33333333%;
  }
}
@media (min-width: 1500px) {
  .cookiebar .cookiebar-panel {
    margin: 0 auto;
    max-width: 1340px;
  }
}
.cookiebar .cookiebar-panel:before,
.cookiebar .cookiebar-panel:after {
  content: " ";
  display: table;
}
.cookiebar .cookiebar-panel:after {
  clear: both;
}
@media (min-width: 768px) {
  .cookiebar .cookiebar-panel {
    padding-left: 30px;
  }
}
.cookiebar .cookiebar-panel p {
  margin: 0 0 5px;
  width: 100%;
}
@media (min-width: 480px) {
  .cookiebar .cookiebar-panel p {
    margin: 0 2% 0 0;
    width: 83%;
  }
}
.cookiebar .cookiebar-panel button {
  background-color: black;
  border: none;
  color: white;
  display: block;
  float: right;
  font-family: "HM Ampersand Bold", Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-size: 0.70588235rem;
  max-width: 105px;
  padding: 4px 0;
  width: 25%;
  box-sizing: border-box;
}
@media (min-width: 480px) {
  .cookiebar .cookiebar-panel button {
    float: none;
    position: absolute;
    right: 10px;
    top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 15%;
  }
}
.c-contact-us {
  margin-bottom: 0;
  /* Privacy checkbox */
}
.c-contact-us li.details {
  border-bottom: none;
}
.c-contact-us h2,
.c-contact-us h3,
.c-contact-us h4 {
  text-transform: uppercase;
}
.c-contact-us .details-wrapper {
  -moz-columns: auto;
  -webkit-columns: auto;
  columns: auto;
  min-height: 100px;
  padding-bottom: 20px;
  position: relative;
}
.c-contact-us .details-wrapper .load-indicator {
  width: 48px;
}
.c-contact-us .details-wrapper h3 {
  border-bottom: 1px solid #cdcdcd;
  padding-bottom: 10px;
}
.c-contact-us .details-wrapper select {
  display: none;
}
.c-contact-us .details-header {
  margin-bottom: 40px;
  text-align: center;
}
.c-contact-us .details-header h3 {
  text-align: center;
}
.c-contact-us .details-header optgroup {
  font-family: "HM Ampersand Bold", Helvetica, Arial, sans-serif;
}
.c-contact-us .details-header option {
  font-family: "HM Ampersand Light", Helvetica, Arial, sans-serif;
}
@media (min-width: 480px) {
  .c-contact-us .details-country {
    float: left;
    width: 48%;
  }
}
@media (min-width: 992px) {
  .c-contact-us .details-country {
    width: 64%;
  }
}
@media (min-width: 992px) {
  .c-contact-us .details-country-inner {
    -moz-columns: 2;
    -webkit-columns: 2;
    columns: 2;
  }
}
@media (min-width: 480px) {
  .c-contact-us .details-press {
    float: right;
    width: 48%;
  }
}
@media (min-width: 992px) {
  .c-contact-us .details-press {
    width: 33%;
  }
}
.c-contact-us .details-country,
.c-contact-us .details-press {
  margin-bottom: 30px;
}
@media (min-width: 480px) {
  .c-contact-us .details-country,
  .c-contact-us .details-press {
    margin-bottom: 0;
  }
}
.c-contact-us p {
  margin: 0;
}
.c-contact-us .details-country-inner div,
.c-contact-us .details-press div {
  margin-bottom: 1em;
}
.c-contact-us .shaded {
  padding: 40px 20px;
}
@media (min-width: 768px) {
  .c-contact-us .shaded {
    padding: 60px 80px;
  }
}
.c-contact-us .contact-form {
  display: none;
}
.c-contact-us form {
  margin: 0 auto;
  max-width: 612px;
  overflow: hidden;
  position: relative;
  /* TODO: Extract/merge to form-elements.less */
}
.c-contact-us form h3 {
  text-align: center;
}
@media (max-width: 479px) {
  .c-contact-us form h3 {
    margin-bottom: 34px;
  }
}
.c-contact-us form .message {
  background: #7ee153;
  display: none;
  margin-bottom: 30px;
  padding: 10px;
  position: relative;
}
.c-contact-us form .message.error {
  background: #cd2026;
  color: #ffffff;
}
.c-contact-us form .message i {
  cursor: pointer;
  font-size: 1.5em;
  font-style: normal;
  position: absolute;
  right: 10px;
  top: 5px;
}
.c-contact-us form input[type="text"],
.c-contact-us form input[type="email"],
.c-contact-us form select,
.c-contact-us form textarea {
  background-clip: padding-box;
  border: 1px solid #cdcdcd;
  border-radius: 0;
  box-sizing: border-box;
  display: block;
  font-family: "HM Ampersand Light", Helvetica, Arial, sans-serif;
  font-size: 1rem;
  margin-top: 6px;
  padding: 6px;
  text-transform: none;
  transition: border 0.15s;
  width: 100%;
}
.c-contact-us form .error {
  border-color: #c41f24 !important;
}
.c-contact-us form .error-message {
  color: #c41f24;
  display: none;
  font-family: "HM Ampersand Display Regular", Helvetica, Arial, sans-serif;
  font-size: .8rem;
  text-transform: none;
}
.c-contact-us form .load-indicator {
  bottom: 0;
  left: 50%;
  position: absolute;
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 48px;
}
@media (min-width: 768px) {
  .c-contact-us label {
    width: 48%;
  }
  .c-contact-us .label-name {
    float: left;
  }
  .c-contact-us .label-email {
    float: right;
  }
  .c-contact-us .label-question {
    clear: both;
    width: 100%;
  }
  .c-contact-us .label-terms {
    width: 100%;
  }
}
.c-contact-us button {
  background: transparent;
  float: right;
  margin-top: 15px;
}
.c-contact-us .field-privacy-wrapper {
  margin-bottom: 30px;
}
.c-contact-us .field-privacy-wrapper label,
.c-contact-us .field-privacy-wrapper a {
  font-size: .7em;
}
.c-contact-us .field-privacy-wrapper a {
  margin-left: 30px;
}
@media (min-width: 768px) {
  .c-contact-us .field-privacy-wrapper {
    width: 80%;
  }
}
.c-subscribe-email {
  padding: 40px 20px;
}
@media (min-width: 768px) {
  .c-subscribe-email {
    padding: 60px 80px;
  }
}
.c-subscribe-email form {
  margin: 50px auto 20px;
  max-width: 400px;
  overflow: hidden;
  position: relative;
}
.c-subscribe-email form h3 {
  text-align: center;
}
@media (max-width: 479px) {
  .c-subscribe-email form h3 {
    margin-bottom: 34px;
  }
}
.c-subscribe-email form .message {
  background: #7ee153;
  display: none;
  margin-bottom: 30px;
  padding: 10px;
  position: relative;
}
.c-subscribe-email form .message.error {
  background: #cd2026;
  color: #ffffff;
}
.c-subscribe-email form .message i {
  cursor: pointer;
  font-size: 1.5em;
  font-style: normal;
  position: absolute;
  right: 10px;
  top: 5px;
}
.c-subscribe-email form p {
  padding: 0;
}
.c-subscribe-email form input[type='text'],
.c-subscribe-email form input[type='email'],
.c-subscribe-email form select,
.c-subscribe-email form textarea {
  background-clip: padding-box;
  border: 1px solid #cdcdcd;
  border-radius: 0;
  box-sizing: border-box;
  display: block;
  font-family: "HM Ampersand Light", Helvetica, Arial, sans-serif;
  font-size: 1rem;
  margin-top: 6px;
  padding: 6px;
  text-transform: none;
  transition: border 0.15s;
  width: 100%;
}
.c-subscribe-email form .error {
  border-color: #c41f24 !important;
}
.c-subscribe-email form .error-message {
  color: #c41f24;
  display: none;
  font-family: "HM Ampersand Display Regular", Helvetica, Arial, sans-serif;
  font-size: .8rem;
  text-transform: none;
}
.c-subscribe-email button {
  background: transparent;
  margin-top: 15px;
}
@media (min-width: 480px) {
  .c-subscribe-email button {
    float: left;
  }
  .c-subscribe-email button + button {
    float: right;
  }
}
.c-subscribe-email .label-language {
  margin-bottom: 5px;
}
.c-subscribe-email .field-privacy-wrapper {
  margin: 50px 0 10px;
}
.c-subscribe-email .field-privacy-wrapper label,
.c-subscribe-email .field-privacy-wrapper a {
  font-size: .7em;
}
.c-subscribe-email .field-privacy-wrapper a {
  margin-left: 30px;
}
@media (min-width: 768px) {
  .c-subscribe-email .field-privacy-wrapper {
    width: 80%;
  }
}
.c-follow-us ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.c-follow-us > ul {
  margin: 0 auto;
  max-width: 1000px;
}
.c-follow-us > ul > li {
  margin: 0 0 30px;
}
@media (min-width: 768px) {
  .c-follow-us > ul > li {
    box-sizing: border-box;
    display: inline-block;
    padding: 0 10px;
    vertical-align: top;
    width: 33.33333333%;
  }
}
@media (min-width: 992px) {
  .c-follow-us > ul > li {
    width: 25%;
  }
}
.c-follow-us .c-link-list {
  text-align: center;
}
.c-follow-us .c-link-list ul {
  margin: 0 auto;
  max-width: 215px;
}
.c-follow-us .c-link-list li {
  display: inline-block;
  width: 22%;
}
.c-follow-us h3 {
  margin: 0 0 15px;
  padding: 0;
}
@media (min-width: 768px) {
  .c-follow-us h3 {
    margin-bottom: 20px;
  }
}
.c-follow-us a {
  color: transparent;
  display: block;
  line-height: 0;
  text-decoration: none;
}
.c-follow-us a:hover:before {
  color: #6f6f6f;
}
.c-follow-us a:before {
  font-size: 36px !important;
  font-size: 2.11764706rem !important;
  margin-right: 0 !important;
}
.c-boost-field-dashboard {
  overflow-x: auto;
}
.c-boost-field-dashboard .wrapper {
  min-width: 1000px;
  margin: 0 auto;
}
.c-boost-field-dashboard .boost-legend-wrapper {
  padding: 10px 0;
  border-bottom: 1px solid #cdcdcd;
  margin-bottom: 10px;
}
.c-boost-field-dashboard .boost-legend-wrapper span {
  display: inline-block;
  font-size: 15px;
  font-size: 0.88235294rem;
}
.c-boost-field-dashboard .boost-legend-wrapper .boost-legend-details {
  float: left;
  max-width: 650px;
}
.c-boost-field-dashboard .boost-legend-wrapper .boost-legend-details > div {
  margin-bottom: 10px;
}
.c-boost-field-dashboard .boost-legend-wrapper .boost-legend-details > div label {
  display: inline-block;
  font-size: 17px;
  font-size: 1rem;
  margin-right: 10px;
  margin-bottom: 0;
  text-transform: capitalize;
}
.c-boost-field-dashboard .boost-legend-wrapper .boost-legend-info {
  float: right;
  max-width: 350px;
  font-family: "HM Ampersand Bold", Helvetica, Arial, sans-serif;
}
.c-boost-field-dashboard .boost-legend-wrapper .boost-legend-info > div {
  margin-bottom: 10px;
}
.c-boost-field-dashboard .boost-legend-wrapper .boost-legend-info > div .label-tag:before {
  display: inline-block;
  width: 20px;
  height: 15px;
  border: 1px solid #cdcdcd;
  position: relative;
  top: 2px;
  content: '';
  box-sizing: border-box;
  margin-right: 10px;
}
.c-boost-field-dashboard .boost-legend-wrapper .boost-legend-info > div.boost-field-red .label-tag:before {
  background-color: #cd2026;
}
.c-boost-field-dashboard .boost-legend-wrapper .boost-legend-info > div.boost-field-yellow .label-tag:before {
  background-color: #bd8c00;
}
.c-boost-field-dashboard .boost-legend-wrapper .boost-legend-info > div.boost-field-green .label-tag:before {
  background-color: #19945f;
}
.c-boost-field-dashboard .boost-filters-wrapper {
  text-align: center;
}
.c-boost-field-dashboard .boost-filters-wrapper .tag-btn {
  font-size: 13px;
  font-size: 0.76470588rem;
}
.c-boost-field-dashboard .boost-filters-wrapper .tag-btn span {
  display: inline-block;
  margin-left: 3px;
}
.c-boost-field-dashboard .boost-field-results {
  width: 100%;
  border: none;
  margin-top: 50px;
  font-size: 0px;
  font-size: 0rem;
  letter-spacing: 0;
}
.c-boost-field-dashboard .boost-field-results.no-boost-field-results {
  display: none;
}
.c-boost-field-dashboard .boost-field-results span {
  padding: 4px;
  display: inline-block;
  font-size: 17px;
  font-size: 1rem;
  letter-spacing: .3px;
  vertical-align: top;
  box-sizing: border-box;
}
.c-boost-field-dashboard .boost-field-results .boost-field-results-severity {
  min-width: 30px;
  width: 3%;
  text-align: center;
}
.c-boost-field-dashboard .boost-field-results .boost-field-results-name {
  min-width: 470px;
  width: 47%;
}
.c-boost-field-dashboard .boost-field-results .boost-field-results-term {
  min-width: 160px;
  width: 16%;
}
.c-boost-field-dashboard .boost-field-results .boost-field-results-date {
  min-width: 160px;
  width: 16%;
}
.c-boost-field-dashboard .boost-field-results .boost-field-results-modifiedby {
  min-width: 180px;
  width: 18%;
}
.c-boost-field-dashboard .boost-field-results .boost-field-results-header-container {
  font-weight: normal;
  line-height: 1.5;
  font-family: "HM Ampersand Display Bold", Helvetica, Arial, sans-serif;
}
.c-boost-field-dashboard .boost-field-results .boost-field-results-container .boost-field-results-item {
  border-top: 1px solid #cdcdcd;
}
.c-boost-field-dashboard .boost-field-results .boost-field-results-container .boost-field-results-item span {
  padding: 10px 4px;
}
.c-boost-field-dashboard .boost-field-results .boost-field-results-container .boost-field-results-item .boost-field-results-severity:before {
  display: inline-block;
  width: 20px;
  height: 15px;
  border: 1px solid #cdcdcd;
  position: relative;
  top: 2px;
  content: '';
  box-sizing: border-box;
}
.c-boost-field-dashboard .boost-field-results .boost-field-results-container .boost-field-red .boost-field-results-severity:before {
  background-color: #cd2026;
}
.c-boost-field-dashboard .boost-field-results .boost-field-results-container .boost-field-yellow .boost-field-results-severity:before {
  background-color: #bd8c00;
}
.c-boost-field-dashboard .boost-field-results .boost-field-results-container .boost-field-green .boost-field-results-severity:before {
  background-color: #19945f;
}
.c-boost-field-dashboard .loader {
  display: none;
  background: url('framework/images/ajax-loader.gif') no-repeat center;
  height: 48px;
}
/* Collage preamble */
.c-collage-preamble .preamble {
  font-family: "HM Ampersand Display Light", Helvetica, Arial, sans-serif;
  font-size: 19px;
  font-size: 1.11764706rem;
  letter-spacing: .5px;
  margin: 20px 0;
  overflow: hidden;
  text-align: center;
  text-overflow: ellipsis;
}
@media (min-width: 480px) {
  .c-collage-preamble .preamble {
    font-size: 22px;
    font-size: 1.29411765rem;
  }
}
@media (min-width: 768px) {
  .c-collage-preamble .preamble {
    font-size: 25px;
    font-size: 1.47058824rem;
    padding: 0 50px;
    margin: 30px 0;
  }
}
@media (min-width: 992px) {
  .c-collage-preamble .preamble {
    padding: 0 80px;
  }
}
.c-footer-brand-logos {
  text-align: center;
  clear: both;
  margin-top: 20px;
}
@media (min-width: 480px) {
  .c-footer-brand-logos {
    margin-top: 0;
  }
}
.c-footer-brand-logos ul {
  list-style-type: none;
  margin: 0;
  overflow: hidden;
  padding: 0;
  font-size: 0px;
  font-size: 0rem;
}
.c-footer-brand-logos ul > li {
  display: inline-block;
  margin-top: 8px;
  margin-right: 15px;
  line-height: 26px;
}
@media (min-width: 992px) {
  .c-footer-brand-logos ul > li {
    line-height: 32px;
  }
}
.c-footer-brand-logos ul > li a {
  display: inline-block;
}
.c-footer-brand-logos ul > li .logo {
  vertical-align: middle;
  display: inline-block;
  height: 17px;
}
@media (min-width: 992px) {
  .c-footer-brand-logos ul > li .logo {
    height: 22px;
  }
}
.c-footer-brand-logos ul > li .logo.hm {
  width: 32px;
  height: 21px;
}
@media (min-width: 992px) {
  .c-footer-brand-logos ul > li .logo.hm {
    height: 26px;
    width: 40px;
  }
}
.c-footer-brand-logos ul > li .logo.cheap-monday {
  width: 45px;
  height: 21px;
}
@media (min-width: 992px) {
  .c-footer-brand-logos ul > li .logo.cheap-monday {
    height: 26px;
    width: 56px;
  }
}
.c-footer-brand-logos ul > li .logo.cos {
  width: 52px;
}
@media (min-width: 992px) {
  .c-footer-brand-logos ul > li .logo.cos {
    width: 72px;
  }
}
.c-footer-brand-logos ul > li .logo.weekday {
  width: 86px;
}
@media (min-width: 992px) {
  .c-footer-brand-logos ul > li .logo.weekday {
    width: 111px;
  }
}
.c-footer-brand-logos ul > li .logo.monki {
  width: 91px;
}
@media (min-width: 992px) {
  .c-footer-brand-logos ul > li .logo.monki {
    width: 119px;
  }
}
.c-footer-brand-logos ul > li .logo.hm-home {
  width: 85px;
}
@media (min-width: 992px) {
  .c-footer-brand-logos ul > li .logo.hm-home {
    width: 110px;
  }
}
.c-footer-brand-logos ul > li .logo.and-other-stories {
  width: 101px;
}
@media (min-width: 992px) {
  .c-footer-brand-logos ul > li .logo.and-other-stories {
    width: 130px;
  }
}
.c-footer-brand-logos ul > li .logo.arket {
  width: 75px;
}
@media (min-width: 992px) {
  .c-footer-brand-logos ul > li .logo.arket {
    width: 98px;
  }
}
.c-footer-brand-logos ul > li .logo.afound {
  width: 60px;
}
@media (min-width: 992px) {
  .c-footer-brand-logos ul > li .logo.afound {
    width: 77px;
  }
}
.c-footer-quick-links ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.c-footer-quick-links ul > li {
  width: 100%;
  margin: 0;
  margin-bottom: 10px;
  text-align: center;
}
@media (min-width: 768px) {
  .c-footer-quick-links ul > li {
    width: 23%;
    margin: 1.86567164% 2% 30px 0;
    float: left;
    text-align: left;
  }
  .c-footer-quick-links ul > li:nth-child(4n+1) {
    clear: left;
  }
}
.c-footer-quick-links ul > li a {
  color: #2c2c2c;
  display: block;
  font-family: "HM Ampersand Bold", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-size: 0.82352941rem;
  overflow: hidden;
  letter-spacing: .5px;
  margin: 6px 0;
  padding: 0;
  text-transform: uppercase;
  text-decoration: none;
  text-overflow: ellipsis;
}
.c-footer-quick-links ul > li a:hover {
  text-decoration: underline;
}
@media (min-width: 992px) {
  .c-footer-quick-links ul > li a {
    font-size: 15px;
    font-size: 0.88235294rem;
  }
}
.c-banner {
  padding: 15px 0;
  background: #ffffff;
}
@media (min-width: 768px) {
  .c-banner {
    padding: 20px 0;
  }
}
.c-banner .banner-url {
  text-decoration: none;
  display: block;
}
.c-banner .banner-url:hover {
  opacity: 0.85;
}
.c-banner .banner-background-wrapper {
  background-color: #8d8d8d;
  box-sizing: border-box;
  text-decoration: none;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
  background-size: cover;
}
.c-banner .banner-text-wrapper {
  text-align: center;
  padding: 10px 0;
  box-sizing: border-box;
  color: #ffffff;
}
.c-banner .banner-text-wrapper .banner-heading {
  font-family: "HM Ampersand Bold", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  letter-spacing: .8px;
}
@media (min-width: 768px) {
  .c-banner .banner-text-wrapper .banner-heading {
    font-size: 20px;
    font-size: 1.17647059rem;
  }
}
.c-banner .banner-text-wrapper .banner-sub-text {
  font-size: 12px;
  font-size: 0.70588235rem;
  line-height: 16px;
  font-family: "HM Ampersand Regular", Helvetica, Arial, sans-serif;
  letter-spacing: .5px;
  margin-bottom: 5px;
}
.c-banner .banner-text-wrapper .banner-button-wrapper {
  margin-top: 5px;
}
.c-banner .banner-text-wrapper .banner-button-wrapper .banner-button {
  font-family: "HM Ampersand Bold", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  letter-spacing: 1px;
  box-sizing: border-box;
  display: inline-block;
  background-color: #ffffff;
  white-space: nowrap;
  color: #000000;
  text-decoration: none;
  font-size: 12px;
  font-size: 0.70588235rem;
  line-height: 12px;
  padding: 8px;
  margin: 5px 0;
}
.c-hero-carousel {
  padding: 0;
  font-size: 10px;
  position: relative;
  text-align: center;
}
@media (min-width: 480px) {
  .c-hero-carousel {
    font-size: 9px;
    /* Needs to be small for all the text to fit at @screen-sm-min viewport width */
  }
}
@media (min-width: 768px) {
  .c-hero-carousel {
    font-size: 16px;
    font-size: 1.33333vw;
  }
}
@media (min-width: 1500px) {
  .c-hero-carousel {
    font-size: 20px;
    font-size: 1.17647059rem;
  }
}
.c-hero-carousel .hero-carousel-url {
  text-decoration: none;
  display: block;
  height: 100%;
}
.c-hero-carousel .hero-carousel-text-wrapper {
  padding: 20px 0;
}
.c-hero-carousel .text {
  position: relative;
  top: 50%;
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 2;
}
.c-hero-carousel p {
  color: #ffffff;
  font-family: "HM Ampersand Display Light", Helvetica, Arial, sans-serif;
  font-size: 1.25em;
  letter-spacing: 2px;
  margin: 0 0 8px;
  text-transform: uppercase;
}
.c-hero-carousel h1 {
  color: #ffffff;
  font-size: 31px;
  font-size: 1.82352941rem;
  line-height: 1.3;
  margin: 0;
  overflow: visible;
  word-wrap: break-word;
}
@media (min-width: 480px) {
  .c-hero-carousel h1 {
    font-size: 38px;
    font-size: 2.23529412rem;
    overflow: hidden;
  }
}
@media (min-width: 768px) {
  .c-hero-carousel h1 {
    font-size: 45px;
    font-size: 2.64705882rem;
  }
}
@media (min-width: 992px) {
  .c-hero-carousel h1 {
    font-size: 59px;
    font-size: 3.47058824rem;
  }
}
@media (min-width: 1500px) {
  .c-hero-carousel h1 {
    font-size: 3.6em;
  }
}
.c-hero-carousel .hero-carousel-slides-wrapper {
  background: #8d8d8d;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
  top: 0;
}
.c-hero-carousel .hero-carousel-slides-wrapper .hero-carousel-slide-item {
  background: transparent center no-repeat;
  background-size: cover;
}
.c-hero-carousel .hero-carousel-slides-wrapper .hero-carousel-slide-item,
.c-hero-carousel .hero-carousel-slides-wrapper .hero-carousel-slide-carousel,
.c-hero-carousel .hero-carousel-slides-wrapper .owl-stage-outer,
.c-hero-carousel .hero-carousel-slides-wrapper .owl-stage,
.c-hero-carousel .hero-carousel-slides-wrapper .owl-item {
  height: 100%;
}
.c-hero-carousel .hero-carousel-text-wrapper,
.c-hero-carousel .hero-carousel-slide-item-wrapper {
  height: 400px;
}
@media (min-width: 480px) {
  .c-hero-carousel .hero-carousel-text-wrapper,
  .c-hero-carousel .hero-carousel-slide-item-wrapper {
    height: 350px;
    height: 30vw;
    min-height: 280px;
  }
}
@media (min-width: 768px) {
  .c-hero-carousel .hero-carousel-text-wrapper,
  .c-hero-carousel .hero-carousel-slide-item-wrapper {
    height: 420px;
    height: 30vw;
  }
}
@media (min-width: 768px) and (min-height: 800px) {
  .c-hero-carousel .hero-carousel-text-wrapper,
  .c-hero-carousel .hero-carousel-slide-item-wrapper {
    height: 520px;
    height: 30vw;
  }
}

/* Glow basic CSS rules for video */
.video {
  line-height: 0;
  position: relative;
  width: 100%;
  /* Override Uniform CSS */
}
.video.section {
  height: auto;
  width: auto;
}
.video .audioContainer {
  height: 40px;
}
.video .audioContainer video,
.video .audioContainer .jwpreview,
.video .audioContainer .jwdisplay,
.video .audioContainer .jwaspect {
  display: none !important;
  height: 40px;
}
.video .audioContainer .jwmain {
  height: 40px;
}
.video .audioContainer .jwcontrolbar {
  display: block !important;
  opacity: 1 !important;
}
.video .video-description {
  display: none;
  /* Will be displayed by JS on video init */
  background: #4c4c4c;
  background: rgba(0, 0, 0, 0.7);
  bottom: 0;
  color: #fff;
  line-height: 16px;
  padding: 10px 12px;
  position: absolute;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media only screen and (min-width: 1034px) {
  .video .video-description {
    padding: 15px;
  }
}