@charset "UTF-8";

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, font, img, ins, kbd, q, s, samp, small, strike, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
   margin: 0;
   padding: 0;
   border: 0;
   outline: 0;
   font-weight: inherit;
   font-style: inherit;
   font-size: 100%;
   font-family: inherit;
   vertical-align: baseline;
}

:focus {
   outline: 0;
}

body {
   line-height: 1;
   color: black;
   background: white;
}

ol, ul {
   list-style: none;
}

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

caption, th, td {
   text-align: left;
   font-weight: normal;
}

blockquote:before, blockquote:after, q:before, q:after {
   content: "";
}

blockquote, q {
   quotes: "" "";
}

div, nav, header, footer, aside, section {
   display: block;
}

body {
   background: #FFFFFF;
   text-align: center;
   font-family: "Archivo", sans-serif;
   font-size: 18px;
   color: #4F4F64;
   font-weight: 400;
   -webkit-font-smoothing: antialiased;
}

* {
   box-sizing: border-box;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
}

.container {
   width: auto;
   text-align: left;
   margin: 0 20px;
   position: relative;
}

@media all and (min-width: 1024px) {
   .page-block-pad-container .container {
      padding: 0 128px;
   }
}

@media all and (min-width: 1300px) {
   .container {
      width: 1248px;
      margin: auto;
   }

   .page-block-pad-container .container {
      padding: 0 214px;
   }
}

a {
   color: #4F4F64;
   text-decoration: none;
   transition: 0.3s ease-in-out;
}

   a:hover, a:active, a:focus {
      color: #000000;
   }

.clearfix {
   display: block;
   clear: both;
}

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

.page-block {
   position: relative;
}

.background-dark-blue {
   background: #000000;
}

.background-light-blue {
   background: #81DCF1;
}

.background-yellow {
   background: #FFCC05;
}

.spacer {
   height: 48px;
}

   .spacer.spacer-extra-small {
      height: 12px;
   }

   .spacer.spacer-small {
      height: 24px;
   }

   .spacer.spacer-large {
      height: 64px;
   }

   .spacer.spacer-extra-large {
      height: 64px;
   }

@media all and (min-width: 1024px) {
   .spacer {
      height: 64px;
   }

      .spacer.spacer-extra-small {
         height: 24px;
      }

      .spacer.spacer-small {
         height: 32px;
      }

      .spacer.spacer-large {
         height: 96px;
      }

      .spacer.spacer-extra-large {
         height: 128px;
      }
}
/* Accessibility tweaks */
.screen-reader-text {
   border: 0;
   clip: rect(1px, 1px, 1px, 1px);
   clip-path: inset(50%);
   height: 1px;
   margin: -1px;
   overflow: hidden;
   padding: 0;
   position: absolute !important;
   width: 1px;
   word-wrap: normal !important;
}

   .screen-reader-text:focus {
      background-color: #f1f1f1;
      border-radius: 3px;
      box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
      clip: auto !important;
      clip-path: none;
      color: #21759b;
      display: block;
      font-size: 14px;
      font-size: 0.875rem;
      font-weight: bold;
      height: auto;
      left: 5px;
      line-height: normal;
      padding: 15px 23px 14px;
      text-decoration: none;
      top: 5px;
      width: auto;
      z-index: 100000;
   }

.next-page-loader,
.has-another-page {
   display: none !important;
}

/* Animate.css at top, added CSS at bottom */
/*!
 * animate.css -https://daneden.github.io/animate.css/
 * Version - 3.7.2
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2019 Daniel Eden
 */
/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.6.0
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2018 Daniel Eden
 */
.animated {
   -webkit-animation-duration: 1.5s;
   animation-duration: 1.5s;
   -webkit-animation-fill-mode: both;
   animation-fill-mode: both;
}

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

@-webkit-keyframes bounce {
   from, 20%, 53%, 80%, to {
      -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
   }

   40%, 43% {
      -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
      animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
      -webkit-transform: translate3d(0, -30px, 0);
      transform: translate3d(0, -30px, 0);
   }

   70% {
      -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
      animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
      -webkit-transform: translate3d(0, -15px, 0);
      transform: translate3d(0, -15px, 0);
   }

   90% {
      -webkit-transform: translate3d(0, -4px, 0);
      transform: translate3d(0, -4px, 0);
   }
}

@keyframes bounce {
   from, 20%, 53%, 80%, to {
      -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
   }

   40%, 43% {
      -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
      animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
      -webkit-transform: translate3d(0, -30px, 0);
      transform: translate3d(0, -30px, 0);
   }

   70% {
      -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
      animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
      -webkit-transform: translate3d(0, -15px, 0);
      transform: translate3d(0, -15px, 0);
   }

   90% {
      -webkit-transform: translate3d(0, -4px, 0);
      transform: translate3d(0, -4px, 0);
   }
}

.bounce {
   -webkit-animation-name: bounce;
   animation-name: bounce;
   -webkit-transform-origin: center bottom;
   transform-origin: center bottom;
}

@-webkit-keyframes flash {
   from, 50%, to {
      opacity: 1;
   }

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

@keyframes flash {
   from, 50%, to {
      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 {
   from {
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
   }

   50% {
      -webkit-transform: scale3d(1.05, 1.05, 1.05);
      transform: scale3d(1.05, 1.05, 1.05);
   }

   to {
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
   }
}

@keyframes pulse {
   from {
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
   }

   50% {
      -webkit-transform: scale3d(1.05, 1.05, 1.05);
      transform: scale3d(1.05, 1.05, 1.05);
   }

   to {
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
   }
}

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

@-webkit-keyframes rubberBand {
   from {
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
   }

   30% {
      -webkit-transform: scale3d(1.25, 0.75, 1);
      transform: scale3d(1.25, 0.75, 1);
   }

   40% {
      -webkit-transform: scale3d(0.75, 1.25, 1);
      transform: scale3d(0.75, 1.25, 1);
   }

   50% {
      -webkit-transform: scale3d(1.15, 0.85, 1);
      transform: scale3d(1.15, 0.85, 1);
   }

   65% {
      -webkit-transform: scale3d(0.95, 1.05, 1);
      transform: scale3d(0.95, 1.05, 1);
   }

   75% {
      -webkit-transform: scale3d(1.05, 0.95, 1);
      transform: scale3d(1.05, 0.95, 1);
   }

   to {
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
   }
}

@keyframes rubberBand {
   from {
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
   }

   30% {
      -webkit-transform: scale3d(1.25, 0.75, 1);
      transform: scale3d(1.25, 0.75, 1);
   }

   40% {
      -webkit-transform: scale3d(0.75, 1.25, 1);
      transform: scale3d(0.75, 1.25, 1);
   }

   50% {
      -webkit-transform: scale3d(1.15, 0.85, 1);
      transform: scale3d(1.15, 0.85, 1);
   }

   65% {
      -webkit-transform: scale3d(0.95, 1.05, 1);
      transform: scale3d(0.95, 1.05, 1);
   }

   75% {
      -webkit-transform: scale3d(1.05, 0.95, 1);
      transform: scale3d(1.05, 0.95, 1);
   }

   to {
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
   }
}

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

@-webkit-keyframes shake {
   from, to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
   }

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

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

@keyframes shake {
   from, to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
   }

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

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

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

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

   6.5% {
      -webkit-transform: translateX(-6px) rotateY(-9deg);
      transform: translateX(-6px) rotateY(-9deg);
   }

   18.5% {
      -webkit-transform: translateX(5px) rotateY(7deg);
      transform: translateX(5px) rotateY(7deg);
   }

   31.5% {
      -webkit-transform: translateX(-3px) rotateY(-5deg);
      transform: translateX(-3px) rotateY(-5deg);
   }

   43.5% {
      -webkit-transform: translateX(2px) rotateY(3deg);
      transform: translateX(2px) rotateY(3deg);
   }

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

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

   6.5% {
      -webkit-transform: translateX(-6px) rotateY(-9deg);
      transform: translateX(-6px) rotateY(-9deg);
   }

   18.5% {
      -webkit-transform: translateX(5px) rotateY(7deg);
      transform: translateX(5px) rotateY(7deg);
   }

   31.5% {
      -webkit-transform: translateX(-3px) rotateY(-5deg);
      transform: translateX(-3px) rotateY(-5deg);
   }

   43.5% {
      -webkit-transform: translateX(2px) rotateY(3deg);
      transform: translateX(2px) rotateY(3deg);
   }

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

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

@-webkit-keyframes swing {
   20% {
      -webkit-transform: rotate3d(0, 0, 1, 15deg);
      transform: rotate3d(0, 0, 1, 15deg);
   }

   40% {
      -webkit-transform: rotate3d(0, 0, 1, -10deg);
      transform: rotate3d(0, 0, 1, -10deg);
   }

   60% {
      -webkit-transform: rotate3d(0, 0, 1, 5deg);
      transform: rotate3d(0, 0, 1, 5deg);
   }

   80% {
      -webkit-transform: rotate3d(0, 0, 1, -5deg);
      transform: rotate3d(0, 0, 1, -5deg);
   }

   to {
      -webkit-transform: rotate3d(0, 0, 1, 0deg);
      transform: rotate3d(0, 0, 1, 0deg);
   }
}

@keyframes swing {
   20% {
      -webkit-transform: rotate3d(0, 0, 1, 15deg);
      transform: rotate3d(0, 0, 1, 15deg);
   }

   40% {
      -webkit-transform: rotate3d(0, 0, 1, -10deg);
      transform: rotate3d(0, 0, 1, -10deg);
   }

   60% {
      -webkit-transform: rotate3d(0, 0, 1, 5deg);
      transform: rotate3d(0, 0, 1, 5deg);
   }

   80% {
      -webkit-transform: rotate3d(0, 0, 1, -5deg);
      transform: rotate3d(0, 0, 1, -5deg);
   }

   to {
      -webkit-transform: rotate3d(0, 0, 1, 0deg);
      transform: rotate3d(0, 0, 1, 0deg);
   }
}

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

@-webkit-keyframes tada {
   from {
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
   }

   10%, 20% {
      -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
      transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
   }

   30%, 50%, 70%, 90% {
      -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
      transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
   }

   40%, 60%, 80% {
      -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
      transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
   }

   to {
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
   }
}

@keyframes tada {
   from {
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
   }

   10%, 20% {
      -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
      transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
   }

   30%, 50%, 70%, 90% {
      -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
      transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
   }

   40%, 60%, 80% {
      -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
      transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
   }

   to {
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
   }
}

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

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble {
   from {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
   }

   15% {
      -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
      transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
   }

   30% {
      -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
      transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
   }

   45% {
      -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
      transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
   }

   60% {
      -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
      transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
   }

   75% {
      -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
      transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
   }

   to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
   }
}

@keyframes wobble {
   from {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
   }

   15% {
      -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
      transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
   }

   30% {
      -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
      transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
   }

   45% {
      -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
      transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
   }

   60% {
      -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
      transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
   }

   75% {
      -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
      transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
   }

   to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
   }
}

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

@-webkit-keyframes jello {
   from, 11.1%, to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
   }

   22.2% {
      -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
      transform: skewX(-12.5deg) skewY(-12.5deg);
   }

   33.3% {
      -webkit-transform: skewX(6.25deg) skewY(6.25deg);
      transform: skewX(6.25deg) skewY(6.25deg);
   }

   44.4% {
      -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
      transform: skewX(-3.125deg) skewY(-3.125deg);
   }

   55.5% {
      -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
      transform: skewX(1.5625deg) skewY(1.5625deg);
   }

   66.6% {
      -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
      transform: skewX(-0.78125deg) skewY(-0.78125deg);
   }

   77.7% {
      -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
      transform: skewX(0.390625deg) skewY(0.390625deg);
   }

   88.8% {
      -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
      transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
   }
}

@keyframes jello {
   from, 11.1%, to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
   }

   22.2% {
      -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
      transform: skewX(-12.5deg) skewY(-12.5deg);
   }

   33.3% {
      -webkit-transform: skewX(6.25deg) skewY(6.25deg);
      transform: skewX(6.25deg) skewY(6.25deg);
   }

   44.4% {
      -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
      transform: skewX(-3.125deg) skewY(-3.125deg);
   }

   55.5% {
      -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
      transform: skewX(1.5625deg) skewY(1.5625deg);
   }

   66.6% {
      -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
      transform: skewX(-0.78125deg) skewY(-0.78125deg);
   }

   77.7% {
      -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
      transform: skewX(0.390625deg) skewY(0.390625deg);
   }

   88.8% {
      -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
      transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
   }
}

.jello {
   -webkit-animation-name: jello;
   animation-name: jello;
   -webkit-transform-origin: center;
   transform-origin: center;
}

@-webkit-keyframes bounceIn {
   from, 20%, 40%, 60%, 80%, to {
      -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
   }

   0% {
      opacity: 0;
      -webkit-transform: scale3d(0.3, 0.3, 0.3);
      transform: scale3d(0.3, 0.3, 0.3);
   }

   20% {
      -webkit-transform: scale3d(1.1, 1.1, 1.1);
      transform: scale3d(1.1, 1.1, 1.1);
   }

   40% {
      -webkit-transform: scale3d(0.9, 0.9, 0.9);
      transform: scale3d(0.9, 0.9, 0.9);
   }

   60% {
      opacity: 1;
      -webkit-transform: scale3d(1.03, 1.03, 1.03);
      transform: scale3d(1.03, 1.03, 1.03);
   }

   80% {
      -webkit-transform: scale3d(0.97, 0.97, 0.97);
      transform: scale3d(0.97, 0.97, 0.97);
   }

   to {
      opacity: 1;
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
   }
}

@keyframes bounceIn {
   from, 20%, 40%, 60%, 80%, to {
      -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
   }

   0% {
      opacity: 0;
      -webkit-transform: scale3d(0.3, 0.3, 0.3);
      transform: scale3d(0.3, 0.3, 0.3);
   }

   20% {
      -webkit-transform: scale3d(1.1, 1.1, 1.1);
      transform: scale3d(1.1, 1.1, 1.1);
   }

   40% {
      -webkit-transform: scale3d(0.9, 0.9, 0.9);
      transform: scale3d(0.9, 0.9, 0.9);
   }

   60% {
      opacity: 1;
      -webkit-transform: scale3d(1.03, 1.03, 1.03);
      transform: scale3d(1.03, 1.03, 1.03);
   }

   80% {
      -webkit-transform: scale3d(0.97, 0.97, 0.97);
      transform: scale3d(0.97, 0.97, 0.97);
   }

   to {
      opacity: 1;
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
   }
}

.bounceIn {
   -webkit-animation-duration: 0.75s;
   animation-duration: 0.75s;
   -webkit-animation-name: bounceIn;
   animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
   from, 60%, 75%, 90%, to {
      -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
   }

   0% {
      opacity: 0;
      -webkit-transform: translate3d(0, -3000px, 0);
      transform: translate3d(0, -3000px, 0);
   }

   60% {
      opacity: 1;
      -webkit-transform: translate3d(0, 25px, 0);
      transform: translate3d(0, 25px, 0);
   }

   75% {
      -webkit-transform: translate3d(0, -10px, 0);
      transform: translate3d(0, -10px, 0);
   }

   90% {
      -webkit-transform: translate3d(0, 5px, 0);
      transform: translate3d(0, 5px, 0);
   }

   to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
   }
}

@keyframes bounceInDown {
   from, 60%, 75%, 90%, to {
      -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
   }

   0% {
      opacity: 0;
      -webkit-transform: translate3d(0, -3000px, 0);
      transform: translate3d(0, -3000px, 0);
   }

   60% {
      opacity: 1;
      -webkit-transform: translate3d(0, 25px, 0);
      transform: translate3d(0, 25px, 0);
   }

   75% {
      -webkit-transform: translate3d(0, -10px, 0);
      transform: translate3d(0, -10px, 0);
   }

   90% {
      -webkit-transform: translate3d(0, 5px, 0);
      transform: translate3d(0, 5px, 0);
   }

   to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
   }
}

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

@-webkit-keyframes bounceInLeft {
   from, 60%, 75%, 90%, to {
      -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
   }

   0% {
      opacity: 0;
      -webkit-transform: translate3d(-3000px, 0, 0);
      transform: translate3d(-3000px, 0, 0);
   }

   60% {
      opacity: 1;
      -webkit-transform: translate3d(25px, 0, 0);
      transform: translate3d(25px, 0, 0);
   }

   75% {
      -webkit-transform: translate3d(-10px, 0, 0);
      transform: translate3d(-10px, 0, 0);
   }

   90% {
      -webkit-transform: translate3d(5px, 0, 0);
      transform: translate3d(5px, 0, 0);
   }

   to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
   }
}

@keyframes bounceInLeft {
   from, 60%, 75%, 90%, to {
      -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
   }

   0% {
      opacity: 0;
      -webkit-transform: translate3d(-3000px, 0, 0);
      transform: translate3d(-3000px, 0, 0);
   }

   60% {
      opacity: 1;
      -webkit-transform: translate3d(25px, 0, 0);
      transform: translate3d(25px, 0, 0);
   }

   75% {
      -webkit-transform: translate3d(-10px, 0, 0);
      transform: translate3d(-10px, 0, 0);
   }

   90% {
      -webkit-transform: translate3d(5px, 0, 0);
      transform: translate3d(5px, 0, 0);
   }

   to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
   }
}

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

@-webkit-keyframes bounceInRight {
   from, 60%, 75%, 90%, to {
      -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
   }

   from {
      opacity: 0;
      -webkit-transform: translate3d(3000px, 0, 0);
      transform: translate3d(3000px, 0, 0);
   }

   60% {
      opacity: 1;
      -webkit-transform: translate3d(-25px, 0, 0);
      transform: translate3d(-25px, 0, 0);
   }

   75% {
      -webkit-transform: translate3d(10px, 0, 0);
      transform: translate3d(10px, 0, 0);
   }

   90% {
      -webkit-transform: translate3d(-5px, 0, 0);
      transform: translate3d(-5px, 0, 0);
   }

   to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
   }
}

@keyframes bounceInRight {
   from, 60%, 75%, 90%, to {
      -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
   }

   from {
      opacity: 0;
      -webkit-transform: translate3d(3000px, 0, 0);
      transform: translate3d(3000px, 0, 0);
   }

   60% {
      opacity: 1;
      -webkit-transform: translate3d(-25px, 0, 0);
      transform: translate3d(-25px, 0, 0);
   }

   75% {
      -webkit-transform: translate3d(10px, 0, 0);
      transform: translate3d(10px, 0, 0);
   }

   90% {
      -webkit-transform: translate3d(-5px, 0, 0);
      transform: translate3d(-5px, 0, 0);
   }

   to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
   }
}

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

@-webkit-keyframes bounceInUp {
   from, 60%, 75%, 90%, to {
      -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
   }

   from {
      opacity: 0;
      -webkit-transform: translate3d(0, 3000px, 0);
      transform: translate3d(0, 3000px, 0);
   }

   60% {
      opacity: 1;
      -webkit-transform: translate3d(0, -20px, 0);
      transform: translate3d(0, -20px, 0);
   }

   75% {
      -webkit-transform: translate3d(0, 10px, 0);
      transform: translate3d(0, 10px, 0);
   }

   90% {
      -webkit-transform: translate3d(0, -5px, 0);
      transform: translate3d(0, -5px, 0);
   }

   to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
   }
}

@keyframes bounceInUp {
   from, 60%, 75%, 90%, to {
      -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
   }

   from {
      opacity: 0;
      -webkit-transform: translate3d(0, 3000px, 0);
      transform: translate3d(0, 3000px, 0);
   }

   60% {
      opacity: 1;
      -webkit-transform: translate3d(0, -20px, 0);
      transform: translate3d(0, -20px, 0);
   }

   75% {
      -webkit-transform: translate3d(0, 10px, 0);
      transform: translate3d(0, 10px, 0);
   }

   90% {
      -webkit-transform: translate3d(0, -5px, 0);
      transform: translate3d(0, -5px, 0);
   }

   to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
   }
}

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

@-webkit-keyframes bounceOut {
   20% {
      -webkit-transform: scale3d(0.9, 0.9, 0.9);
      transform: scale3d(0.9, 0.9, 0.9);
   }

   50%, 55% {
      opacity: 1;
      -webkit-transform: scale3d(1.1, 1.1, 1.1);
      transform: scale3d(1.1, 1.1, 1.1);
   }

   to {
      opacity: 0;
      -webkit-transform: scale3d(0.3, 0.3, 0.3);
      transform: scale3d(0.3, 0.3, 0.3);
   }
}

@keyframes bounceOut {
   20% {
      -webkit-transform: scale3d(0.9, 0.9, 0.9);
      transform: scale3d(0.9, 0.9, 0.9);
   }

   50%, 55% {
      opacity: 1;
      -webkit-transform: scale3d(1.1, 1.1, 1.1);
      transform: scale3d(1.1, 1.1, 1.1);
   }

   to {
      opacity: 0;
      -webkit-transform: scale3d(0.3, 0.3, 0.3);
      transform: scale3d(0.3, 0.3, 0.3);
   }
}

.bounceOut {
   -webkit-animation-duration: 0.75s;
   animation-duration: 0.75s;
   -webkit-animation-name: bounceOut;
   animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
   20% {
      -webkit-transform: translate3d(0, 10px, 0);
      transform: translate3d(0, 10px, 0);
   }

   40%, 45% {
      opacity: 1;
      -webkit-transform: translate3d(0, -20px, 0);
      transform: translate3d(0, -20px, 0);
   }

   to {
      opacity: 0;
      -webkit-transform: translate3d(0, 2000px, 0);
      transform: translate3d(0, 2000px, 0);
   }
}

@keyframes bounceOutDown {
   20% {
      -webkit-transform: translate3d(0, 10px, 0);
      transform: translate3d(0, 10px, 0);
   }

   40%, 45% {
      opacity: 1;
      -webkit-transform: translate3d(0, -20px, 0);
      transform: translate3d(0, -20px, 0);
   }

   to {
      opacity: 0;
      -webkit-transform: translate3d(0, 2000px, 0);
      transform: translate3d(0, 2000px, 0);
   }
}

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

@-webkit-keyframes bounceOutLeft {
   20% {
      opacity: 1;
      -webkit-transform: translate3d(20px, 0, 0);
      transform: translate3d(20px, 0, 0);
   }

   to {
      opacity: 0;
      -webkit-transform: translate3d(-2000px, 0, 0);
      transform: translate3d(-2000px, 0, 0);
   }
}

@keyframes bounceOutLeft {
   20% {
      opacity: 1;
      -webkit-transform: translate3d(20px, 0, 0);
      transform: translate3d(20px, 0, 0);
   }

   to {
      opacity: 0;
      -webkit-transform: translate3d(-2000px, 0, 0);
      transform: translate3d(-2000px, 0, 0);
   }
}

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

@-webkit-keyframes bounceOutRight {
   20% {
      opacity: 1;
      -webkit-transform: translate3d(-20px, 0, 0);
      transform: translate3d(-20px, 0, 0);
   }

   to {
      opacity: 0;
      -webkit-transform: translate3d(2000px, 0, 0);
      transform: translate3d(2000px, 0, 0);
   }
}

@keyframes bounceOutRight {
   20% {
      opacity: 1;
      -webkit-transform: translate3d(-20px, 0, 0);
      transform: translate3d(-20px, 0, 0);
   }

   to {
      opacity: 0;
      -webkit-transform: translate3d(2000px, 0, 0);
      transform: translate3d(2000px, 0, 0);
   }
}

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

@-webkit-keyframes bounceOutUp {
   20% {
      -webkit-transform: translate3d(0, -10px, 0);
      transform: translate3d(0, -10px, 0);
   }

   40%, 45% {
      opacity: 1;
      -webkit-transform: translate3d(0, 20px, 0);
      transform: translate3d(0, 20px, 0);
   }

   to {
      opacity: 0;
      -webkit-transform: translate3d(0, -2000px, 0);
      transform: translate3d(0, -2000px, 0);
   }
}

@keyframes bounceOutUp {
   20% {
      -webkit-transform: translate3d(0, -10px, 0);
      transform: translate3d(0, -10px, 0);
   }

   40%, 45% {
      opacity: 1;
      -webkit-transform: translate3d(0, 20px, 0);
      transform: translate3d(0, 20px, 0);
   }

   to {
      opacity: 0;
      -webkit-transform: translate3d(0, -2000px, 0);
      transform: translate3d(0, -2000px, 0);
   }
}

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

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

   to {
      opacity: 1;
   }
}

@keyframes fadeIn {
   from {
      opacity: 0;
   }

   to {
      opacity: 1;
   }
}

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

@-webkit-keyframes fadeInDown {
   from {
      opacity: 0;
      -webkit-transform: translate3d(0, -100%, 0);
      transform: translate3d(0, -100%, 0);
   }

   to {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
   }
}

@keyframes fadeInDown {
   from {
      opacity: 0;
      -webkit-transform: translate3d(0, -100%, 0);
      transform: translate3d(0, -100%, 0);
   }

   to {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
   }
}

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

@-webkit-keyframes fadeInDownBig {
   from {
      opacity: 0;
      -webkit-transform: translate3d(0, -2000px, 0);
      transform: translate3d(0, -2000px, 0);
   }

   to {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
   }
}

@keyframes fadeInDownBig {
   from {
      opacity: 0;
      -webkit-transform: translate3d(0, -2000px, 0);
      transform: translate3d(0, -2000px, 0);
   }

   to {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
   }
}

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

@-webkit-keyframes fadeInLeft {
   from {
      opacity: 0;
      -webkit-transform: translate3d(-100%, 0, 0);
      transform: translate3d(-100%, 0, 0);
   }

   to {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
   }
}

@keyframes fadeInLeft {
   from {
      opacity: 0;
      -webkit-transform: translate3d(-100%, 0, 0);
      transform: translate3d(-100%, 0, 0);
   }

   to {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
   }
}

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

@-webkit-keyframes fadeInLeftBig {
   from {
      opacity: 0;
      -webkit-transform: translate3d(-2000px, 0, 0);
      transform: translate3d(-2000px, 0, 0);
   }

   to {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
   }
}

@keyframes fadeInLeftBig {
   from {
      opacity: 0;
      -webkit-transform: translate3d(-2000px, 0, 0);
      transform: translate3d(-2000px, 0, 0);
   }

   to {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
   }
}

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

@-webkit-keyframes fadeInRight {
   from {
      opacity: 0;
      -webkit-transform: translate3d(100%, 0, 0);
      transform: translate3d(100%, 0, 0);
   }

   to {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
   }
}

@keyframes fadeInRight {
   from {
      opacity: 0;
      -webkit-transform: translate3d(100%, 0, 0);
      transform: translate3d(100%, 0, 0);
   }

   to {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
   }
}

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

@-webkit-keyframes fadeInRightBig {
   from {
      opacity: 0;
      -webkit-transform: translate3d(2000px, 0, 0);
      transform: translate3d(2000px, 0, 0);
   }

   to {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
   }
}

@keyframes fadeInRightBig {
   from {
      opacity: 0;
      -webkit-transform: translate3d(2000px, 0, 0);
      transform: translate3d(2000px, 0, 0);
   }

   to {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
   }
}

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

@-webkit-keyframes fadeInUp {
   from {
      opacity: 0;
      -webkit-transform: translate3d(0, 30%, 0);
      transform: translate3d(0, 30%, 0);
   }

   to {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
   }
}

@keyframes fadeInUp {
   from {
      opacity: 0;
      -webkit-transform: translate3d(0, 30%, 0);
      transform: translate3d(0, 30%, 0);
   }

   to {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
   }
}

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

@-webkit-keyframes fadeInUpBig {
   from {
      opacity: 0;
      -webkit-transform: translate3d(0, 2000px, 0);
      transform: translate3d(0, 2000px, 0);
   }

   to {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
   }
}

@keyframes fadeInUpBig {
   from {
      opacity: 0;
      -webkit-transform: translate3d(0, 2000px, 0);
      transform: translate3d(0, 2000px, 0);
   }

   to {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
   }
}

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

@-webkit-keyframes fadeOut {
   from {
      opacity: 1;
   }

   to {
      opacity: 0;
   }
}

@keyframes fadeOut {
   from {
      opacity: 1;
   }

   to {
      opacity: 0;
   }
}

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

@-webkit-keyframes fadeOutDown {
   from {
      opacity: 1;
   }

   to {
      opacity: 0;
      -webkit-transform: translate3d(0, 100%, 0);
      transform: translate3d(0, 100%, 0);
   }
}

@keyframes fadeOutDown {
   from {
      opacity: 1;
   }

   to {
      opacity: 0;
      -webkit-transform: translate3d(0, 100%, 0);
      transform: translate3d(0, 100%, 0);
   }
}

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

@-webkit-keyframes fadeOutDownBig {
   from {
      opacity: 1;
   }

   to {
      opacity: 0;
      -webkit-transform: translate3d(0, 2000px, 0);
      transform: translate3d(0, 2000px, 0);
   }
}

@keyframes fadeOutDownBig {
   from {
      opacity: 1;
   }

   to {
      opacity: 0;
      -webkit-transform: translate3d(0, 2000px, 0);
      transform: translate3d(0, 2000px, 0);
   }
}

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

@-webkit-keyframes fadeOutLeft {
   from {
      opacity: 1;
   }

   to {
      opacity: 0;
      -webkit-transform: translate3d(-100%, 0, 0);
      transform: translate3d(-100%, 0, 0);
   }
}

@keyframes fadeOutLeft {
   from {
      opacity: 1;
   }

   to {
      opacity: 0;
      -webkit-transform: translate3d(-100%, 0, 0);
      transform: translate3d(-100%, 0, 0);
   }
}

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

@-webkit-keyframes fadeOutLeftBig {
   from {
      opacity: 1;
   }

   to {
      opacity: 0;
      -webkit-transform: translate3d(-2000px, 0, 0);
      transform: translate3d(-2000px, 0, 0);
   }
}

@keyframes fadeOutLeftBig {
   from {
      opacity: 1;
   }

   to {
      opacity: 0;
      -webkit-transform: translate3d(-2000px, 0, 0);
      transform: translate3d(-2000px, 0, 0);
   }
}

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

@-webkit-keyframes fadeOutRight {
   from {
      opacity: 1;
   }

   to {
      opacity: 0;
      -webkit-transform: translate3d(100%, 0, 0);
      transform: translate3d(100%, 0, 0);
   }
}

@keyframes fadeOutRight {
   from {
      opacity: 1;
   }

   to {
      opacity: 0;
      -webkit-transform: translate3d(100%, 0, 0);
      transform: translate3d(100%, 0, 0);
   }
}

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

@-webkit-keyframes fadeOutRightBig {
   from {
      opacity: 1;
   }

   to {
      opacity: 0;
      -webkit-transform: translate3d(2000px, 0, 0);
      transform: translate3d(2000px, 0, 0);
   }
}

@keyframes fadeOutRightBig {
   from {
      opacity: 1;
   }

   to {
      opacity: 0;
      -webkit-transform: translate3d(2000px, 0, 0);
      transform: translate3d(2000px, 0, 0);
   }
}

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

@-webkit-keyframes fadeOutUp {
   from {
      opacity: 1;
   }

   to {
      opacity: 0;
      -webkit-transform: translate3d(0, -100%, 0);
      transform: translate3d(0, -100%, 0);
   }
}

@keyframes fadeOutUp {
   from {
      opacity: 1;
   }

   to {
      opacity: 0;
      -webkit-transform: translate3d(0, -100%, 0);
      transform: translate3d(0, -100%, 0);
   }
}

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

@-webkit-keyframes fadeOutUpBig {
   from {
      opacity: 1;
   }

   to {
      opacity: 0;
      -webkit-transform: translate3d(0, -2000px, 0);
      transform: translate3d(0, -2000px, 0);
   }
}

@keyframes fadeOutUpBig {
   from {
      opacity: 1;
   }

   to {
      opacity: 0;
      -webkit-transform: translate3d(0, -2000px, 0);
      transform: translate3d(0, -2000px, 0);
   }
}

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

@-webkit-keyframes flip {
   from {
      -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
      transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out;
   }

   40% {
      -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
      transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out;
   }

   50% {
      -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
      transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
   }

   80% {
      -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
      transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
   }

   to {
      -webkit-transform: perspective(400px);
      transform: perspective(400px);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
   }
}

@keyframes flip {
   from {
      -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
      transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out;
   }

   40% {
      -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
      transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out;
   }

   50% {
      -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
      transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
   }

   80% {
      -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
      transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
   }

   to {
      -webkit-transform: perspective(400px);
      transform: perspective(400px);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
   }
}

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

@-webkit-keyframes flipInX {
   from {
      -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
      transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
      opacity: 0;
   }

   40% {
      -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
      transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
   }

   60% {
      -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
      transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
      opacity: 1;
   }

   80% {
      -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
      transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
   }

   to {
      -webkit-transform: perspective(400px);
      transform: perspective(400px);
   }
}

@keyframes flipInX {
   from {
      -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
      transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
      opacity: 0;
   }

   40% {
      -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
      transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
   }

   60% {
      -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
      transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
      opacity: 1;
   }

   80% {
      -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
      transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
   }

   to {
      -webkit-transform: perspective(400px);
      transform: perspective(400px);
   }
}

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

@-webkit-keyframes flipInY {
   from {
      -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
      transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
      opacity: 0;
   }

   40% {
      -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
      transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
   }

   60% {
      -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
      transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
      opacity: 1;
   }

   80% {
      -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
      transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
   }

   to {
      -webkit-transform: perspective(400px);
      transform: perspective(400px);
   }
}

@keyframes flipInY {
   from {
      -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
      transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
      opacity: 0;
   }

   40% {
      -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
      transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
   }

   60% {
      -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
      transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
      opacity: 1;
   }

   80% {
      -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
      transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
   }

   to {
      -webkit-transform: perspective(400px);
      transform: perspective(400px);
   }
}

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

@-webkit-keyframes flipOutX {
   from {
      -webkit-transform: perspective(400px);
      transform: perspective(400px);
   }

   30% {
      -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
      transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
      opacity: 1;
   }

   to {
      -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
      transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
      opacity: 0;
   }
}

@keyframes flipOutX {
   from {
      -webkit-transform: perspective(400px);
      transform: perspective(400px);
   }

   30% {
      -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
      transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
      opacity: 1;
   }

   to {
      -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
      transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
      opacity: 0;
   }
}

.flipOutX {
   -webkit-animation-duration: 0.75s;
   animation-duration: 0.75s;
   -webkit-animation-name: flipOutX;
   animation-name: flipOutX;
   -webkit-backface-visibility: visible !important;
   backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
   from {
      -webkit-transform: perspective(400px);
      transform: perspective(400px);
   }

   30% {
      -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
      transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
      opacity: 1;
   }

   to {
      -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
      transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
      opacity: 0;
   }
}

@keyframes flipOutY {
   from {
      -webkit-transform: perspective(400px);
      transform: perspective(400px);
   }

   30% {
      -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
      transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
      opacity: 1;
   }

   to {
      -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
      transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
      opacity: 0;
   }
}

.flipOutY {
   -webkit-animation-duration: 0.75s;
   animation-duration: 0.75s;
   -webkit-backface-visibility: visible !important;
   backface-visibility: visible !important;
   -webkit-animation-name: flipOutY;
   animation-name: flipOutY;
}

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

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

   80% {
      -webkit-transform: skewX(-5deg);
      transform: skewX(-5deg);
      opacity: 1;
   }

   to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
      opacity: 1;
   }
}

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

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

   80% {
      -webkit-transform: skewX(-5deg);
      transform: skewX(-5deg);
      opacity: 1;
   }

   to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
      opacity: 1;
   }
}

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

@-webkit-keyframes lightSpeedOut {
   from {
      opacity: 1;
   }

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

@keyframes lightSpeedOut {
   from {
      opacity: 1;
   }

   to {
      -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
      transform: translate3d(100%, 0, 0) 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 {
   from {
      -webkit-transform-origin: center;
      transform-origin: center;
      -webkit-transform: rotate3d(0, 0, 1, -200deg);
      transform: rotate3d(0, 0, 1, -200deg);
      opacity: 0;
   }

   to {
      -webkit-transform-origin: center;
      transform-origin: center;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
      opacity: 1;
   }
}

@keyframes rotateIn {
   from {
      -webkit-transform-origin: center;
      transform-origin: center;
      -webkit-transform: rotate3d(0, 0, 1, -200deg);
      transform: rotate3d(0, 0, 1, -200deg);
      opacity: 0;
   }

   to {
      -webkit-transform-origin: center;
      transform-origin: center;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
      opacity: 1;
   }
}

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

@-webkit-keyframes rotateInDownLeft {
   from {
      -webkit-transform-origin: left bottom;
      transform-origin: left bottom;
      -webkit-transform: rotate3d(0, 0, 1, -45deg);
      transform: rotate3d(0, 0, 1, -45deg);
      opacity: 0;
   }

   to {
      -webkit-transform-origin: left bottom;
      transform-origin: left bottom;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
      opacity: 1;
   }
}

@keyframes rotateInDownLeft {
   from {
      -webkit-transform-origin: left bottom;
      transform-origin: left bottom;
      -webkit-transform: rotate3d(0, 0, 1, -45deg);
      transform: rotate3d(0, 0, 1, -45deg);
      opacity: 0;
   }

   to {
      -webkit-transform-origin: left bottom;
      transform-origin: left bottom;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
      opacity: 1;
   }
}

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

@-webkit-keyframes rotateInDownRight {
   from {
      -webkit-transform-origin: right bottom;
      transform-origin: right bottom;
      -webkit-transform: rotate3d(0, 0, 1, 45deg);
      transform: rotate3d(0, 0, 1, 45deg);
      opacity: 0;
   }

   to {
      -webkit-transform-origin: right bottom;
      transform-origin: right bottom;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
      opacity: 1;
   }
}

@keyframes rotateInDownRight {
   from {
      -webkit-transform-origin: right bottom;
      transform-origin: right bottom;
      -webkit-transform: rotate3d(0, 0, 1, 45deg);
      transform: rotate3d(0, 0, 1, 45deg);
      opacity: 0;
   }

   to {
      -webkit-transform-origin: right bottom;
      transform-origin: right bottom;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
      opacity: 1;
   }
}

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

@-webkit-keyframes rotateInUpLeft {
   from {
      -webkit-transform-origin: left bottom;
      transform-origin: left bottom;
      -webkit-transform: rotate3d(0, 0, 1, 45deg);
      transform: rotate3d(0, 0, 1, 45deg);
      opacity: 0;
   }

   to {
      -webkit-transform-origin: left bottom;
      transform-origin: left bottom;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
      opacity: 1;
   }
}

@keyframes rotateInUpLeft {
   from {
      -webkit-transform-origin: left bottom;
      transform-origin: left bottom;
      -webkit-transform: rotate3d(0, 0, 1, 45deg);
      transform: rotate3d(0, 0, 1, 45deg);
      opacity: 0;
   }

   to {
      -webkit-transform-origin: left bottom;
      transform-origin: left bottom;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
      opacity: 1;
   }
}

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

@-webkit-keyframes rotateInUpRight {
   from {
      -webkit-transform-origin: right bottom;
      transform-origin: right bottom;
      -webkit-transform: rotate3d(0, 0, 1, -90deg);
      transform: rotate3d(0, 0, 1, -90deg);
      opacity: 0;
   }

   to {
      -webkit-transform-origin: right bottom;
      transform-origin: right bottom;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
      opacity: 1;
   }
}

@keyframes rotateInUpRight {
   from {
      -webkit-transform-origin: right bottom;
      transform-origin: right bottom;
      -webkit-transform: rotate3d(0, 0, 1, -90deg);
      transform: rotate3d(0, 0, 1, -90deg);
      opacity: 0;
   }

   to {
      -webkit-transform-origin: right bottom;
      transform-origin: right bottom;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
      opacity: 1;
   }
}

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

@-webkit-keyframes rotateOut {
   from {
      -webkit-transform-origin: center;
      transform-origin: center;
      opacity: 1;
   }

   to {
      -webkit-transform-origin: center;
      transform-origin: center;
      -webkit-transform: rotate3d(0, 0, 1, 200deg);
      transform: rotate3d(0, 0, 1, 200deg);
      opacity: 0;
   }
}

@keyframes rotateOut {
   from {
      -webkit-transform-origin: center;
      transform-origin: center;
      opacity: 1;
   }

   to {
      -webkit-transform-origin: center;
      transform-origin: center;
      -webkit-transform: rotate3d(0, 0, 1, 200deg);
      transform: rotate3d(0, 0, 1, 200deg);
      opacity: 0;
   }
}

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

@-webkit-keyframes rotateOutDownLeft {
   from {
      -webkit-transform-origin: left bottom;
      transform-origin: left bottom;
      opacity: 1;
   }

   to {
      -webkit-transform-origin: left bottom;
      transform-origin: left bottom;
      -webkit-transform: rotate3d(0, 0, 1, 45deg);
      transform: rotate3d(0, 0, 1, 45deg);
      opacity: 0;
   }
}

@keyframes rotateOutDownLeft {
   from {
      -webkit-transform-origin: left bottom;
      transform-origin: left bottom;
      opacity: 1;
   }

   to {
      -webkit-transform-origin: left bottom;
      transform-origin: left bottom;
      -webkit-transform: rotate3d(0, 0, 1, 45deg);
      transform: rotate3d(0, 0, 1, 45deg);
      opacity: 0;
   }
}

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

@-webkit-keyframes rotateOutDownRight {
   from {
      -webkit-transform-origin: right bottom;
      transform-origin: right bottom;
      opacity: 1;
   }

   to {
      -webkit-transform-origin: right bottom;
      transform-origin: right bottom;
      -webkit-transform: rotate3d(0, 0, 1, -45deg);
      transform: rotate3d(0, 0, 1, -45deg);
      opacity: 0;
   }
}

@keyframes rotateOutDownRight {
   from {
      -webkit-transform-origin: right bottom;
      transform-origin: right bottom;
      opacity: 1;
   }

   to {
      -webkit-transform-origin: right bottom;
      transform-origin: right bottom;
      -webkit-transform: rotate3d(0, 0, 1, -45deg);
      transform: rotate3d(0, 0, 1, -45deg);
      opacity: 0;
   }
}

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

@-webkit-keyframes rotateOutUpLeft {
   from {
      -webkit-transform-origin: left bottom;
      transform-origin: left bottom;
      opacity: 1;
   }

   to {
      -webkit-transform-origin: left bottom;
      transform-origin: left bottom;
      -webkit-transform: rotate3d(0, 0, 1, -45deg);
      transform: rotate3d(0, 0, 1, -45deg);
      opacity: 0;
   }
}

@keyframes rotateOutUpLeft {
   from {
      -webkit-transform-origin: left bottom;
      transform-origin: left bottom;
      opacity: 1;
   }

   to {
      -webkit-transform-origin: left bottom;
      transform-origin: left bottom;
      -webkit-transform: rotate3d(0, 0, 1, -45deg);
      transform: rotate3d(0, 0, 1, -45deg);
      opacity: 0;
   }
}

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

@-webkit-keyframes rotateOutUpRight {
   from {
      -webkit-transform-origin: right bottom;
      transform-origin: right bottom;
      opacity: 1;
   }

   to {
      -webkit-transform-origin: right bottom;
      transform-origin: right bottom;
      -webkit-transform: rotate3d(0, 0, 1, 90deg);
      transform: rotate3d(0, 0, 1, 90deg);
      opacity: 0;
   }
}

@keyframes rotateOutUpRight {
   from {
      -webkit-transform-origin: right bottom;
      transform-origin: right bottom;
      opacity: 1;
   }

   to {
      -webkit-transform-origin: right bottom;
      transform-origin: right bottom;
      -webkit-transform: rotate3d(0, 0, 1, 90deg);
      transform: rotate3d(0, 0, 1, 90deg);
      opacity: 0;
   }
}

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

@-webkit-keyframes hinge {
   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: rotate3d(0, 0, 1, 80deg);
      transform: rotate3d(0, 0, 1, 80deg);
      -webkit-transform-origin: top left;
      transform-origin: top left;
      -webkit-animation-timing-function: ease-in-out;
      animation-timing-function: ease-in-out;
   }

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

   to {
      -webkit-transform: translate3d(0, 700px, 0);
      transform: translate3d(0, 700px, 0);
      opacity: 0;
   }
}

@keyframes hinge {
   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: rotate3d(0, 0, 1, 80deg);
      transform: rotate3d(0, 0, 1, 80deg);
      -webkit-transform-origin: top left;
      transform-origin: top left;
      -webkit-animation-timing-function: ease-in-out;
      animation-timing-function: ease-in-out;
   }

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

   to {
      -webkit-transform: translate3d(0, 700px, 0);
      transform: translate3d(0, 700px, 0);
      opacity: 0;
   }
}

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

@-webkit-keyframes jackInTheBox {
   from {
      opacity: 0;
      -webkit-transform: scale(0.1) rotate(30deg);
      transform: scale(0.1) rotate(30deg);
      -webkit-transform-origin: center bottom;
      transform-origin: center bottom;
   }

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

   70% {
      -webkit-transform: rotate(3deg);
      transform: rotate(3deg);
   }

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

@keyframes jackInTheBox {
   from {
      opacity: 0;
      -webkit-transform: scale(0.1) rotate(30deg);
      transform: scale(0.1) rotate(30deg);
      -webkit-transform-origin: center bottom;
      transform-origin: center bottom;
   }

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

   70% {
      -webkit-transform: rotate(3deg);
      transform: rotate(3deg);
   }

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

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

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn {
   from {
      opacity: 0;
      -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
      transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
   }

   to {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
   }
}

@keyframes rollIn {
   from {
      opacity: 0;
      -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
      transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
   }

   to {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
   }
}

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

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
   from {
      opacity: 1;
   }

   to {
      opacity: 0;
      -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
      transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
   }
}

@keyframes rollOut {
   from {
      opacity: 1;
   }

   to {
      opacity: 0;
      -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
      transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
   }
}

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

@-webkit-keyframes zoomIn {
   from {
      opacity: 0;
      -webkit-transform: scale3d(0.3, 0.3, 0.3);
      transform: scale3d(0.3, 0.3, 0.3);
   }

   50% {
      opacity: 1;
   }
}

@keyframes zoomIn {
   from {
      opacity: 0;
      -webkit-transform: scale3d(0.3, 0.3, 0.3);
      transform: scale3d(0.3, 0.3, 0.3);
   }

   50% {
      opacity: 1;
   }
}

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

@-webkit-keyframes zoomInDown {
   from {
      opacity: 0;
      -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
      transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
      -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
      animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
   }

   60% {
      opacity: 1;
      -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
      transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
      -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
      animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
   }
}

@keyframes zoomInDown {
   from {
      opacity: 0;
      -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
      transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
      -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
      animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
   }

   60% {
      opacity: 1;
      -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
      transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
      -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
      animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
   }
}

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

@-webkit-keyframes zoomInLeft {
   from {
      opacity: 0;
      -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
      transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
      -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
      animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
   }

   60% {
      opacity: 1;
      -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
      transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
      -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
      animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
   }
}

@keyframes zoomInLeft {
   from {
      opacity: 0;
      -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
      transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
      -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
      animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
   }

   60% {
      opacity: 1;
      -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
      transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
      -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
      animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
   }
}

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

@-webkit-keyframes zoomInRight {
   from {
      opacity: 0;
      -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
      transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
      -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
      animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
   }

   60% {
      opacity: 1;
      -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
      transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
      -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
      animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
   }
}

@keyframes zoomInRight {
   from {
      opacity: 0;
      -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
      transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
      -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
      animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
   }

   60% {
      opacity: 1;
      -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
      transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
      -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
      animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
   }
}

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

@-webkit-keyframes zoomInUp {
   from {
      opacity: 0;
      -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
      transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
      -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
      animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
   }

   60% {
      opacity: 1;
      -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
      transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
      -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
      animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
   }
}

@keyframes zoomInUp {
   from {
      opacity: 0;
      -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
      transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
      -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
      animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
   }

   60% {
      opacity: 1;
      -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
      transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
      -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
      animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
   }
}

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

@-webkit-keyframes zoomOut {
   from {
      opacity: 1;
   }

   50% {
      opacity: 0;
      -webkit-transform: scale3d(0.3, 0.3, 0.3);
      transform: scale3d(0.3, 0.3, 0.3);
   }

   to {
      opacity: 0;
   }
}

@keyframes zoomOut {
   from {
      opacity: 1;
   }

   50% {
      opacity: 0;
      -webkit-transform: scale3d(0.3, 0.3, 0.3);
      transform: scale3d(0.3, 0.3, 0.3);
   }

   to {
      opacity: 0;
   }
}

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

@-webkit-keyframes zoomOutDown {
   40% {
      opacity: 1;
      -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
      transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
      -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
      animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
   }

   to {
      opacity: 0;
      -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
      transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
      -webkit-transform-origin: center bottom;
      transform-origin: center bottom;
      -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
      animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
   }
}

@keyframes zoomOutDown {
   40% {
      opacity: 1;
      -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
      transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
      -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
      animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
   }

   to {
      opacity: 0;
      -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
      transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
      -webkit-transform-origin: center bottom;
      transform-origin: center bottom;
      -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
      animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
   }
}

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

@-webkit-keyframes zoomOutLeft {
   40% {
      opacity: 1;
      -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
      transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
   }

   to {
      opacity: 0;
      -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
      transform: scale(0.1) translate3d(-2000px, 0, 0);
      -webkit-transform-origin: left center;
      transform-origin: left center;
   }
}

@keyframes zoomOutLeft {
   40% {
      opacity: 1;
      -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
      transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
   }

   to {
      opacity: 0;
      -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
      transform: scale(0.1) translate3d(-2000px, 0, 0);
      -webkit-transform-origin: left center;
      transform-origin: left center;
   }
}

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

@-webkit-keyframes zoomOutRight {
   40% {
      opacity: 1;
      -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
      transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
   }

   to {
      opacity: 0;
      -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
      transform: scale(0.1) translate3d(2000px, 0, 0);
      -webkit-transform-origin: right center;
      transform-origin: right center;
   }
}

@keyframes zoomOutRight {
   40% {
      opacity: 1;
      -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
      transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
   }

   to {
      opacity: 0;
      -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
      transform: scale(0.1) translate3d(2000px, 0, 0);
      -webkit-transform-origin: right center;
      transform-origin: right center;
   }
}

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

@-webkit-keyframes zoomOutUp {
   40% {
      opacity: 1;
      -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
      transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
      -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
      animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
   }

   to {
      opacity: 0;
      -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
      transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
      -webkit-transform-origin: center bottom;
      transform-origin: center bottom;
      -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
      animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
   }
}

@keyframes zoomOutUp {
   40% {
      opacity: 1;
      -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
      transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
      -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
      animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
   }

   to {
      opacity: 0;
      -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
      transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
      -webkit-transform-origin: center bottom;
      transform-origin: center bottom;
      -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
      animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
   }
}

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

@-webkit-keyframes slideInDown {
   from {
      -webkit-transform: translate3d(0, -100%, 0);
      transform: translate3d(0, -100%, 0);
      visibility: visible;
   }

   to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
   }
}

@keyframes slideInDown {
   from {
      -webkit-transform: translate3d(0, -100%, 0);
      transform: translate3d(0, -100%, 0);
      visibility: visible;
   }

   to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
   }
}

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

@-webkit-keyframes slideInLeft {
   from {
      -webkit-transform: translate3d(-100%, 0, 0);
      transform: translate3d(-100%, 0, 0);
      visibility: visible;
   }

   to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
   }
}

@keyframes slideInLeft {
   from {
      -webkit-transform: translate3d(-100%, 0, 0);
      transform: translate3d(-100%, 0, 0);
      visibility: visible;
   }

   to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
   }
}

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

@-webkit-keyframes slideInRight {
   from {
      -webkit-transform: translate3d(100%, 0, 0);
      transform: translate3d(100%, 0, 0);
      visibility: visible;
   }

   to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
   }
}

@keyframes slideInRight {
   from {
      -webkit-transform: translate3d(100%, 0, 0);
      transform: translate3d(100%, 0, 0);
      visibility: visible;
   }

   to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
   }
}

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

@-webkit-keyframes slideInUp {
   from {
      -webkit-transform: translate3d(0, 100%, 0);
      transform: translate3d(0, 100%, 0);
      visibility: visible;
   }

   to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
   }
}

@keyframes slideInUp {
   from {
      -webkit-transform: translate3d(0, 100%, 0);
      transform: translate3d(0, 100%, 0);
      visibility: visible;
   }

   to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
   }
}

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

@-webkit-keyframes slideOutDown {
   from {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
   }

   to {
      visibility: hidden;
      -webkit-transform: translate3d(0, 100%, 0);
      transform: translate3d(0, 100%, 0);
   }
}

@keyframes slideOutDown {
   from {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
   }

   to {
      visibility: hidden;
      -webkit-transform: translate3d(0, 100%, 0);
      transform: translate3d(0, 100%, 0);
   }
}

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

@-webkit-keyframes slideOutLeft {
   from {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
   }

   to {
      visibility: hidden;
      -webkit-transform: translate3d(-100%, 0, 0);
      transform: translate3d(-100%, 0, 0);
   }
}

@keyframes slideOutLeft {
   from {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
   }

   to {
      visibility: hidden;
      -webkit-transform: translate3d(-100%, 0, 0);
      transform: translate3d(-100%, 0, 0);
   }
}

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

@-webkit-keyframes slideOutRight {
   from {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
   }

   to {
      visibility: hidden;
      -webkit-transform: translate3d(100%, 0, 0);
      transform: translate3d(100%, 0, 0);
   }
}

@keyframes slideOutRight {
   from {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
   }

   to {
      visibility: hidden;
      -webkit-transform: translate3d(100%, 0, 0);
      transform: translate3d(100%, 0, 0);
   }
}

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

@-webkit-keyframes slideOutUp {
   from {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
   }

   to {
      visibility: hidden;
      -webkit-transform: translate3d(0, -100%, 0);
      transform: translate3d(0, -100%, 0);
   }
}

@keyframes slideOutUp {
   from {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
   }

   to {
      visibility: hidden;
      -webkit-transform: translate3d(0, -100%, 0);
      transform: translate3d(0, -100%, 0);
   }
}

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

/* Added animation */
.animate {
   opacity: 0;
}

.animated-delay-100 {
   animation-delay: 0.1s;
   -webkit-animation-delay: 0.1s;
}

.animated-delay-200 {
   animation-delay: 0.2s;
   -webkit-animation-delay: 0.2s;
}

.animated-delay-300 {
   animation-delay: 0.3s;
   -webkit-animation-delay: 0.3s;
}

.animated-delay-400 {
   animation-delay: 0.4s;
   -webkit-animation-delay: 0.4s;
}

.animated-delay-500 {
   animation-delay: 0.5s;
   -webkit-animation-delay: 0.5s;
}

.animated-delay-600 {
   animation-delay: 0.6s;
   -webkit-animation-delay: 0.6s;
}

.animated-delay-700 {
   animation-delay: 0.7s;
   -webkit-animation-delay: 0.7s;
}

.animated-delay-800 {
   animation-delay: 0.8s;
   -webkit-animation-delay: 0.8s;
}

.animated-delay-900 {
   animation-delay: 0.9s;
   -webkit-animation-delay: 0.9s;
}

.animated-delay-1000 {
   animation-delay: 1s;
   -webkit-animation-delay: 1s;
}

.animated-delay-1100 {
   animation-delay: 1s;
   -webkit-animation-delay: 1.1s;
}

.animated-delay-1200 {
   animation-delay: 1.2s;
   -webkit-animation-delay: 1.2s;
}

.animated {
   opacity: 1;
}

table {
   width: 100%;
   color: #000000;
   margin: 0 0 26px 0;
}

   table tr th,
   table tr td {
      font-size: 16px;
      line-height: 22px;
      padding: 5px 0;
   }

strong {
   font-weight: 600;
}

h1,
h2,
h3,
h4,
h5,
h6 {
   color: #000000;
   font-weight: 600;
   font-family: "Saira", sans-serif !important;
   text-transform: uppercase;
   letter-spacing: -1px;
}

article h1,
article h2,
article h3,
article h4,
article h5,
article h6 {
   font-weight: 600;
   margin: 0 0 15px 0;
   padding: 36px 0 0 0;
}

article .first-heading {
   padding: 0px;
}

article h1 {
   font-size: 32px;
   line-height: 44px;
}

article h2 {
   font-size: 28px;
   line-height: 38px;
}

article h3 {
   font-size: 28px;
   line-height: 38px;
}

article h4 {
   font-size: 24px;
   line-height: 33px;
}

article h5 {
   font-size: 20px;
   line-height: 27px;
}

article h6 {
   font-size: 17px;
   line-height: 23px;
}

article p {
   font-size: 16px;
   line-height: 26px;
   margin: 0 0 26px 0;
}

   article p a:not([class]),
   article ul li a:not([class]),
   article ol li a:not([class]),
   article small a:not([class]) {
      text-decoration: underline;
      color: #000000;
   }

      article p a:not([class]):hover, article p a:not([class]):active, article p a:not([class]):focus,
      article ul li a:not([class]):hover,
      article ul li a:not([class]):active,
      article ul li a:not([class]):focus,
      article ol li a:not([class]):hover,
      article ol li a:not([class]):active,
      article ol li a:not([class]):focus,
      article small a:not([class]):hover,
      article small a:not([class]):active,
      article small a:not([class]):focus {
         color: #000;
      }

article small {
   display: block;
   font-size: 14px;
   line-height: 20px;
   margin: 0 0 26px 0;
}

article ul {
   margin: 0 0 26px 0;
}

   article ul li {
      font-size: 16px;
      line-height: 26px;
      padding: 0 0 0 36px;
      position: relative;
      margin: 0 0 17px 0;
   }

      article ul li:before {
         content: "•";
         left: 12px;
         top: 0px;
         display: block;
         line-height: 26px;
         position: absolute;
      }

article p + ul {
   margin-top: -11px;
}

article ol {
   counter-reset: counter;
   margin: 0 0 26px 0;
}

   article ol li {
      font-size: 16px;
      line-height: 26px;
      padding: 0 0 0 36px;
      position: relative;
      counter-increment: counter;
      margin: 0 0 17px 0;
   }

      article ol li:before {
         content: counter(counter) ".";
         left: 12px;
         top: 0px;
         display: block;
         line-height: 26px;
         position: absolute;
      }

article p + ol {
   margin-top: -11px;
}

article .button {
   margin: 8px 4px 0 0;
}

.background-dark-blue article h1,
.background-dark-blue article h2,
.background-dark-blue article h3,
.background-dark-blue article h4,
.background-dark-blue article h5,
.background-dark-blue article h6 {
   color: #FFF;
}

.background-dark-blue article p {
   color: #FFF;
}

.background-light-blue article p {
   color: #000000;
}

@media all and (min-width: 1024px) {
   article h1 {
      font-size: 40px;
      line-height: 55px;
   }

   article h2 {
      font-size: 32px;
      line-height: 44px;
   }

   article h3 {
      font-size: 24px;
      line-height: 33px;
   }

   article h4 {
      font-size: 20px;
      line-height: 27px;
   }

   article h5 {
      font-size: 18px;
      line-height: 25px;
   }

   article h6 {
      font-size: 16px;
      line-height: 22px;
   }

   article p {
      font-size: 18px;
      line-height: 28px;
   }

   article ul li {
      font-size: 18px;
      line-height: 28px;
   }

      article ul li:before {
         font-size: 18px;
         line-height: 28px;
      }

   article ol li {
      font-size: 18px;
      line-height: 28px;
   }

      article ol li:before {
         font-size: 18px;
         line-height: 28px;
      }

   article .button {
      margin-right: 24px;
   }
}

.button {
   appearance: none;
   -webkit-appearance: none;
   -moz-appearance: none;
   cursor: pointer;
   border: none;
   font-family: "Archivo", sans-serif;
   border-radius: 4px;
   line-height: 28px;
   height: 48px;
   font-size: 18px;
   font-weight: 600;
   color: #000000;
   background: #FFCC05;
   position: relative;
   display: inline-block;
   overflow: hidden;
   transition: color, border, box-shadow 0.3s;
   text-align: center;
   padding: 0px;
}

   .button.button-full {
      display: block;
      width: 100%;
   }

   .button span:not([class]) {
      position: relative;
      z-index: 1;
      display: block;
      transition: 0.3s ease-in-out;
      padding: 9px 22px 11px 22px;
   }

   .button svg {
      position: relative;
   }

      .button svg.external-icon {
         margin: 0 8px -3px 0;
      }

   .button:before {
      transition: transform 0.3s ease-in-out;
      content: "";
      position: absolute;
      transform: translateX(-100%);
      top: 0;
      right: -50px;
      bottom: 0;
      left: 0;
      border-right: 50px solid transparent;
      border-bottom: 80px solid #000000;
   }

   .button:hover {
      color: #FFF;
   }

      .button:hover:before {
         transform: translateX(0);
      }

   .button:active, .button:focus {
      color: #FFF;
      background: #000000;
      box-shadow: inset 0 0 0 2px #FFCC05;
   }

      .button:active:before, .button:focus:before {
         display: none;
      }

   .button.button-secondary {
      color: #FFCC05;
      background: #000000;
   }

      .button.button-secondary:before {
         border-bottom-color: #FFCC05;
      }

      .button.button-secondary:hover {
         color: #000000;
      }

      .button.button-secondary:active, .button.button-secondary:focus {
         color: #000000;
         background: #FFCC05;
         box-shadow: inset 0 0 0 2px #000000;
      }

   .button.button-tertiary {
      box-shadow: inset 0 0 0 2px #EBEBF1;
      background: #FFF;
   }

      .button.button-tertiary:before {
         border-bottom-color: #000000;
      }

      .button.button-tertiary:hover {
         color: #FFCC05;
         box-shadow: none;
      }

      .button.button-tertiary:active, .button.button-tertiary:focus {
         box-shadow: none;
         color: #FFCC05;
         background: #000000;
         box-shadow: inset 0 0 0 2px #FFCC05;
      }

   .button.button-white {
      background: #FFF;
   }

      .button.button-white:before {
         border-bottom-color: #FFCC05;
      }

      .button.button-white:hover {
         color: #000000;
      }

      .button.button-white:active, .button.button-white:focus {
         color: #000000;
         background: #FFCC05;
         box-shadow: inset 0 0 0 2px #FFF;
      }

   .button.button-white-bordered {
      background: transparent;
      color: #FFF;
      box-shadow: inset 0 0 0 2px #FFF;
   }

      .button.button-white-bordered:before {
         border-bottom-color: #FFCC05;
      }

      .button.button-white-bordered:hover {
         color: #000000;
      }

      .button.button-white-bordered:active, .button.button-white-bordered:focus {
         color: #000000;
         background: #FFCC05;
         box-shadow: inset 0 0 0 2px #FFF;
      }

   .button.button-icon {
      width: 48px;
      padding: 0px;
   }

      .button.button-icon span:not([class]) {
         width: 48px;
         height: 48px;
         padding: 0px;
         display: flex;
         justify-content: center;
         align-items: center;
      }

.background-dark-blue .button-primary:before {
   border-bottom-color: #81DCF1;
}

.background-dark-blue .button-primary:hover {
   color: #000000;
}

.background-dark-blue .button-primary:active, .background-dark-blue .button-primary:focus {
   color: #000000;
   background: #81DCF1;
   box-shadow: inset 0 0 0 2px #FFCC05;
}

.background-dark-blue .button-secondary {
   color: #000000;
   background: #FFF;
}

   .background-dark-blue .button-secondary:before {
      border-bottom-color: #FFCC05;
   }

   .background-dark-blue .button-secondary:hover {
      color: #000000;
   }

   .background-dark-blue .button-secondary:active, .background-dark-blue .button-secondary:focus {
      color: #000000;
      background: #FFCC05;
      box-shadow: inset 0 0 0 2px #FFF;
   }

.background-dark-blue .button-tertiary:before {
   border-bottom-color: #FFCC05;
}

.background-dark-blue .button-tertiary:hover {
   color: #000000;
}

.background-dark-blue .button-tertiary:active, .background-dark-blue .button-tertiary:focus {
   color: #000000;
   background: #FFCC05;
   box-shadow: inset 0 0 0 2px #FFF;
}

.background-yellow .button-primary {
   color: #FFCC05;
   background: #000000;
}

   .background-yellow .button-primary:before {
      border-bottom-color: #FFF;
   }

   .background-yellow .button-primary:hover {
      color: #000000;
   }

   .background-yellow .button-primary:active, .background-yellow .button-primary:focus {
      color: #000000;
      background: #FFF;
      box-shadow: inset 0 0 0 2px #000000;
   }

.back-link {
   font-size: 16px;
   line-height: 22px;
   display: inline-block;
   color: #000000;
   font-weight: 600;
}

   .back-link svg {
      position: relative;
      margin: 0 9px 0 0;
   }

   .back-link:hover, .back-link:active, .back-link:focus {
      color: #4F4F64;
   }

textarea,
input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
.placholder-field {
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
   display: block;
   border: 1px solid #EBEBF1;
   border-radius: 4px;
   width: 100%;
   height: 48px;
   font-family: "Archivo", sans-serif;
   color: #4F4F64;
   font-weight: 600;
   padding: 11px 19px 11px 19px;
   line-height: 22px;
   font-size: 16px;
   position: relative;
   z-index: 1;
   box-shadow: none;
   background: transparent;
   transition: border-color 0.3s;
}

   textarea:focus,
   input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]):focus,
   .placholder-field:focus {
      border-color: #141446;
   }

.form-group {
   position: relative;
}

   .form-group label {
      display: block;
      font-size: 16px;
      line-height: 22px;
      color: #000000;
      margin: 0 0 12px 0;
   }

      .form-group label.form-group-label {
         display: block;
         position: absolute;
         top: 9px;
         left: 19px;
         font-size: 14px;
         margin: 0px;
         color: #000000;
         line-height: 20px;
         z-index: 2;
         cursor: pointer;
      }

   .form-group textarea,
   .form-group input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
   .form-group .placholder-field {
      padding: 30px 19px 12px 19px;
      background: transparent;
      height: 65px;
   }

   .form-group.has-error textarea,
   .form-group.has-error input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
      border-color: #C22525;
   }

   .form-group p {
      font-size: 14px;
      line-height: 22px;
   }

   .form-group .form-group-help-text {
      display: block;
      font-size: 12px;
      line-height: 16px;
      padding: 10px 0 0 0;
   }

   .form-group .form-group-error {
      font-size: 14px;
      line-height: 20px;
      color: #C22525;
      display: block;
      padding: 6px 0 0 0;
   }

.form-checkboxes {
   display: grid;
   grid-row-gap: 20px;
   grid-column-gap: 20px;
}

   .form-checkboxes .form-checkbox {
      position: relative;
   }

      .form-checkboxes .form-checkbox input {
         position: absolute;
         left: -9999px;
      }

      .form-checkboxes .form-checkbox label {
         display: block;
         cursor: pointer;
         font-size: 16px;
         line-height: 22px;
         color: #000000;
         padding: 0 0 0 26px;
         position: relative;
         margin: 0px;
      }

         .form-checkboxes .form-checkbox label:before {
            position: absolute;
            left: 0px;
            top: 2px;
            width: 14px;
            height: 14px;
            border: 2px solid #000000;
            border-radius: 2px;
            background: #FFF;
            content: "";
            display: block;
         }

         .form-checkboxes .form-checkbox label a {
            color: #000000;
            text-decoration: underline;
         }

            .form-checkboxes .form-checkbox label a:active, .form-checkboxes .form-checkbox label a:focus {
               outline: 1px dotted #000;
               outline-offset: 3px;
            }

      .form-checkboxes .form-checkbox input:focus + label:before {
         box-shadow: 0 0 0 4px #cacad5;
      }

      .form-checkboxes .form-checkbox input:checked + label:before {
         background: url('data:image/svg+xml,<svg width="10px" height="7px" viewBox="0 0 10 7" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"><polyline stroke="%23FFDA00" stroke-width="2" points="8.27272727 1 3.27272727 6 1 3.72727273"></polyline></g></svg>') no-repeat center center #000000;
      }

   .form-checkboxes.form-checkboxes-smaller-label .form-checkbox label {
      font-size: 14px;
   }

   .form-checkboxes.form-checkboxes-inline {
      display: flex;
      column-gap: 32px;
      row-gap: 20px;
   }

.form-section-heading {
   padding: 9px 16px 12px 16px;
   background: #EBEBF1;
   border-radius: 4px;
   display: flex;
   align-items: center;
   justify-content: space-between;
}

   .form-section-heading h2,
   .form-section-heading h3,
   .form-section-heading h4 {
      font-size: 16px;
      line-height: 22px;
   }

   .form-section-heading a {
      font-size: 14px;
      line-height: 20px;
      color: #000000;
      text-decoration: underline;
   }

.form-password-field {
   position: relative;
}

   .form-password-field input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
      padding-right: 72px;
   }

   .form-password-field .toggle-password-view {
      position: absolute;
      top: 0px;
      right: 0px;
      width: 65px;
      height: 65px;
      background: url('data:image/svg+xml,<svg width="24px" height="18px" viewBox="0 0 24 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><path d="M12,0 C15.3798024,0 18.3386923,1.63249094 20.8545372,4.31605887 C21.7188737,5.23801779 22.4694995,6.22244509 23.1056644,7.20747457 L23.1056644,7.20747457 L23.3440221,7.58487875 L23.6341996,8.07201903 L23.7824845,8.33820472 L23.8944272,8.5527864 C24.0351909,8.8343139 24.0351909,9.1656861 23.8944272,9.4472136 C23.8788085,9.47845095 23.8616681,9.51200792 23.8430098,9.54779977 L23.8430098,9.54779977 L23.7128736,9.78869179 L23.5464848,10.0791545 L23.3440221,10.4151213 L23.1056644,10.7925254 C22.4694995,11.7775549 21.7188737,12.7619822 20.8545372,13.6839411 C18.3386923,16.3675091 15.3798024,18 12,18 C8.62019756,18 5.66130774,16.3675091 3.1454628,13.6839411 C2.28112631,12.7619822 1.5305005,11.7775549 0.894335622,10.7925254 L0.894335622,10.7925254 L0.655977931,10.4151213 L0.365800405,9.92798097 L0.217515548,9.66179528 L0.105572809,9.4472136 C-0.0351909363,9.1656861 -0.0351909363,8.8343139 0.105572809,8.5527864 C0.121191486,8.52154905 0.138331871,8.48799208 0.156990236,8.45220023 L0.156990236,8.45220023 L0.28712639,8.21130821 L0.453515238,7.92084551 L0.655977931,7.58487875 L0.894335622,7.20747457 C1.5305005,6.22244509 2.28112631,5.23801779 3.1454628,4.31605887 C5.66130774,1.63249094 8.62019756,0 12,0 Z M12,2 C9.25480244,2 6.77619226,3.36750906 4.6045372,5.68394113 C3.82824869,6.51198221 3.149187,7.40255491 2.57441438,8.29252543 C2.47414884,8.44777529 2.38085212,8.59722504 2.29460865,8.73988567 L2.29460865,8.73988567 L2.141,9 L2.29460865,9.26011433 L2.42925324,9.47907349 L2.57441438,9.70747457 C3.149187,10.5974451 3.82824869,11.4880178 4.6045372,12.3160589 C6.77619226,14.6324909 9.25480244,16 12,16 C14.7451976,16 17.2238077,14.6324909 19.3954628,12.3160589 C20.1717513,11.4880178 20.850813,10.5974451 21.4255856,9.70747457 C21.5258512,9.55222471 21.6191479,9.40277496 21.7053913,9.26011433 L21.7053913,9.26011433 L21.858,9 L21.7053913,8.73988567 L21.5707468,8.52092651 L21.4255856,8.29252543 C20.850813,7.40255491 20.1717513,6.51198221 19.3954628,5.68394113 C17.2238077,3.36750906 14.7451976,2 12,2 Z M12,5 C14.209139,5 16,6.790861 16,9 C16,11.209139 14.209139,13 12,13 C9.790861,13 8,11.209139 8,9 C8,6.790861 9.790861,5 12,5 Z M12,7 C10.8954305,7 10,7.8954305 10,9 C10,10.1045695 10.8954305,11 12,11 C13.1045695,11 14,10.1045695 14,9 C14,7.8954305 13.1045695,7 12,7 Z" fill="currentColor" fill-rule="nonzero"></path></g></svg>') no-repeat center center;
      z-index: 4;
      text-indent: -9999px;
   }

      .form-password-field .toggle-password-view:hover, .form-password-field .toggle-password-view:active, .form-password-field .toggle-password-view:focus {
         color: #4F4F64;
      }

   .form-password-field.viewing .toggle-password-view {
      background-image: url('data:image/svg+xml,<svg width="23px" height="24px" viewBox="0 0 23 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><title>eye-off</title><g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"><g id="eye-off" transform="translate(1.000000, 1.000000)" stroke="%23141446" stroke-width="2"><path d="M16.17,16.94 C14.5382904,18.2430022 12.5514208,18.9648632 10.5,19 C3.81818182,19 0,11 0,11 C1.18734945,8.68189567 2.83417475,6.65660741 4.83,5.06 M8.49545455,3.24 C9.15249902,3.07887951 9.82519752,2.99833874 10.5,2.99997482 C17.1818182,2.99997482 21,11 21,11 C20.4205714,12.1356074 19.7295529,13.2047361 18.9381818,14.19 M12.5236364,13.12 C11.8097487,13.9226127 10.7346061,14.2529967 9.7199878,13.9815422 C8.7053695,13.7100876 7.91309819,12.8800891 7.65398248,11.8171556 C7.39486676,10.7542222 7.71023332,9.62788232 8.47636364,8.88" id="Shape"></path><line x1="0" y1="0" x2="21" y2="22" id="Path"></line></g></g></svg>');
   }

.form-group-hidden {
   display: none;
}

.form-submit small {
   display: block;
   padding: 30px 0 0 0;
   font-size: 14px;
   text-align: center;
   line-height: 26px;
}

   .form-submit small a {
      text-decoration: underline;
   }

.validation-errors {
   grid-column: 1/-1;
   min-width: 0;
   border-radius: 4px;
   background: rgba(194, 37, 37, 0.05);
   border: 1px solid #C22525;
   padding: 13px 19px 15px 19px;
   margin: 0 0 8px 0;
}

   .validation-errors p {
      font-size: 14px;
      line-height: 20px;
      color: #C22525;
      font-weight: 600;
      margin: 0 0 2px 0;
   }

   .validation-errors ul li {
      position: relative;
      padding: 0 0 0 38px;
      font-size: 14px;
      line-height: 20px;
      color: #C42D2D;
   }

      .validation-errors ul li:before {
         content: "•";
         position: absolute;
         top: 0px;
         left: 11px;
         font-size: 14px;
         line-height: 20px;
         color: #C42D2D;
      }

.form-grid {
   display: grid;
   grid-column-gap: 20px;
   grid-row-gap: 20px;
   grid-template-columns: repeat(12, 1fr);
   width: 100%;
}

   .form-grid .form-section-heading {
      margin: 32px 0 0 0;
   }

      .form-grid .form-section-heading.form-section-heading-first {
         margin: 0px;
      }

   .form-grid .form-group {
      grid-column: 1/-1;
      min-width: 0;
   }

   .form-grid .form-hr {
      grid-column: 1/-1;
      min-width: 0;
      display: block;
      border-top: 1px solid #EBEBF1;
   }

   .form-grid .form-section-heading {
      grid-column: 1/-1;
      min-width: 0;
   }

   .form-grid .form-submit {
      grid-column: 1/-1;
   }

@media all and (min-width: 768px) {
   .form-grid .form-group.form-group-half {
      grid-column: span 6;
   }

   .form-grid .form-group.form-group-third {
      grid-column: span 4;
   }

   .form-grid .form-group.form-group-quarter {
      grid-column: span 3;
   }
}

@media all and (min-width: 1024px) {
   .form-grid {
      grid-column-gap: 24px;
      grid-row-gap: 24px;
   }

   .form-submit small {
      padding: 18px 0 0 0;
   }
}

.slick-slider {
   position: relative;
}

   .slick-slider .slick-arrow {
      position: absolute;
      bottom: 0px;
      width: 12px;
      height: 28px;
      z-index: 10;
      color: #000000;
   }

      .slick-slider .slick-arrow svg {
         position: absolute;
         left: 50%;
         top: 50%;
         transform: translateX(-50%) translateY(-50%);
         -webkit-transform: translateX(-50%) translateY(-50%);
         -ms-transform: translateX(-50%) translateY(-50%);
      }

      .slick-slider .slick-arrow.slick-prev {
         left: 0px;
      }

      .slick-slider .slick-arrow.slick-next {
         right: 0px;
      }

   .slick-slider .slick-dots {
      bottom: 0px;
      left: 0px;
      width: 100%;
      position: absolute;
      text-align: center;
      z-index: 9;
   }

      .slick-slider .slick-dots li {
         display: inline-block;
         width: 33px;
         text-align: center;
         height: 28px;
         line-height: 28px;
      }

         .slick-slider .slick-dots li button {
            appearance: none;
            -moz-appearance: none;
            -webkit-appearance: none;
            padding: 0px;
            border: none;
            margin: 0px;
            text-indent: -9999px;
            border-radius: 2px;
            font-size: 1px;
            display: inline-block;
            vertical-align: middle;
            width: 25px;
            height: 25px;
            background: #EBEBF1;
            position: relative;
            border: none;
            top: -2px;
            cursor: pointer;
         }

         .slick-slider .slick-dots li.slick-active button {
            background: #FFCC05;
         }

.background-light-blue .slick-slider .slick-dots li button {
   background: #FFF;
}

.background-light-blue .slick-slider .slick-dots li.slick-active button {
   background: #000000;
}

#site-header {
   background: #000000;
   padding: 16px 0;
   z-index: 12;
   position: sticky;
   top: 0;
}

   #site-header .container {
      display: flex;
      justify-content: space-between;
      align-items: center;
   }

   #site-header .mobile-nav-back {
      display: none;
      z-index: 1;
      position: relative;
      color: #FFF;
      font-size: 12px;
      line-height: 16px;
      font-weight: 600;
      padding: 0 0 0 20px;
      background: url('data:image/svg+xml,<svg width="12px" height="11px" viewBox="0 0 12 11" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><path d="M7.26975369,0.209704612 L7.36396103,0.292893219 L11.6066017,4.53553391 C11.6336157,4.56254785 11.6590912,4.59110018 11.6828857,4.6210482 L11.6066017,4.53553391 C11.6490116,4.57794378 11.6868159,4.62321521 11.7200146,4.67072668 C11.7300121,4.68517741 11.7398584,4.70010176 11.7493083,4.71529816 C11.7605784,4.73324129 11.7713492,4.75188373 11.7814693,4.77078286 C11.7900318,4.78690907 11.7981133,4.80302333 11.805765,4.81937882 C11.8134601,4.83577154 11.8207054,4.85247112 11.8274736,4.86931767 C11.835258,4.8886018 11.842595,4.90862194 11.8492988,4.92893004 C11.8545375,4.9450367 11.8592587,4.96068785 11.8635883,4.97642419 C11.8701186,4.99976982 11.8758703,5.02410738 11.8807155,5.04877008 C11.8832464,5.06211251 11.8855338,5.07512639 11.8875625,5.08817272 C11.8911063,5.11046544 11.8938848,5.13353371 11.8958646,5.15682969 C11.8973562,5.17479028 11.8983808,5.19219535 11.8989528,5.20961252 C11.8993101,5.2202388 11.8994949,5.23141815 11.8994949,5.24264069 L11.8989528,5.27566885 C11.8983832,5.29301191 11.8973649,5.31034296 11.8958978,5.32764312 L11.8994949,5.24264069 C11.8994949,5.29512183 11.8954521,5.34665872 11.887661,5.39695693 C11.8855677,5.41000847 11.8831625,5.42367766 11.880472,5.43730166 C11.8756771,5.46193385 11.8701297,5.48537447 11.863774,5.5084803 C11.8595026,5.523784 11.8546697,5.53984255 11.8494247,5.55579524 C11.842595,5.57665943 11.835258,5.59667958 11.8273112,5.61638841 C11.8205919,5.63309261 11.8132171,5.65006957 11.8053491,5.6668728 C11.7987738,5.68080554 11.7919281,5.69455725 11.7847796,5.70812465 C11.7732438,5.73019984 11.7606367,5.75211735 11.7471318,5.77363255 C11.7382561,5.78759534 11.7293143,5.80108893 11.7200593,5.81434774 C11.7105311,5.82814155 11.7003605,5.84194588 11.6897903,5.85554013 C11.6843727,5.86236788 11.6820971,5.8652352 11.6798062,5.86808968 L11.6066017,5.94974747 L7.36396103,10.1923882 C6.97343674,10.5829124 6.34027176,10.5829124 5.94974747,10.1923882 C5.58926351,9.83190419 5.56153397,9.26467314 5.86655886,8.87238193 L5.94974747,8.77817459 L8.484,6.242 L1,6.24264069 C0.44771525,6.24264069 4.08562073e-14,5.79492544 4.08562073e-14,5.24264069 C4.08562073e-14,4.72980485 0.38604019,4.30713353 0.883378875,4.24936842 L1,4.24264069 L8.485,4.242 L5.94974747,1.70710678 C5.58926351,1.34662282 5.56153397,0.779391764 5.86655886,0.387100557 L5.94974747,0.292893219 C6.31023143,-0.0675907428 6.87746249,-0.0953202783 7.26975369,0.209704612 Z" fill="%23FFDA00" fill-rule="nonzero" transform="translate(5.949747, 5.242641) scale(-1, 1) translate(-5.949747, -5.242641) "></path></g></svg>') no-repeat left 4px;
   }

   #site-header .logo {
      display: block;
   }

      #site-header .logo img {
         max-height: 32px;
      }

      #site-header .logo:active, #site-header .logo:focus {
         outline: 2px solid #FFCC05;
         outline-offset: 10px;
      }

   #site-header nav {
      display: none;
   }

   #site-header .right-buttons {
      display: flex;
   }

      #site-header .right-buttons .button {
         margin: 0 0 0 8px;
      }

      #site-header .right-buttons .close-search {
         display: none;
      }

      #site-header .right-buttons form {
         display: none;
         position: relative;
      }

         #site-header .right-buttons form input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
            border: 2px solid #FFF;
            width: 213px;
            color: #FFF;
            padding: 10px 52px 12px 18px;
         }

            #site-header .right-buttons form input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file])::placeholder {
               color: #FFF;
            }

            #site-header .right-buttons form input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]):focus {
               border-color: #FFCC05;
               color: #FFCC05;
            }

         #site-header .right-buttons form input[type=submit] {
            appearance: none;
            display: block;
            border: none;
            z-index: 1;
            cursor: pointer;
            box-shadow: none;
            width: 48px;
            height: 48px;
            position: absolute;
            top: 0px;
            right: 0px;
            text-indent: -9999px;
            background: url('data:image/svg+xml,<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><path d="M9,0 C13.9705627,0 18,4.02943725 18,9 C18,11.124779 17.2636898,13.0775836 16.0323074,14.6171757 L19.7071068,18.2928932 C20.0976311,18.6834175 20.0976311,19.3165825 19.7071068,19.7071068 C19.3466228,20.0675907 18.7793918,20.0953203 18.3871006,19.7902954 L18.2928932,19.7071068 L14.6171757,16.0323074 C13.0775836,17.2636898 11.124779,18 9,18 C4.02943725,18 0,13.9705627 0,9 C0,4.02943725 4.02943725,0 9,0 Z M9,2 C5.13400675,2 2,5.13400675 2,9 C2,12.8659932 5.13400675,16 9,16 C10.8904747,16 12.6059153,15.25059 13.8654514,14.0326404 C13.8886352,14.0004394 13.9147502,13.9710363 13.9428932,13.9428932 L14.0326404,13.8654514 C15.25059,12.6059153 16,10.8904747 16,9 C16,5.13400675 12.8659932,2 9,2 Z" fill="%23FFFFFF" fill-rule="nonzero"></path></g></svg>') no-repeat center center;
            border-radius: 0 4px 4px 0;
         }

            #site-header .right-buttons form input[type=submit]:hover {
               background: url('data:image/svg+xml,<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><path d="M9,0 C13.9705627,0 18,4.02943725 18,9 C18,11.124779 17.2636898,13.0775836 16.0323074,14.6171757 L19.7071068,18.2928932 C20.0976311,18.6834175 20.0976311,19.3165825 19.7071068,19.7071068 C19.3466228,20.0675907 18.7793918,20.0953203 18.3871006,19.7902954 L18.2928932,19.7071068 L14.6171757,16.0323074 C13.0775836,17.2636898 11.124779,18 9,18 C4.02943725,18 0,13.9705627 0,9 C0,4.02943725 4.02943725,0 9,0 Z M9,2 C5.13400675,2 2,5.13400675 2,9 C2,12.8659932 5.13400675,16 9,16 C10.8904747,16 12.6059153,15.25059 13.8654514,14.0326404 C13.8886352,14.0004394 13.9147502,13.9710363 13.9428932,13.9428932 L14.0326404,13.8654514 C15.25059,12.6059153 16,10.8904747 16,9 C16,5.13400675 12.8659932,2 9,2 Z" fill="%23FFDA00" fill-rule="nonzero"></path></g></svg>') no-repeat center center;
            }

            #site-header .right-buttons form input[type=submit]:active, #site-header .right-buttons form input[type=submit]:focus {
               background: url('data:image/svg+xml,<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><path d="M9,0 C13.9705627,0 18,4.02943725 18,9 C18,11.124779 17.2636898,13.0775836 16.0323074,14.6171757 L19.7071068,18.2928932 C20.0976311,18.6834175 20.0976311,19.3165825 19.7071068,19.7071068 C19.3466228,20.0675907 18.7793918,20.0953203 18.3871006,19.7902954 L18.2928932,19.7071068 L14.6171757,16.0323074 C13.0775836,17.2636898 11.124779,18 9,18 C4.02943725,18 0,13.9705627 0,9 C0,4.02943725 4.02943725,0 9,0 Z M9,2 C5.13400675,2 2,5.13400675 2,9 C2,12.8659932 5.13400675,16 9,16 C10.8904747,16 12.6059153,15.25059 13.8654514,14.0326404 C13.8886352,14.0004394 13.9147502,13.9710363 13.9428932,13.9428932 L14.0326404,13.8654514 C15.25059,12.6059153 16,10.8904747 16,9 C16,5.13400675 12.8659932,2 9,2 Z" fill="%23141446" fill-rule="nonzero"></path></g></svg>') no-repeat center center #FFF;
            }

      #site-header .right-buttons .button-account {
         display: none;
      }

         #site-header .right-buttons .button-account .button-label {
            display: none;
         }

      #site-header .right-buttons .button-basket .basket-count {
         position: absolute;
         top: 7px;
         right: 4px;
         color: #000000;
         background: #FFCC05;
         width: 16px;
         height: 16px;
         line-height: 14px;
         text-align: center;
         display: block;
         border-radius: 100%;
         font-size: 11px;
         z-index: 1;
         font-weight: 600;
      }

      #site-header .right-buttons .toggle-nav .toggle-nav-close {
         display: none;
      }

@media all and (min-width: 768px) {
   #site-header .logo img {
      max-height: none;
   }

   #site-header .right-buttons form {
      display: block;
   }

   #site-header .right-buttons .button-account {
      display: flex;
   }

   #site-header .right-buttons .button-basket {
      background: #FFF;
      color: #000000;
   }

      #site-header .right-buttons .button-basket:before {
         border-bottom-color: #FFCC05;
      }

      #site-header .right-buttons .button-basket:hover {
         color: #000000;
      }

      #site-header .right-buttons .button-basket:active, #site-header .right-buttons .button-basket:focus {
         color: #000000;
         background: #FFCC05;
         box-shadow: inset 0 0 0 2px #FFF;
      }
}

@media all and (max-width: 1179px) {
   .mobile-nav-active {
      overflow: hidden;
   }

      .mobile-nav-active #site-header .logo {
         visibility: hidden;
      }

      .mobile-nav-active #site-header nav {
         visibility: visible;
         opacity: 1;
         left: 0px;
      }

      .mobile-nav-active #site-header .right-buttons .button-account {
         display: block;
         width: auto;
         color: #000000;
         background: #FFF;
      }

         .mobile-nav-active #site-header .right-buttons .button-account span:not([class]) {
            width: auto;
            padding: 9px 16px 11px 16px;
            display: flex;
            align-content: center;
         }

         .mobile-nav-active #site-header .right-buttons .button-account svg {
            margin: 0 8px 0 0;
         }

         .mobile-nav-active #site-header .right-buttons .button-account span.button-label {
            font-size: 16px;
            line-height: 28px;
            display: block;
            width: 85px;
         }

      .mobile-nav-active #site-header .right-buttons .button-basket {
         display: none;
      }

      .mobile-nav-active #site-header .right-buttons .toggle-nav .toggle-nav-burger {
         display: none;
      }

      .mobile-nav-active #site-header .right-buttons .toggle-nav .toggle-nav-close {
         display: block;
      }

   #site-header nav {
      position: fixed;
      top: 0px;
      left: 0px;
      width: 100%;
      height: 100vh;
      display: block;
      visibility: hidden;
      opacity: 0;
      left: -9999px;
      transition: opacity 0.3s ease-in-out;
      background: #000000;
      padding: 104px 0 0 0;
   }

      #site-header nav .nav-wrapper {
         width: 400%;
         position: relative;
         top: 0px;
         left: 0px;
         transition: 0.3s;
         text-align: left;
      }

         #site-header nav .nav-wrapper .nav-inner {
            width: 25%;
            float: left;
            height: calc(100dvh - 104px);
            overflow-y: auto;
            padding: 0 20px;
         }

      #site-header nav ul {
         display: flex;
         flex-flow: column;
      }

         #site-header nav ul li {
            padding: 0 0 12px 0;
         }

            #site-header nav ul li.nav-destinations {
               order: 1;
            }

            #site-header nav ul li.nav-types {
               order: 2;
            }

            #site-header nav ul li.nav-operators {
               order: 3;
            }

            #site-header nav ul li.nav-info {
               order: 4;
            }

            #site-header nav ul li > a {
               color: #FFF;
               font-size: 20px;
               line-height: 28px;
               font-weight: 600;
               border-radius: 4px;
               border: 1px solid #FFF;
               padding: 11px 48px 13px 20px;
               display: block;
               background: url('data:image/svg+xml,<svg width="8px" height="14px" viewBox="0 0 8 14" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"><polyline stroke="%23FFDA00" stroke-width="2" transform="translate(4.000000, 7.000000) rotate(-90.000000) translate(-4.000000, -7.000000) " points="-2 4 4 10 10 4"></polyline></g></svg>') no-repeat right 20px center;
            }

            #site-header nav ul li.nav-destinations > a {
               border: none;
               padding: 0px;
               background: none;
               color: #81DCF1;
               letter-spacing: 1px;
               text-transform: uppercase;
               margin: 0 0 12px 0;
               font-weight: normal;
            }

            #site-header nav ul li.nav-destinations ul {
               display: block;
            }

               #site-header nav ul li.nav-destinations ul a {
                  border: none;
                  padding: 0px;
                  background: none;
               }

                  #site-header nav ul li.nav-destinations ul a:after {
                     background: url('data:image/svg+xml,<svg width="8px" height="14px" viewBox="0 0 8 14" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"><polyline stroke="%23FFDA00" stroke-width="2" transform="translate(4.000000, 7.000000) rotate(-90.000000) translate(-4.000000, -7.000000) " points="-2 4 4 10 10 4"></polyline></g></svg>') no-repeat;
                     width: 8px;
                     height: 14px;
                     display: inline-block;
                     margin: 0 0 0 6px;
                     content: "";
                     position: relative;
                     top: 1px;
                  }

               #site-header nav ul li.nav-destinations ul li.dropdown-destinations-view-all {
                  padding: 5px 0 23px 0;
               }

                  #site-header nav ul li.nav-destinations ul li.dropdown-destinations-view-all a {
                     font-size: 18px;
                     color: #FFCC05;
                  }

                     #site-header nav ul li.nav-destinations ul li.dropdown-destinations-view-all a:after {
                        display: none;
                     }

               #site-header nav ul li.nav-destinations ul li.dropdown-close {
                  display: none;
                  position: absolute;
                  left: -9999px;
               }

               #site-header nav ul li.nav-destinations ul ul {
                  display: none;
               }

            #site-header nav ul li ul {
               display: none;
            }

      #site-header nav div.sub-nav-holder {
         width: 25%;
         float: left;
         padding: 0 20px;
      }

         #site-header nav div.sub-nav-holder ul {
            max-height: calc(100dvh - 104px);
            overflow-y: auto;
         }

            #site-header nav div.sub-nav-holder ul li {
               padding: 0 0 7px 0;
            }

               #site-header nav div.sub-nav-holder ul li a {
                  border: none;
                  padding: 0px;
                  background: none;
               }

               #site-header nav div.sub-nav-holder ul li.nav-mobile-heading {
                  color: #81DCF1;
                  font-size: 20px;
                  line-height: 28px;
                  letter-spacing: 1px;
                  text-transform: uppercase;
                  font-weight: normal;
                  padding: 0 0 12px 0;
               }

            #site-header nav div.sub-nav-holder ul.dropdown-types {
               display: grid;
               grid-template-columns: repeat(3, 1fr);
               grid-column-gap: 16px;
               grid-row-gap: 28px;
            }

               #site-header nav div.sub-nav-holder ul.dropdown-types li a {
                  font-size: 18px;
                  line-height: 26px;
               }

                  #site-header nav div.sub-nav-holder ul.dropdown-types li a img {
                     display: block;
                     border-radius: 8px;
                     margin: 0 0 8px 0;
                     width: 100%;
                  }

               #site-header nav div.sub-nav-holder ul.dropdown-types li.nav-mobile-heading {
                  grid-column: 1/-1;
                  padding: 0 0 4px 0;
               }
}

@media all and (min-width: 1180px) {
   #site-header {
      padding: 16px 0;
   }

      #site-header nav {
         display: flex;
      }

         #site-header nav ul li {
            display: inline-block;
            padding: 0 10px;
         }

            #site-header nav ul li a {
               color: #FFF;
               padding: 28px 0;
               font-size: 18px;
               line-height: 24px;
               display: block;
               font-weight: 600;
            }

            #site-header nav ul li.has-dropdown > a {
               padding-right: 20px;
               background: url('data:image/svg+xml,<svg width="14px" height="8px" viewBox="0 0 14 8" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"><polyline stroke="%23FFDA00" stroke-width="2" points="1 1 7 7 13 1"></polyline></g></svg>') no-repeat right 39px;
            }

            #site-header nav ul li.has-dropdown:focus-within > a, #site-header nav ul li.has-dropdown:hover > a, #site-header nav ul li.has-dropdown:focus > a {
               background-image: url('data:image/svg+xml,<svg width="14px" height="8px" viewBox="0 0 14 8" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><path d="M0.292893219,0.292893219 C0.65337718,-0.0675907428 1.22060824,-0.0953202783 1.61289944,0.209704612 L1.70710678,0.292893219 L7,5.585 L12.2928932,0.292893219 C12.6533772,-0.0675907428 13.2206082,-0.0953202783 13.6128994,0.209704612 L13.7071068,0.292893219 C14.0675907,0.65337718 14.0953203,1.22060824 13.7902954,1.61289944 L13.7071068,1.70710678 L7.70710678,7.70710678 C7.34662282,8.06759074 6.77939176,8.09532028 6.38710056,7.79029539 L6.29289322,7.70710678 L0.292893219,1.70710678 C-0.0976310729,1.31658249 -0.0976310729,0.683417511 0.292893219,0.292893219 Z" fill="%23FFDA00" fill-rule="nonzero" transform="translate(7.000000, 4.000000) scale(1, -1) translate(-7.000000, -4.000000) "></path></g></svg>');
               color: #FFCC05;
               position: relative;
            }

               #site-header nav ul li.has-dropdown:focus-within > a:before, #site-header nav ul li.has-dropdown:hover > a:before, #site-header nav ul li.has-dropdown:focus > a:before {
                  position: absolute;
                  bottom: -1px;
                  z-index: 10;
                  left: 0px;
                  width: 100%;
                  height: 1px;
                  background: #FFCC05;
                  display: block;
                  content: "";
               }

            #site-header nav ul li.current-page > a, #site-header nav ul li.current-ancestor > a {
               color: #FFCC05;
            }

            #site-header nav ul li ul {
               display: none;
               position: absolute;
               left: -9999px;
               top: 100%;
               visibility: hidden;
               opacity: 0;
               transition: opacity 0.3s ease-in-out;
               width: 100%;
            }

               #site-header nav ul li ul:after {
                  width: 100vw;
                  background: #000000;
                  position: absolute;
                  top: 0px;
                  left: 50%;
                  transform: translateX(-50%);
                  content: "";
                  display: block;
                  height: 100%;
                  border-top: 1px solid #FFF;
                  box-shadow: 0 100vh 0 100vh rgba(20, 20, 40, 0.9);
               }

               #site-header nav ul li ul li {
                  z-index: 1;
                  padding: 0 0 7px 0;
               }

                  #site-header nav ul li ul li a {
                     padding: 0px;
                     font-size: 20px;
                     line-height: 28px;
                     position: relative;
                     z-index: 1;
                  }

                     #site-header nav ul li ul li a:hover, #site-header nav ul li ul li a:active, #site-header nav ul li ul li a:focus {
                        color: #FFCC05;
                        text-decoration: underline;
                     }

                  #site-header nav ul li ul li.current-page > a, #site-header nav ul li ul li.current-ancestor > a {
                     color: #FFCC05;
                     text-decoration: underline;
                  }

               #site-header nav ul li ul.dropdown-types {
                  padding: 40px 0 44px 0;
                  column-gap: 32px;
                  display: grid;
                  grid-template-columns: repeat(7, 1fr);
               }

                  #site-header nav ul li ul.dropdown-types li {
                     display: block;
                     padding: 0px;
                  }

                     #site-header nav ul li ul.dropdown-types li a {
                        font-size: 24px;
                        line-height: 31px;
                        text-align: center;
                     }

                        #site-header nav ul li ul.dropdown-types li a img {
                           display: block;
                           width: 100%;
                           border-radius: 8px;
                           margin: 0 0 13px 0;
                        }

               #site-header nav ul li ul.dropdown-destinations {
                  display: block;
                  padding: 48px 66.6% 56px 0;
               }

                  #site-header nav ul li ul.dropdown-destinations li {
                     display: block;
                     position: static;
                     padding: 0px;
                  }

                     #site-header nav ul li ul.dropdown-destinations li > a {
                        border: 2px solid #FFCC05;
                        border-bottom: none;
                        padding: 11px 48px 14px 22px;
                        color: #FFCC05;
                        background: url('data:image/svg+xml,<svg width="8px" height="14px" viewBox="0 0 8 14" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"><polyline stroke="%23FFDA00" stroke-width="2" transform="translate(4.000000, 7.000000) rotate(-90.000000) translate(-4.000000, -7.000000) " points="-2 4 4 10 10 4"></polyline></g></svg>') no-repeat right 22px center;
                     }

                     #site-header nav ul li ul.dropdown-destinations li:first-child > a {
                        border-radius: 4px 4px 0 0;
                     }

                     #site-header nav ul li ul.dropdown-destinations li.dropdown-destinations-view-all > a {
                        border-radius: 0 0 4px 4px;
                        border-bottom: 2px solid #FFCC05;
                        text-align: center;
                        padding-right: 22px;
                        background-image: none;
                     }

                        #site-header nav ul li ul.dropdown-destinations li.dropdown-destinations-view-all > a:hover, #site-header nav ul li ul.dropdown-destinations li.dropdown-destinations-view-all > a:active, #site-header nav ul li ul.dropdown-destinations li.dropdown-destinations-view-all > a:focus {
                           background-image: none;
                        }

                     #site-header nav ul li ul.dropdown-destinations li.dropdown-close {
                        display: none;
                        position: absolute;
                        top: 16px;
                        right: 0px;
                     }

                        #site-header nav ul li ul.dropdown-destinations li.dropdown-close .button {
                           border: none;
                           color: #FFF;
                           background-image: none;
                           padding: 0px;
                        }

                           #site-header nav ul li ul.dropdown-destinations li.dropdown-close .button span:not([class]) {
                              padding: 9px 22px 11px 22px;
                           }

                           #site-header nav ul li ul.dropdown-destinations li.dropdown-close .button svg {
                              position: relative;
                              margin: 0 8px 0 0;
                           }

                           #site-header nav ul li ul.dropdown-destinations li.dropdown-close .button:hover {
                              color: #000000;
                           }

                           #site-header nav ul li ul.dropdown-destinations li.dropdown-close .button:active, #site-header nav ul li ul.dropdown-destinations li.dropdown-close .button:focus {
                              color: #000000;
                           }

                     #site-header nav ul li ul.dropdown-destinations li:hover > a, #site-header nav ul li ul.dropdown-destinations li:active > a, #site-header nav ul li ul.dropdown-destinations li:focus-within > a {
                        color: #000000;
                        text-decoration: none;
                        background: url('data:image/svg+xml,<svg width="8px" height="14px" viewBox="0 0 8 14" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"><polyline stroke="%23141446" stroke-width="2" transform="translate(4.000000, 7.000000) rotate(-90.000000) translate(-4.000000, -7.000000) " points="-2 4 4 10 10 4"></polyline></g></svg>') no-repeat right 22px center #FFCC05;
                     }

                     #site-header nav ul li ul.dropdown-destinations li ul {
                        position: absolute;
                        top: 48px;
                        width: 66.6%;
                        display: block;
                        visibility: hidden;
                        left: -9999px;
                        opacity: 0;
                        padding: 0 0 0 140px;
                     }

                        #site-header nav ul li ul.dropdown-destinations li ul:after {
                           display: none;
                        }

                        #site-header nav ul li ul.dropdown-destinations li ul.dropdown-destinations-two-columns {
                           columns: 2;
                        }

                        #site-header nav ul li ul.dropdown-destinations li ul li {
                           padding: 0 0 7px 0;
                        }

                           #site-header nav ul li ul.dropdown-destinations li ul li a {
                              border: none;
                              padding: 0px;
                              color: #FFF;
                              background: none;
                           }

                              #site-header nav ul li ul.dropdown-destinations li ul li a:hover, #site-header nav ul li ul.dropdown-destinations li ul li a:active, #site-header nav ul li ul.dropdown-destinations li ul li a:focus {
                                 color: #FFCC05;
                                 text-decoration: underline;
                                 background: transparent;
                              }

                     #site-header nav ul li ul.dropdown-destinations li.active ul {
                        visibility: visible;
                        opacity: 1;
                        left: 33.3%;
                     }

                     #site-header nav ul li ul.dropdown-destinations li:focus-within ul {
                        visibility: visible;
                        opacity: 1;
                        left: 33.3%;
                     }

               #site-header nav ul li ul.dropdown-operators {
                  padding: 36px 0 72px 0;
                  column-gap: 50px;
                  columns: 3;
                  display: block;
               }

                  #site-header nav ul li ul.dropdown-operators li {
                     display: block;
                  }

               #site-header nav ul li ul.dropdown-info {
                  padding: 36px 0 44px 0;
                  display: block;
                  text-align: center;
               }

                  #site-header nav ul li ul.dropdown-info li {
                     padding: 0 24px;
                  }

            #site-header nav ul li:focus-within ul, #site-header nav ul li:hover ul, #site-header nav ul li:focus ul {
               visibility: visible;
               opacity: 1;
               left: 0px;
            }

      #site-header .right-buttons .toggle-nav {
         display: none;
      }
}

@media all and (min-width: 1280px) {
   #site-header nav ul li {
      padding: 0 20px;
   }

   #site-header .right-buttons .button {
      margin: 0 0 0 12px;
   }
}

.mobile-actions-bar {
   width: 100%;
   display: none;
   z-index: 10;
   background: #000000;
}

   .mobile-actions-bar.mobile-actions-bar-fixed {
      position: fixed;
      bottom: 0px;
      left: 0px;
   }

   .mobile-actions-bar a {
      padding: 15px 16px;
      background: #FFCC05;
      color: #000000;
      display: flex;
      width: 50%;
      justify-content: center;
      align-items: center;
   }

      .mobile-actions-bar a span {
         font-size: 16px;
         line-height: 22px;
         padding: 0 0 0 10px;
         font-weight: 600;
      }

      .mobile-actions-bar a.toggle-search {
         width: calc(50% - 1px);
         margin: 0 1px 0 0;
      }

@media all and (max-width: 1023px) {
   .mobile-actions-bar {
      display: flex;
   }
}

.search-form label {
   display: block;
   font-size: 16px;
   line-height: 22px;
   color: #FFF;
   font-weight: 600;
   margin: 0 0 12px 0;
}

.search-form .search-field {
   position: relative;
}

.search-form input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
   border: none;
   padding: 12px 88px 15px 20px;
   height: 52px;
   font-size: 18px;
   line-height: 25px;
   background: #FFF;
}

   .search-form input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file])::placeholder {
      color: #4F4F64;
   }

.search-form .search-form-clear {
   position: absolute;
   top: 50%;
   right: 64px;
   transform: translateY(-50%);
   display: none;
   z-index: 1;
}

.search-form .button {
   position: absolute;
   top: 2px;
   right: 2px;
   z-index: 1;
}

   .search-form .button .button-label {
      display: none;
   }

.search-wrapper {
   background: #000000;
   padding: 121px 0 0 0;
   height: 100vh;
   position: fixed;
   top: 0px;
   left: 0px;
   width: 100%;
   z-index: 11;
   display: block;
   visibility: hidden;
   opacity: 0;
   left: -9999px;
   transition: opacity 0.3s ease-in-out;
}

   .search-wrapper .search-inner {
      overflow-y: auto;
      height: calc(100vh - 121px);
   }

   .search-wrapper form {
      margin: 0 0 43px 0;
   }

   .search-wrapper .popular-searches ul li {
      padding: 0 0 7px 0;
      font-weight: 600;
   }

      .search-wrapper .popular-searches ul li.popular-searches-label {
         font-size: 14px;
         letter-spacing: 0.88px;
         color: #81DCF1;
         line-height: 20px;
         padding: 0 0 10px 0;
         text-transform: uppercase;
      }

      .search-wrapper .popular-searches ul li a {
         font-size: 20px;
         line-height: 28px;
         color: #FFF;
      }

         .search-wrapper .popular-searches ul li a:hover, .search-wrapper .popular-searches ul li a:active, .search-wrapper .popular-searches ul li a:focus {
            color: #FFCC05;
            text-decoration: underline;
         }

.search-active {
   overflow: hidden;
   height: 100%;
}

   .search-active #site-header {
      z-index: 20;
      position: fixed;
      top: 0px;
      left: 0px;
      width: 100%;
   }

      .search-active #site-header .logo {
         visibility: hidden;
      }

      .search-active #site-header .right-buttons .button {
         display: none;
      }

      .search-active #site-header .right-buttons .close-search {
         display: block;
      }

         .search-active #site-header .right-buttons .close-search .button-label {
            display: none;
         }

   .search-active .search-wrapper {
      visibility: visible;
      left: 0px;
      opacity: 1;
   }

@media all and (min-width: 768px) {
   .search-active #site-header .logo {
      visibility: visible;
   }

   .search-active #site-header nav {
      visibility: hidden;
   }

   .search-active #site-header .right-buttons form {
      display: none;
   }

   .search-active #site-header .right-buttons .close-search {
      display: block;
      width: auto;
      background: transparent;
      color: #FFF;
      box-shadow: inset 0 0 0 2px #FFF;
   }

      .search-active #site-header .right-buttons .close-search:before {
         border-bottom-color: #FFCC05;
      }

      .search-active #site-header .right-buttons .close-search:hover {
         color: #000000;
      }

      .search-active #site-header .right-buttons .close-search:active, .search-active #site-header .right-buttons .close-search:focus {
         color: #000000;
         background: #FFCC05;
         box-shadow: inset 0 0 0 2px #FFF;
      }

      .search-active #site-header .right-buttons .close-search span:not([class]) {
         width: auto;
         padding: 9px 16px 11px 16px;
         display: flex;
         align-content: center;
      }

      .search-active #site-header .right-buttons .close-search svg {
         margin: 0 8px 0 0;
      }

      .search-active #site-header .right-buttons .close-search span.button-label {
         font-size: 16px;
         line-height: 28px;
         display: block;
         width: auto;
      }

   .search-wrapper {
      padding: 110px 0 0 0;
   }

      .search-wrapper .container {
         max-width: 611px;
         margin: 0 auto;
      }

      .search-wrapper form {
         margin: 0 0 35px 0;
      }

         .search-wrapper form label {
            margin: 0 0 17px 0;
         }
}

.filter-receive-by {
   padding: 9px 0 20px 0;
   width: 50%;
   transition: 0.3s;
}

   .filter-receive-by label {
      display: block;
      font-size: 14px;
      line-height: 20px;
      margin: 0 0 8px 0;
      color: #FFF;
   }

   .filter-receive-by ul {
      display: grid;
      column-gap: 18px;
      grid-template-columns: repeat(2, 1fr);
   }

      .filter-receive-by ul li {
         display: block;
      }

         .filter-receive-by ul li label {
            background: transparent;
            border: 1px solid #FFF;
            border-radius: 4px;
            font-size: 16px;
            line-height: 22px;
            color: #FFF;
            position: relative;
            padding: 10px 48px 14px 19px;
            display: flex;
            align-items: center;
            cursor: pointer;
         }

            .filter-receive-by ul li label .flag-icon {
               display: block;
               width: 20px;
               border-radius: 100%;
               margin: 0 8px 0 0;
            }

            .filter-receive-by ul li label span {
               display: block;
            }

            .filter-receive-by ul li label:before {
               border: 2px solid #FFCC05;
               border-radius: 2px;
               position: absolute;
               top: 14px;
               right: 13px;
               display: block;
               content: "";
               width: 16px;
               height: 16px;
            }

            .filter-receive-by ul li label:hover:before, .filter-receive-by ul li label:active:before, .filter-receive-by ul li label:focus:before {
               background-color: #000000;
            }

         .filter-receive-by ul li input {
            position: absolute;
            left: -9999px;
         }

            .filter-receive-by ul li input:checked + label {
               background: #FFF;
               border: 1px solid #EBEBF1;
               color: #000000;
            }

               .filter-receive-by ul li input:checked + label:before {
                  background: url('data:image/svg+xml,<svg width="10px" height="7px" viewBox="0 0 10 7" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"><polyline stroke="%23141446" stroke-width="2" points="8.27272727 1 3.27272727 6 1 3.72727273"></polyline></g></svg>') no-repeat center center #FFCC05;
               }

.filter-search-field input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
   border-color: #EBEBF1;
   padding: 9px 16px 12px 39px;
   line-height: 22px;
   height: 42px;
   color: #5A5B72;
   height: 48px;
   font-size: 16px;
   color: #000000;
   font-weight: normal;
   background: url('data:image/svg+xml,<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><path d="M9,0 C13.9705627,0 18,4.02943725 18,9 C18,11.124779 17.2636898,13.0775836 16.0323074,14.6171757 L19.7071068,18.2928932 C20.0976311,18.6834175 20.0976311,19.3165825 19.7071068,19.7071068 C19.3466228,20.0675907 18.7793918,20.0953203 18.3871006,19.7902954 L18.2928932,19.7071068 L14.6171757,16.0323074 C13.0775836,17.2636898 11.124779,18 9,18 C4.02943725,18 0,13.9705627 0,9 C0,4.02943725 4.02943725,0 9,0 Z M9,2 C5.13400675,2 2,5.13400675 2,9 C2,12.8659932 5.13400675,16 9,16 C10.8904747,16 12.6059153,15.25059 13.8654514,14.0326404 C13.8886352,14.0004394 13.9147502,13.9710363 13.9428932,13.9428932 L14.0326404,13.8654514 C15.25059,12.6059153 16,10.8904747 16,9 C16,5.13400675 12.8659932,2 9,2 Z" fill="%23141446" fill-rule="nonzero"></path></g></svg>') no-repeat 9px 12px #FFF;
}

   .filter-search-field input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]):focus {
      border-color: #000000;
   }

   .filter-search-field input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file])::placeholder {
      color: #000000;
   }

@media all and (min-width: 1024px) {
   .filter-field-dropdown {
      display: block;
      position: relative;
      z-index: 8;
   }

      .filter-field-dropdown .filter-field-dropdown-select {
         background: url('data:image/svg+xml,<svg width="14px" height="8px" viewBox="0 0 14 8" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"><polyline stroke="%23141446" stroke-width="2" points="1 1 7 7 13 1"></polyline></g></svg>') no-repeat right 20px bottom 19px #FFF;
         border-radius: 4px;
         cursor: pointer;
         display: block;
         padding: 10px 38px 12px 16px;
      }

         .filter-field-dropdown .filter-field-dropdown-select .filter-field-dropdown-select-label {
            font-size: 14px;
            line-height: 20px;
            font-weight: 600;
            color: #000000;
            margin: 0 0 1px 0;
            display: block;
         }

         .filter-field-dropdown .filter-field-dropdown-select .filter-field-dropdown-select-chosen {
            font-size: 16px;
            line-height: 22px;
            color: #5A5B72;
            display: block;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
         }

      .filter-field-dropdown .filter-field-dropdown-options {
         position: absolute;
         background: #FFF;
         top: -9999px;
         left: -9999px;
         visibility: hidden;
         opacity: 0;
         transition: opacity 0.3s ease-in-out;
         width: 100%;
         border-radius: 0 0 4px 4px;
         border: 1px solid #000000;
         margin-top: -1px;
         overflow-y: auto;
         max-height: 330px;
      }

         .filter-field-dropdown .filter-field-dropdown-options .filter-field-dropdown-options-search {
            padding: 8px;
         }

            .filter-field-dropdown .filter-field-dropdown-options .filter-field-dropdown-options-search input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
               border-color: #EBEBF1;
               padding: 8px 16px 10px 41px;
               line-height: 22px;
               height: 42px;
               color: #5A5B72;
               font-size: 16px;
               background: url('data:image/svg+xml,<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><path d="M9,0 C13.9705627,0 18,4.02943725 18,9 C18,11.124779 17.2636898,13.0775836 16.0323074,14.6171757 L19.7071068,18.2928932 C20.0976311,18.6834175 20.0976311,19.3165825 19.7071068,19.7071068 C19.3466228,20.0675907 18.7793918,20.0953203 18.3871006,19.7902954 L18.2928932,19.7071068 L14.6171757,16.0323074 C13.0775836,17.2636898 11.124779,18 9,18 C4.02943725,18 0,13.9705627 0,9 C0,4.02943725 4.02943725,0 9,0 Z M9,2 C5.13400675,2 2,5.13400675 2,9 C2,12.8659932 5.13400675,16 9,16 C10.8904747,16 12.6059153,15.25059 13.8654514,14.0326404 C13.8886352,14.0004394 13.9147502,13.9710363 13.9428932,13.9428932 L14.0326404,13.8654514 C15.25059,12.6059153 16,10.8904747 16,9 C16,5.13400675 12.8659932,2 9,2 Z" fill="%23141446" fill-rule="nonzero"></path></g></svg>') no-repeat 11px 11px #FFF;
            }

               .filter-field-dropdown .filter-field-dropdown-options .filter-field-dropdown-options-search input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]):focus {
                  border-color: #000000;
               }

         .filter-field-dropdown .filter-field-dropdown-options ul {
            padding: 3px 8px 12px 8px;
         }

            .filter-field-dropdown .filter-field-dropdown-options ul li {
               padding: 1px 0;
            }

               .filter-field-dropdown .filter-field-dropdown-options ul li input[type=checkbox] {
                  position: absolute;
                  left: -9999px;
               }

               .filter-field-dropdown .filter-field-dropdown-options ul li label {
                  cursor: pointer;
                  display: flex;
                  align-items: center;
                  padding: 5px 12px;
               }

                  .filter-field-dropdown .filter-field-dropdown-options ul li label .flag-icon {
                     display: block;
                     width: 20px;
                     border-radius: 100%;
                     margin: 0 8px 0 0;
                  }

                  .filter-field-dropdown .filter-field-dropdown-options ul li label span {
                     font-size: 16px;
                     line-height: 20px;
                     color: #5A5B72;
                     display: block;
                  }

                  .filter-field-dropdown .filter-field-dropdown-options ul li label:hover span, .filter-field-dropdown .filter-field-dropdown-options ul li label:focus span {
                     color: #000000;
                  }

               .filter-field-dropdown .filter-field-dropdown-options ul li input:checked + label {
                  background: #EBEBF1;
               }

                  .filter-field-dropdown .filter-field-dropdown-options ul li input:checked + label span {
                     color: #000000;
                  }

               .filter-field-dropdown .filter-field-dropdown-options ul li input:focus + label span {
                  color: #000000;
                  text-decoration: underline;
               }

      .filter-field-dropdown.filter-field-dropdown-open, .filter-field-dropdown:focus-within, .filter-field-dropdown:focus {
         z-index: 9;
      }

         .filter-field-dropdown.filter-field-dropdown-open .filter-field-dropdown-select, .filter-field-dropdown:focus-within .filter-field-dropdown-select, .filter-field-dropdown:focus .filter-field-dropdown-select {
            border-radius: 4px 4px 0 0;
            box-shadow: inset 0 0 0 1px #000000;
            background-image: url('data:image/svg+xml,<svg width="14px" height="9px" viewBox="0 0 14 9" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><polyline id="Path" stroke="%23141446" stroke-width="2" transform="translate(7.000000, 5.000000) rotate(180.000000) translate(-7.000000, -5.000000) " points="1 2 7 8 13 2"></polyline></g></svg>');
         }

         .filter-field-dropdown.filter-field-dropdown-open .filter-field-dropdown-options, .filter-field-dropdown:focus-within .filter-field-dropdown-options, .filter-field-dropdown:focus .filter-field-dropdown-options {
            visibility: visible;
            opacity: 1;
            left: 0px;
            top: 100%;
         }

   .filters.brochure-filters {
      background: #FFCC05;
      padding: 16px 0;
   }

   .filters .filters-header {
      display: none;
   }

   .filters .filter-form {
      display: flex;
      align-items: center;
   }

      .filters .filter-form .filter-heading {
         font-size: 20px;
         line-height: 27px;
         color: #000000;
         font-weight: 600;
         width: 164px;
         margin: 0 32px 0 0;
      }

      .filters .filter-form .filter-fields {
         width: calc(100% - 196px - 184px);
         display: grid;
         grid-template-columns: 25% 25% 25% 25%;
      }

      .filters .filter-form .filter-field {
         padding: 0 8px 0 0;
      }

      .filters .filter-form .filter-receive-by {
         display: none;
      }

      .filters .filter-form .filter-submit .button {
         width: 184px;
         display: block;
         height: 65px;
         font-size: 18px;
         line-height: 25px;
      }

         .filters .filter-form .filter-submit .button:before {
            border-bottom-color: #FFF;
         }

         .filters .filter-form .filter-submit .button:hover {
            color: #000000;
         }

         .filters .filter-form .filter-submit .button:active, .filters .filter-form .filter-submit .button:focus {
            color: #000000;
            background: #FFF;
            box-shadow: inset 0 0 0 2px #000000;
         }

         .filters .filter-form .filter-submit .button span:not([class]) {
            padding: 19px 8px 21px 8px;
         }

         .filters .filter-form .filter-submit .button svg {
            margin: 0 0 0 8px;
         }
}

@media all and (max-width: 1399px) and (min-width: 1024px) {
   .filters .filter-form {
      padding: 43px 0 0 0;
   }

      .filters .filter-form .filter-heading {
         position: absolute;
         top: 0px;
         left: 0px;
         width: auto;
      }

         .filters .filter-form .filter-heading h4 {
            font-size: 14px;
         }

      .filters .filter-form .filter-fields {
         width: calc(100% - 184px);
      }
}

@media (min-width: 1400px) {
   .filters .container {
      width: 1376px;
   }
}

@media all and (max-width: 1023px) {
   .filter-field .filter-field-dropdown .filter-field-dropdown-select {
      width: 50%;
      display: block;
      border-radius: 4px;
      border: 1px solid #EBEBF1;
      padding: 8px 48px 11px 19px;
      background: url('data:image/svg+xml,<svg width="8px" height="14px" viewBox="0 0 8 14" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"><polyline stroke="%23141446" stroke-width="2" transform="translate(4.000000, 7.000000) rotate(-90.000000) translate(-4.000000, -7.000000) " points="-2 4 4 10 10 4"></polyline></g></svg>') no-repeat right 23px center #FFF;
   }

      .filter-field .filter-field-dropdown .filter-field-dropdown-select .filter-field-dropdown-select-label {
         font-size: 14px;
         line-height: 20px;
         font-family: 600;
         color: #000000;
         display: block;
         margin: 0 0 1px 0;
      }

      .filter-field .filter-field-dropdown .filter-field-dropdown-select .filter-field-dropdown-select-chosen {
         font-size: 16px;
         line-height: 22px;
         color: #4F4F64;
         font-weight: normal;
         display: block;
         white-space: nowrap;
         overflow: hidden;
         text-overflow: ellipsis;
      }

   .filter-field .filter-field-dropdown .filter-field-dropdown-options {
      position: absolute;
      top: 0px;
      left: 50%;
      display: none;
      width: 50%;
   }

      .filter-field .filter-field-dropdown .filter-field-dropdown-options .filter-field-dropdown-options-search {
         display: none;
      }

      .filter-field .filter-field-dropdown .filter-field-dropdown-options ul li {
         margin: 0 0 12px 0;
         display: block;
      }

         .filter-field .filter-field-dropdown .filter-field-dropdown-options ul li label {
            background: transparent;
            border: 1px solid #FFF;
            border-radius: 4px;
            font-size: 16px;
            line-height: 22px;
            color: #FFF;
            position: relative;
            padding: 10px 48px 14px 19px;
            display: flex;
            align-items: center;
         }

            .filter-field .filter-field-dropdown .filter-field-dropdown-options ul li label .flag-icon {
               display: block;
               width: 20px;
               border-radius: 100%;
               margin: 0 8px 0 0;
            }

            .filter-field .filter-field-dropdown .filter-field-dropdown-options ul li label span {
               display: block;
            }

            .filter-field .filter-field-dropdown .filter-field-dropdown-options ul li label:before {
               border: 2px solid #FFCC05;
               border-radius: 2px;
               position: absolute;
               top: 14px;
               right: 13px;
               display: block;
               content: "";
               width: 16px;
               height: 16px;
            }

         .filter-field .filter-field-dropdown .filter-field-dropdown-options ul li input {
            position: absolute;
            left: -9999px;
         }

            .filter-field .filter-field-dropdown .filter-field-dropdown-options ul li input:checked + label {
               background: #FFF;
               border: 1px solid #EBEBF1;
               color: #000000;
            }

               .filter-field .filter-field-dropdown .filter-field-dropdown-options ul li input:checked + label:before {
                  background: url('data:image/svg+xml,<svg width="10px" height="7px" viewBox="0 0 10 7" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"><polyline stroke="%23141446" stroke-width="2" points="8.27272727 1 3.27272727 6 1 3.72727273"></polyline></g></svg>') no-repeat center center #FFCC05;
               }

   .filter-field .filter-field-dropdown.filter-field-dropdown-open .filter-field-dropdown-options {
      display: block;
   }

   .filters {
      background: #000000;
      padding: 0px;
      height: 100%;
      position: fixed;
      top: 0px;
      left: 0px;
      width: 100%;
      z-index: 12;
      display: block;
      visibility: hidden;
      opacity: 0;
      left: -9999px;
      transition: opacity 0.3s ease-in-out;
   }

      .filters .filters-header {
         display: flex;
         align-items: center;
         justify-content: space-between;
         width: 100%;
         padding: 24px 0 47px 0;
      }

         .filters .filters-header .filters-back-link {
            z-index: 1;
            position: relative;
            color: #FFF;
            font-size: 12px;
            line-height: 16px;
            font-weight: 600;
            padding: 0 0 0 20px;
            background: url('data:image/svg+xml,<svg width="12px" height="11px" viewBox="0 0 12 11" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><path d="M7.26975369,0.209704612 L7.36396103,0.292893219 L11.6066017,4.53553391 C11.6336157,4.56254785 11.6590912,4.59110018 11.6828857,4.6210482 L11.6066017,4.53553391 C11.6490116,4.57794378 11.6868159,4.62321521 11.7200146,4.67072668 C11.7300121,4.68517741 11.7398584,4.70010176 11.7493083,4.71529816 C11.7605784,4.73324129 11.7713492,4.75188373 11.7814693,4.77078286 C11.7900318,4.78690907 11.7981133,4.80302333 11.805765,4.81937882 C11.8134601,4.83577154 11.8207054,4.85247112 11.8274736,4.86931767 C11.835258,4.8886018 11.842595,4.90862194 11.8492988,4.92893004 C11.8545375,4.9450367 11.8592587,4.96068785 11.8635883,4.97642419 C11.8701186,4.99976982 11.8758703,5.02410738 11.8807155,5.04877008 C11.8832464,5.06211251 11.8855338,5.07512639 11.8875625,5.08817272 C11.8911063,5.11046544 11.8938848,5.13353371 11.8958646,5.15682969 C11.8973562,5.17479028 11.8983808,5.19219535 11.8989528,5.20961252 C11.8993101,5.2202388 11.8994949,5.23141815 11.8994949,5.24264069 L11.8989528,5.27566885 C11.8983832,5.29301191 11.8973649,5.31034296 11.8958978,5.32764312 L11.8994949,5.24264069 C11.8994949,5.29512183 11.8954521,5.34665872 11.887661,5.39695693 C11.8855677,5.41000847 11.8831625,5.42367766 11.880472,5.43730166 C11.8756771,5.46193385 11.8701297,5.48537447 11.863774,5.5084803 C11.8595026,5.523784 11.8546697,5.53984255 11.8494247,5.55579524 C11.842595,5.57665943 11.835258,5.59667958 11.8273112,5.61638841 C11.8205919,5.63309261 11.8132171,5.65006957 11.8053491,5.6668728 C11.7987738,5.68080554 11.7919281,5.69455725 11.7847796,5.70812465 C11.7732438,5.73019984 11.7606367,5.75211735 11.7471318,5.77363255 C11.7382561,5.78759534 11.7293143,5.80108893 11.7200593,5.81434774 C11.7105311,5.82814155 11.7003605,5.84194588 11.6897903,5.85554013 C11.6843727,5.86236788 11.6820971,5.8652352 11.6798062,5.86808968 L11.6066017,5.94974747 L7.36396103,10.1923882 C6.97343674,10.5829124 6.34027176,10.5829124 5.94974747,10.1923882 C5.58926351,9.83190419 5.56153397,9.26467314 5.86655886,8.87238193 L5.94974747,8.77817459 L8.484,6.242 L1,6.24264069 C0.44771525,6.24264069 4.08562073e-14,5.79492544 4.08562073e-14,5.24264069 C4.08562073e-14,4.72980485 0.38604019,4.30713353 0.883378875,4.24936842 L1,4.24264069 L8.485,4.242 L5.94974747,1.70710678 C5.58926351,1.34662282 5.56153397,0.779391764 5.86655886,0.387100557 L5.94974747,0.292893219 C6.31023143,-0.0675907428 6.87746249,-0.0953202783 7.26975369,0.209704612 Z" fill="%23FFDA00" fill-rule="nonzero" transform="translate(5.949747, 5.242641) scale(-1, 1) translate(-5.949747, -5.242641) "></path></g></svg>') no-repeat left 4px;
         }

         .filters .filters-header .filters-header-label {
            font-size: 16px;
            line-height: 22px;
            font-weight: bold;
            font-weight: 600;
            color: #FFF;
         }

         .filters .filters-header .filters-reset-link {
            color: #FFCC05;
            font-size: 12px;
            line-height: 16px;
         }

      .filters.filters-on-sub .filters-header .filters-reset-link {
         visibility: hidden;
      }

      .filters .filter-heading {
         display: none;
      }

      .filters .filter-form {
         position: relative;
      }

      .filters .filter-fields {
         width: 200%;
         left: 0px;
         transition: 0.3s ease-in-out;
         position: relative;
         height: calc(100dvh - 93px - 68px);
         overflow-y: auto;
      }

         .filters .filter-fields .filter-field {
            margin: 0 0 16px 0;
         }

         .filters .filter-fields .filter-receive-by {
            display: block;
         }

      .filters .filter-submit {
         position: fixed;
         bottom: 0px;
         left: 0px;
         padding: 20px;
         width: 100%;
      }

         .filters .filter-submit .button {
            display: block;
            background: #FFCC05;
            color: #000000;
            width: 100%;
         }

            .filters .filter-submit .button svg {
               margin: 0 0 0 8px;
            }

   .brochure-filters-active .brochure-filters {
      visibility: visible;
      opacity: 1;
      left: 0px;
   }

      .brochure-filters-active .brochure-filters.filters-on-sub .filter-fields {
         left: -100%;
      }

         .brochure-filters-active .brochure-filters.filters-on-sub .filter-fields .filter-field .filter-field-dropdown .filter-field-dropdown-select {
            visibility: hidden;
            opacity: 0;
         }

         .brochure-filters-active .brochure-filters.filters-on-sub .filter-fields .filter-receive-by {
            visibility: hidden;
            opacity: 0;
         }

   .blog-filters-active .blog-filters {
      visibility: visible;
      opacity: 1;
      left: 0px;
   }

      .blog-filters-active .blog-filters.filters-on-sub .filter-fields {
         left: -100%;
      }

         .blog-filters-active .blog-filters.filters-on-sub .filter-fields .filter-field .filter-field-dropdown .filter-field-dropdown-select {
            visibility: hidden;
            opacity: 0;
         }

         .blog-filters-active .blog-filters.filters-on-sub .filter-fields .filter-receive-by {
            visibility: hidden;
            opacity: 0;
         }
}

.filter-form-inline {
   background: #EBEBF1;
   border-radius: 4px;
   padding: 32px;
}

   .filter-form-inline .filter-field-dropdown {
      margin: 0 0 16px 0;
   }

   .filter-form-inline .filter-receive-by {
      width: 100%;
      padding: 2px 0 0 0;
   }

      .filter-form-inline .filter-receive-by label {
         color: #000000;
      }

      .filter-form-inline .filter-receive-by ul li label {
         border-color: #000000;
      }

         .filter-form-inline .filter-receive-by ul li label:before {
            border-color: #000000;
         }

      .filter-form-inline .filter-receive-by ul li input:checked + label {
         border-color: #000000;
         background: #000000;
         color: #FFCC05;
      }

         .filter-form-inline .filter-receive-by ul li input:checked + label:before {
            border-color: #FFCC05;
         }

   .filter-form-inline .filter-submit {
      display: none;
   }

@media all and (max-width: 1023px) and (min-width: 0px) {
   .filter-form-inline {
      display: none;
   }
}

.filter-form-blog .filter-field {
   margin: 0 0 16px 0;
}

   .filter-form-blog .filter-field .filter-field-dropdown .filter-field-dropdown-select {
      box-shadow: inset 0 0 0 1px #EBEBF1;
   }

   .filter-form-blog .filter-field .filter-field-dropdown.filter-field-dropdown-open .filter-field-dropdown-select, .filter-form-blog .filter-field .filter-field-dropdown:focus-within .filter-field-dropdown-select, .filter-form-blog .filter-field .filter-field-dropdown:focus .filter-field-dropdown-select {
      box-shadow: inset 0 0 0 1px #000000;
   }

@media all and (max-width: 1023px) {
   .blog-filters {
      padding: 0 20px;
   }

      .blog-filters .filter-search-field {
         width: 50%;
      }

      .blog-filters.filters-on-sub .filter-search-field {
         visibility: hidden;
         opacity: 0;
      }
}

.basket-summary-header {
   display: flex;
   align-items: center;
   padding: 0 0 27px 0;
   width: 100%;
   position: relative;
}

   .basket-summary-header .basket-summary-header-toggle {
      position: absolute;
      top: 0px;
      left: -20px;
      width: calc(100% + 40px);
      height: 100%;
      display: block;
      z-index: 10;
   }

   .basket-summary-header h5 {
      font-size: 20px;
      line-height: 32px;
      font-weight: 600;
      color: #000000;
   }

      .basket-summary-header h5 svg {
         position: relative;
         margin: 0 12px 0 0;
         top: 4px;
      }

   .basket-summary-header .basket-summary-item-count {
      font-size: 14px;
      line-height: 20px;
      color: #4F4F64;
      padding: 8px 0 4px 10px;
   }

   .basket-summary-header .button {
      margin-left: auto;
   }

   .basket-summary-header .toggle-basket {
      margin-left: auto;
      padding: 9px 6px 5px 6px;
      margin-left: auto;
   }

   .basket-summary-header .edit-basket-link {
      margin-left: auto;
      margin-top: 6px;
      font-size: 14px;
      line-height: 22px;
      color: #000000;
      text-decoration: underline;
   }

      .basket-summary-header .edit-basket-link:hover, .basket-summary-header .edit-basket-link:active, .basket-summary-header .edit-basket-link:focus {
         color: #000;
      }

.add-to-basket-header {
   display: flex;
   align-items: center;
   padding: 0 0 27px 0;
   width: 100%;
}

   .add-to-basket-header h5 {
      font-size: 20px;
      line-height: 32px;
      font-weight: 600;
      color: #000000;
   }

   .add-to-basket-header .button {
      margin-left: auto;
   }

.basket-summary-section-heading {
   font-size: 16px;
   line-height: 24px;
   color: #000000;
   font-weight: 600;
   background: #EBEBF1;
   border-radius: 4px;
   display: block;
   margin: 0 0 24px 0;
   padding: 8px 16px 11px 16px;
}

   .basket-summary-section-heading .edit-basket-link {
      float: right;
      font-size: 14px;
      line-height: 22px;
      text-decoration: underline;
   }

.basket-summary-section {
   padding: 0 0 8px 0;
}

.basket-summary-item {
   display: flex;
   margin: 0 0 24px 0;
   align-items: center;
}

   .basket-summary-item .basket-summary-item-image {
      width: 72px;
      height: 72px;
      border-radius: 4px;
      border: 1px solid #EBEBF1;
      display: flex;
      justify-content: center;
      align-items: center;
   }

      .basket-summary-item .basket-summary-item-image img {
         display: block;
         max-height: 48px;
      }

   .basket-summary-item .basket-summary-item-details {
      padding: 0 0 0 16px;
   }

      .basket-summary-item .basket-summary-item-details .basket-summary-item-name {
         display: block;
         font-size: 18px;
         line-height: 25px;
         color: #000000;
         font-weight: 600;
         margin: 0 0 6px 0;
      }

      .basket-summary-item .basket-summary-item-details .basket-summary-item-credit {
         font-size: 14px;
         display: block;
         line-height: 20px;
         color: #4F4F64;
      }

   .basket-summary-item .basket-summary-item-actions {
      margin-left: auto;
      flex-shrink: 0;
   }

      .basket-summary-item .basket-summary-item-actions a {
         font-size: 12px;
         line-height: 20px;
         color: #4F4F64;
         text-decoration: underline;
         display: block;
      }

         .basket-summary-item .basket-summary-item-actions a:hover, .basket-summary-item .basket-summary-item-actions a:active, .basket-summary-item .basket-summary-item-actions a:focus {
            color: #000000;
         }

.basket-summary-buttons .button {
   display: block;
   margin: 0 0 16px 0;
}

.basket-summary-totals .basket-summary-total {
   border-top: 1px solid #EBEBF1;
   display: flex;
   align-items: center;
   justify-content: space-between;
   width: 100%;
   font-size: 18px;
   line-height: 32px;
   font-weight: 600;
   color: #000000;
   padding: 20px 0;
}

.add-to-basket-delivery-types {
   display: flex;
}

   .add-to-basket-delivery-types .add-to-basket-delivery-type {
      display: block;
      width: 50%;
      position: relative;
   }

      .add-to-basket-delivery-types .add-to-basket-delivery-type input {
         position: absolute;
         left: -9999px;
      }

      .add-to-basket-delivery-types .add-to-basket-delivery-type label {
         display: block;
         border: 1px solid #EBEBF1;
         padding: 12px 16px;
         text-align: center;
         color: #000000;
         font-size: 16px;
         line-height: 22px;
         cursor: pointer;
         transition: 0.3s ease-in-out;
      }

         .add-to-basket-delivery-types .add-to-basket-delivery-type label:hover, .add-to-basket-delivery-types .add-to-basket-delivery-type label:active, .add-to-basket-delivery-types .add-to-basket-delivery-type label:focus {
            background: #f6f6f6;
         }

      .add-to-basket-delivery-types .add-to-basket-delivery-type:first-child label {
         border-radius: 4px 0 0 4px;
         border-right: none;
      }

      .add-to-basket-delivery-types .add-to-basket-delivery-type:last-child label {
         border-radius: 0 4px 4px 0;
      }

      .add-to-basket-delivery-types .add-to-basket-delivery-type input:focus + label {
         background: #EBEBF1;
         color: #000000;
         border-color: #EBEBF1;
      }

      .add-to-basket-delivery-types .add-to-basket-delivery-type input:checked + label {
         border-color: #000000;
         background: #000000;
         color: #FFCC05;
         font-weight: 600;
      }

.add-to-basket-submit {
   padding: 24px 0 0 0;
}

   .add-to-basket-submit .button {
      display: block;
      width: 100%;
   }

.side-modal-backdrop {
   background: #000000;
   opacity: 0.9;
   position: fixed;
   width: 100%;
   height: 100%;
   z-index: 99;
   top: 0px;
   left: 0px;
   display: none;
}

.side-modal {
   position: fixed;
   max-height: 100dvh;
   width: 100%;
   border-radius: 37px 37px 0 0;
   z-index: 100;
   background: #FFF;
   padding: 32px 20px;
   text-align: left;
   visibility: hidden;
   opacity: 0;
   left: 0px;
   bottom: -100dvh;
   transition: 0.3s;
}

   .side-modal:before {
      position: absolute;
      top: 6px;
      left: 50%;
      margin: 0 0 0 -40px;
      background: #EBEBF1;
      width: 80px;
      height: 4px;
      border-radius: 2px;
      content: "";
      display: block;
   }

   .side-modal .side-modal-inner {
      overflow-y: auto;
      margin: 0 -20px 0 0;
      padding: 0 20px 0 0;
      max-height: calc(100dvh - 32px - 32px - 48px);
   }

.add-to-basket-active .side-modal-backdrop {
   display: block;
}

.add-to-basket-active #add-to-basket-modal {
   left: 0px;
   bottom: 0px;
   visibility: visible;
   opacity: 1;
}

.added-to-basket-active .side-modal-backdrop {
   display: block;
}

.added-to-basket-active #added-to-basket-modal {
   left: 0px;
   bottom: 0px;
   visibility: visible;
   opacity: 1;
}

.basket-summary-active .side-modal-backdrop {
   display: block;
}

.basket-summary-active #basket-summary-modal {
   left: 0px;
   bottom: 0px;
   visibility: visible;
   opacity: 1;
}

@media all and (min-width: 1024px) {
   .basket-summary-header {
      padding: 0 0 32px 0;
   }

      .basket-summary-header h5 {
         font-size: 24px;
      }

      .basket-summary-header .basket-summary-header-toggle {
         display: none;
      }

      .basket-summary-header .basket-summary-item-count {
         padding-top: 10px;
      }

   .add-to-basket-header {
      padding: 0 0 32px 0;
   }

      .add-to-basket-header h5 {
         font-size: 24px;
      }

   .basket-summary-item .basket-summary-item-details {
      padding: 0 0 0 24px;
   }

      .basket-summary-item .basket-summary-item-details .basket-summary-item-name {
         font-size: 20px;
         line-height: 22px;
         margin: 0 0 7px 0;
      }

      .basket-summary-item .basket-summary-item-details .basket-summary-item-credit {
         font-size: 16px;
         line-height: 22px;
      }

   .side-modal {
      width: 496px;
      bottom: auto;
      top: 0px;
      left: auto;
      right: -500px;
      border-radius: 0px;
      padding: 32px 40px;
      height: 100vh;
   }

      .side-modal:before {
         display: none;
      }

   .add-to-basket-active #add-to-basket-modal {
      left: auto;
      right: 0px;
   }

   .added-to-basket-active #added-to-basket-modal {
      left: auto;
      right: 0px;
   }

   .basket-summary-active #basket-summary-modal {
      left: auto;
      right: 0px;
   }
}

.basket-notification-container {
   display: flex;
   flex-direction: column;
   gap: 10px;
   position: fixed;
   top: 20px;
   right: 20px;
   width: 416px;
   max-width: calc(100% - 40px);
   z-index: 1000;
}

   .basket-notification-container .basket-notification-item {
      display: flex;
      gap: 20px;
      flex-direction: column;
      background-color: #FFFFFF;
      border: 1px solid #37A1B9;
      border-radius: 4px;
      padding: 20px;
      width: 100%;
   }

   .basket-notification-container .basket-notification-item__top {
      display: flex;
      align-items: center;
      justify-content: space-between;
   }

   .basket-notification-container .basket-notification-item__icon {
      margin-right: 10px;
   }

   .basket-notification-container .basket-notification-item__close {
      cursor: pointer;
   }

   .basket-notification-container .basket-notification-item__header {
      display: inline-block;
      color: #141446;
      font-size: 24px;
      font-weight: 600;
      text-align: left;
      margin-top: -3px;
      margin-right: auto;
   }

   .basket-notification-container .basket-notification-item__buttons {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
      align-items: center;
      justify-content: space-between;
   }

@media all and (min-width: 768px) {
   .basket-notification-container .basket-notification-item__buttons {
      flex-wrap: nowrap;
   }
}

.basket-notification-container .basket-notification-item__buttons a {
   width: 100%;
}

@media all and (min-width: 768px) {
   .basket-notification-container .basket-notification-item__buttons a {
      width: auto;
   }
}

.cookie-banner {
   background: #FFF;
   padding: 14px 0 20px 0;
   z-index: 12;
   bottom: 0px;
   left: 0px;
   width: 100%;
   position: fixed;
}

   .cookie-banner p {
      font-size: 14px;
      line-height: 20px;
      color: #282723;
      margin: 0 0 20px 0;
   }

      .cookie-banner p a {
         color: #282723;
         text-decoration: underline;
      }

         .cookie-banner p a:hover, .cookie-banner p a:active, .cookie-banner p a:focus {
            color: #000000;
         }

   .cookie-banner .button {
      display: block;
      width: 100%;
   }

@media all and (min-width: 768px) {
   .cookie-banner .container {
      display: flex;
      justify-content: space-between;
      align-items: center;
   }

   .cookie-banner p {
      font-size: 16px;
      line-height: 22px;
      margin: 0 16px 0 0;
   }

   .cookie-banner .button {
      width: auto;
      flex-shrink: 0;
   }
}

@media all and (min-width: 1024px) {
   .cookie-banner p {
      margin: 0 112px 0 0;
   }
}

.modal {
   background: #FFF;
   border-radius: 4px;
   width: 100%;
   max-width: 607px;
   z-index: 100;
   padding: 0px;
   text-align: left;
   opacity: 0;
   transition: opacity 0.3s ease-out;
}

   .modal .modal-header {
      display: flex;
      width: 100%;
      align-items: center;
      border-bottom: 1px solid #9599B9;
      justify-content: space-between;
      padding: 17px 20px 20px 20px;
   }

      .modal .modal-header .modal-header-heading {
         font-size: 20px;
         line-height: 32px;
         color: #000000;
         font-weight: 600;
         display: block;
         margin: 0 0 2px 0;
      }

      .modal .modal-header .modal-header-subheading {
         font-size: 16px;
         line-height: 22px;
         display: block;
         color: #4F4F64;
      }

      .modal .modal-header .button {
         margin: 8px 0 0 0;
      }

   .modal .modal-content {
      padding: 29px 24px 20px 24px;
   }

      .modal .modal-content .form-submit .button {
         width: 100%;
         display: block;
      }

   .modal[open]::backdrop {
      background: #000000;
      opacity: 0.9;
   }

   .modal[open] {
      opacity: 1;
   }

@starting-style {
   .modal[open] {
      opacity: 0;
   }
}

.featured-card a {
   position: relative;
   border-radius: 4px;
   overflow: hidden;
   display: block;
}

   .featured-card a .featured-card-image {
      position: absolute;
      width: 100%;
      height: 100%;
      display: block;
      background: none no-repeat center center;
      background-size: cover;
      top: 0px;
      left: 0px;
      transition: 0.3s ease-in-out;
   }

   .featured-card a .featured-card-heading {
      bottom: 32px;
      left: 0px;
      width: 100%;
      position: absolute;
      text-align: center;
      transition: 0.3s ease-in-out;
   }

   .featured-card a .featured-card-strapline {
      bottom: 128px;
      left: 0px;
      width: 100%;
      position: absolute;
      text-align: center;
      transition: 0.3s ease-in-out;
   }

      .featured-card a .featured-card-heading span, .featured-card a .featured-card-strapline span {
         display: inline-block;
         margin: 0 auto;
         background: #FFF;
         border-radius: 4px;
         padding: 12px 20px 14px 20px;
         font-size: 16px;
         line-height: 22px;
         color: #000000;
         font-weight: 600;
         transition: 0.3s ease-in-out;
      }

   .featured-card a .featured-card-heading span {
      display: inline-block;
      margin: 0 auto;
      background: #FFF;
      border-radius: 4px;
      padding: 12px 20px 14px 20px;
      font-size: 16px;
      line-height: 22px;
      color: #000000;
      font-weight: 600;
      transition: 0.3s ease-in-out;
   }

   .featured-card a:hover .featured-card-heading span, .featured-card a:active .featured-card-heading span, .featured-card a:focus .featured-card-heading span {
      background: #FFCC05;
      color: #000000;
   }

   .featured-card a:active, .featured-card a:focus {
      outline: #FFCC05 solid 2px;
   }

@media (pointer: fine) {
   .featured-card a:hover .featured-card-image, .featured-card a:active .featured-card-image, .featured-card a:focus .featured-card-image {
      transform: scale(1.1);
   }
}

.page-block-featured-cards {
   background: #000000;
   padding: 2px 0 4px 0;
}

@media all and (max-width: 1023px) {
   .featured-card a {
      height: 542px;
   }

      .featured-card a .featured-card-heading span {
         max-width: 230px;
      }

   .featured-cards {
      margin: 0 -20px;
   }

      .featured-cards .featured-card {
         padding: 0 0 28px 8px;
      }
}

@media all and (min-width: 1024px) {
   .featured-card a {
      height: 100%;
      overflow: hidden;
   }

      .featured-card a .featured-card-heading {
         bottom: 40px;
      }

         .featured-card a .featured-card-heading span {
            font-size: 18px;
            line-height: 25px;
            padding: 11px 20px 12px 20px;
         }

   .page-block-featured-cards .container {
      width: 100%;
      margin: 0px;
      padding: 0 8px;
   }
}

@media all and (max-width: 1919px) and (min-width: 1024px) {
   .featured-cards {
      display: flex;
      flex-direction: column;
      flex-wrap: wrap;
      margin: -2px;
      height: 606px;
   }

      .featured-cards .featured-card {
         width: 50%;
         flex: 0 0 50%;
         height: 303px;
         padding: 2px;
      }

         .featured-cards .featured-card:first-child {
            flex: 0 0 100%;
         }
}

@media all and (min-width: 1920px) {
   .featured-cards {
      display: flex;
      height: 606px;
      margin: -2px;
   }

      .featured-cards .featured-card {
         width: 25%;
         height: 606px;
         padding: 2px;
      }

         .featured-cards .featured-card:first-child {
            width: 50%;
         }
}

.holiday-types {
   padding: 64px 0 60px 0;
   grid-column-gap: 16px;
   grid-row-gap: 28px;
   display: grid;
   grid-template-columns: repeat(3, 1fr);
}

   .holiday-types a {
      font-size: 18px;
      line-height: 25px;
      text-align: center;
      color: #000000;
      font-weight: 600;
   }

      .holiday-types a .holiday-type-image {
         overflow: hidden;
         display: block;
         width: 100%;
         border-radius: 8px;
         margin: 0 0 8px 0;
         position: relative;
         height: 0px;
         padding-top: 100%;
      }

         .holiday-types a .holiday-type-image span {
            background: none no-repeat center center;
            background-size: cover;
            display: block;
            position: absolute;
            top: 0px;
            left: 0px;
            width: 100%;
            height: 100%;
            transition: 0.3s ease-in-out;
         }

      .holiday-types a:active .holiday-type-image, .holiday-types a:focus .holiday-type-image {
         outline: #FFCC05 solid 2px;
      }

@media all and (min-width: 1024px) {
   .holiday-types {
      grid-template-columns: repeat(7, 1fr);
      grid-column-gap: 32px;
      grid-row-gap: 0px;
      padding: 80px 0 68px 0;
   }

      .holiday-types a {
         font-size: 24px;
         line-height: 31px;
      }

         .holiday-types a .holiday-type-image {
            margin: 0 0 13px 0;
         }
}

@media (pointer: fine) {
   .holiday-types a:hover .holiday-type-image span, .holiday-types a:active .holiday-type-image span, .holiday-types a:focus .holiday-type-image span {
      transform: scale(1.2);
   }
}

.page-block-locations-slider {
   overflow: hidden;
   padding: 41px 0 56px 0;
}

   .page-block-locations-slider header {
      margin: 0 0 32px 0;
   }

      .page-block-locations-slider header h2 {
         font-size: 28px;
         line-height: 38px;
         font-weight: 600;
         text-align: center;
      }

      .page-block-locations-slider header .buttons {
         display: none;
      }

   .page-block-locations-slider .slick-list {
      overflow: visible;
   }

.locations-slider {
   margin: 0 -20px;
}

   .locations-slider .location-slide {
      padding: 0 0 50px 12px;
   }

   .locations-slider .slick-arrow.slick-prev {
      left: 20px;
   }

   .locations-slider .slick-arrow.slick-next {
      right: 20px;
   }

.location-card {
   display: block;
   height: 0px;
   padding-top: 119%;
   position: relative;
   overflow: hidden;
   border-radius: 8px;
}

   .location-card .location-card-image {
      display: block;
      position: absolute;
      top: 0px;
      left: 0px;
      width: 100%;
      height: 100%;
   }

      .location-card .location-card-image:before {
         display: block;
         position: absolute;
         bottom: 0px;
         left: 0px;
         width: 100%;
         height: 171px;
         transition: 0.3s ease-in-out;
         content: "";
         z-index: 1;
         background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 1%, rgba(0, 0, 0, 0.5) 100%);
      }

      .location-card .location-card-image span {
         background: none no-repeat center center;
         background-size: cover;
         display: block;
         position: absolute;
         top: 0px;
         left: 0px;
         width: 100%;
         height: 100%;
         transition: 0.3s ease-in-out;
      }

   .location-card .location-card-heading {
      display: block;
      z-index: 2;
      position: absolute;
      bottom: 26px;
      left: 0px;
      width: 100%;
      font-size: 28px;
      line-height: 38px;
      font-weight: 600;
      color: #FFF;
      text-align: center;
   }

   .location-card:active, .location-card:focus {
      outline: #FFCC05 solid 2px;
   }

@media (pointer: fine) {
   .location-card:hover .location-card-image span, .location-card:active .location-card-image span, .location-card:focus .location-card-image span {
      transform: scale(1.2);
   }
}

@media all and (min-width: 1024px) {
   .page-block-locations-slider {
      padding: 80px 0;
   }

      .page-block-locations-slider header {
         display: flex;
      }

         .page-block-locations-slider header h2 {
            font-size: 32px;
            text-align: left;
            line-height: 44px;
         }

         .page-block-locations-slider header .buttons {
            margin-left: auto;
            display: flex;
         }

            .page-block-locations-slider header .buttons .button {
               display: block;
               margin: 0 0 0 8px;
            }

   .location-card .location-card-heading {
      font-size: 32px;
      line-height: 44px;
      bottom: 32px;
   }

   .locations-slider {
      margin: 0 -16px;
   }

      .locations-slider .location-slide {
         padding: 0 16px;
      }
}

.image-and-content {
   position: relative;
}

   .image-and-content .image-wrapper {
      background: none;
   }

      .image-and-content .image-wrapper img {
         width: 100%;
         display: block;
      }

   .image-and-content .content-wrapper {
      padding: 36px 0 48px 0;
   }

      .image-and-content .content-wrapper article {
         margin: 0 0 -26px 0;
      }

      .image-and-content .content-wrapper h2,
      .image-and-content .content-wrapper h3,
      .image-and-content .content-wrapper h4 {
         margin: 0 0 9px 0;
      }

      .image-and-content .content-wrapper .button {
         margin-right: 16px;
      }

      .image-and-content .content-wrapper .buttons {
         margin: 0 0 26px 0;
      }

@media all and (min-width: 1024px) {
   .image-and-content .container {
      display: flex;
   }

   .image-and-content .image-wrapper {
      width: 50%;
      height: 100%;
      background: none no-repeat center center;
      background-size: cover;
      position: absolute;
      top: 0px;
   }

      .image-and-content .image-wrapper img {
         display: none;
      }

   .image-and-content .content-wrapper {
      padding: 0px;
   }

      .image-and-content .content-wrapper article {
         min-height: 427px;
         display: flex;
         justify-content: center;
         flex-direction: column;
      }

         .image-and-content .content-wrapper article p {
            font-size: 20px;
            line-height: 27px;
         }

   .image-and-content.image-on-left .image-wrapper {
      left: 0px;
   }

   .image-and-content.image-on-left .content-wrapper .container {
      justify-content: flex-end;
   }

      .image-and-content.image-on-left .content-wrapper .container article {
         width: 50%;
         padding: 124px 44px 124px 64px;
      }

   .image-and-content.image-on-right .image-wrapper {
      right: 0px;
   }

   .image-and-content.image-on-right .content-wrapper .container article {
      width: 50%;
      padding: 124px 64px 124px 0;
   }
}

@media all and (min-width: 1280px) {
   .image-and-content .content-wrapper article {
      min-height: 527px;
   }

   .image-and-content.image-on-left .content-wrapper .container article {
      padding: 124px 44px 124px 124px;
   }

   .image-and-content.image-on-right .content-wrapper .container article {
      padding: 124px 209px 124px 0;
   }
}

.blog-card {
   display: block;
}

   .blog-card .blog-card-image {
      height: 0px;
      padding-top: 59%;
      position: relative;
      overflow: hidden;
      border-radius: 8px;
      display: block;
      margin: 0 0 17px 0;
   }

      .blog-card .blog-card-image span {
         background: none no-repeat center center;
         background-size: cover;
         display: block;
         position: absolute;
         top: 0px;
         left: 0px;
         width: 100%;
         height: 100%;
         transition: 0.3s ease-in-out;
      }

   .blog-card .blog-card-heading {
      font-size: 20px;
      line-height: 27px;
      display: block;
      margin: 0 0 10px 0;
      font-weight: 600;
      color: #000000;
   }

   .blog-card .blog-card-date {
      font-size: 14px;
      line-height: 20px;
      display: block;
      color: #4F4F64;
   }

   .blog-card:active .blog-card-image, .blog-card:focus .blog-card-image {
      outline: #FFCC05 solid 2px;
   }

.blog-images-container {
   display: flex;
   justify-content: space-between;
   gap: 30px;
   flex-wrap: wrap;
   max-width: 900px;
   margin: 0 auto;
}

.blog-images-item {
   flex: 1;
   min-width: calc((100% - 60px) / 3);
   max-width: calc((100% - 60px) / 3);
   aspect-ratio: 1/1;
   border-radius: 4px;
   overflow: hidden;
}

   .blog-images-item img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
   }

@media (max-width: 768px) {
   .blog-images-item {
      min-width: calc((100% - 30px) / 2);
      max-width: calc((100% - 30px) / 2);
   }
}

@media (max-width: 480px) {
   .blog-images-item {
      min-width: 100%;
      max-width: 100%;
   }
}

.page-block-blog-slider {
   padding: 52px 0 64px 0;
   overflow: hidden;
}

   .page-block-blog-slider header {
      margin: 0 0 32px 0;
   }

      .page-block-blog-slider header h2 {
         font-size: 28px;
         line-height: 38px;
         font-weight: 600;
         text-align: center;
      }

   .page-block-blog-slider .button {
      margin: 20px 0 0 0;
      display: block;
   }

.blog-wrapper {
   padding: 41px 0 75px 0;
}

   .blog-wrapper header {
      grid-column: span 12;
      margin: 0 0 20px 0;
   }

      .blog-wrapper header h2 {
         font-size: 18px;
         line-height: 25px;
      }

   .blog-wrapper .load-more {
      padding: 36px 0 0 0;
   }

.blog-grid {
   display: grid;
   grid-column-gap: 32px;
   grid-row-gap: 44px;
   grid-template-columns: repeat(1, 1fr);
}

   .blog-grid .blog-card .blog-card-heading {
      font-size: 20px;
      line-height: 27px;
      margin: 0 0 14px 0;
   }

.blog-meta {
   background: #000000;
   padding: 12px 0 21px;
}

   .blog-meta .container {
      display: flex;
      justify-content: space-between;
   }

   .blog-meta p {
      font-size: 16px;
      line-height: 24px;
      color: #FFF;
   }

      .blog-meta p.blog-meta-author {
         margin: 0 0 10px 0;
      }

   .blog-meta .blog-meta-share {
      text-align: right;
   }

      .blog-meta .blog-meta-share span {
         display: block;
         font-size: 16px;
         line-height: 24px;
         color: #FFF;
         margin: 0 0 10px 0;
      }

      .blog-meta .blog-meta-share a {
         display: inline-block;
         margin: 0 0 0 16px;
         vertical-align: middle;
         color: #FFCC05;
      }

         .blog-meta .blog-meta-share a:hover, .blog-meta .blog-meta-share a:active, .blog-meta .blog-meta-share a:focus {
            color: #FFF;
         }

@media all and (max-width: 1023px) {
   .blog-slider {
      margin: 0 -20px;
      padding: 0 0 0 20px;
   }

      .blog-slider .blog-slide {
         padding: 0 12px 48px 0;
      }

      .blog-slider .slick-list {
         overflow: visible;
      }
}

@media all and (min-width: 768px) {
   .blog-grid {
      grid-template-columns: repeat(2, 1fr);
   }
}

@media all and (min-width: 1024px) {
   .blog-slider {
      display: grid;
      grid-column-gap: 32px;
      grid-template-columns: repeat(3, 1fr);
   }

   .blog-card .blog-card-image {
      margin: 0 0 21px 0;
   }

   .blog-card .blog-card-heading {
      font-size: 24px;
      line-height: 32px;
   }

   .page-block-blog-slider {
      padding: 100px 0 90px 0;
   }

      .page-block-blog-slider header h2 {
         font-size: 32px;
         line-height: 44px;
         text-align: left;
      }

      .page-block-blog-slider .button {
         position: absolute;
         top: 0px;
         right: 0px;
         margin: 0px;
      }

   .blog-wrapper {
      display: grid;
      grid-column-gap: 32px;
      grid-template-columns: repeat(12, 1fr);
      padding: 56px 0 96px 0;
   }

      .blog-wrapper header {
         margin: 0 0 27px 0;
      }

         .blog-wrapper header h2 {
            font-size: 20px;
            line-height: 27px;
         }

      .blog-wrapper .blog-posts {
         grid-column: span 9;
      }

      .blog-wrapper .load-more {
         padding: 46px 0 0 0;
      }

      .blog-wrapper .blog-sidebar {
         grid-column: span 3;
         padding: 0 0 0 16px;
      }

   .blog-grid {
      grid-template-columns: repeat(3, 1fr);
   }

   .blog-meta {
      padding: 31px 0 26px 0;
   }

      .blog-meta .container {
         display: grid;
         grid-template-columns: repeat(3, 1fr);
      }

      .blog-meta .blog-meta-data {
         grid-column: span 2;
         display: grid;
         grid-template-columns: repeat(2, 1fr);
      }

         .blog-meta .blog-meta-data p {
            margin: 0px;
         }

            .blog-meta .blog-meta-data p.blog-meta-date {
               text-align: center;
            }

      .blog-meta .blog-meta-share {
         grid-column: span 1;
      }

         .blog-meta .blog-meta-share span {
            display: inline-block;
            vertical-align: middle;
            line-height: 16px;
            padding: 8px 0 0 0;
         }

         .blog-meta .blog-meta-share a {
            margin: 0 0 0 10px;
         }
}

@media (pointer: fine) {
   a:hover .blog-card-image span, a:active .blog-card-image span, a:focus .blog-card-image span {
      transform: scale(1.2);
   }
}

.brochure-card {
   display: flex;
   align-items: stretch;
   padding: 0 0 49px 0;
   position: relative;
   background: #FFFFFF;
   box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.13);
   border-radius: 4px;
   margin: 0 0 20px 0;
   overflow: hidden;
}

   .brochure-card button {
      border: none;
   }

   .brochure-card .brochure-card-image {
      width: 100px;
      background: #EBEBF1;
      display: flex;
      justify-content: center;
      align-items: center;
   }

      .brochure-card .brochure-card-image img {
         display: block;
         max-width: 75px;
         max-height: 89px;
         border-radius: 2px;
         box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.15);
      }

   .brochure-card .brochure-card-content {
      width: calc(100% - 100px);
      min-height: 113px;
      padding: 24px;
   }

      .brochure-card .brochure-card-content .brochure-favourite-link {
         position: absolute;
         top: 0px;
         right: 0px;
         background: url('data:image/svg+xml,<svg width="23px" height="21px" viewBox="0 0 23 21" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><path d="M16.1146015,0.00631893726 C14.4944451,0.0777870051 12.9553657,0.752996514 11.804018,1.90488483 L11.451,2.257 L11.0983975,1.90471884 C8.55948549,-0.634193075 4.44309592,-0.634193044 1.90418398,1.9047189 C-0.634727965,4.44363084 -0.634727996,8.56002041 1.90418391,11.0989324 L10.7441839,19.9389324 C11.1347082,20.3294567 11.7678732,20.3294567 12.1583975,19.9389324 L20.9983975,11.0989324 C22.2178779,9.8800243 22.9031163,8.22626147 22.9031163,6.50182562 C22.9031163,4.77738977 22.2178779,3.12362695 20.9982315,1.90455289 C19.7794894,0.685238378 18.1257266,0 16.4012907,0 L16.1146015,0.00631893726 Z M16.4012907,2 C17.5951309,2 18.7400436,2.4743958 19.584018,3.31876642 C20.4287205,4.16307269 20.9031163,5.30798542 20.9031163,6.50182562 L20.896822,6.73986663 C20.8382192,7.84698335 20.3724291,8.89684351 19.5843499,9.68455289 L11.451,17.817 L3.31839748,9.68471884 C1.56053415,7.92685546 1.56053417,5.07679583 3.31839754,3.31893246 C5.07626091,1.56106909 7.92632054,1.56106907 9.68418393,3.31893241 L10.7441839,4.3789324 C11.1347082,4.76945669 11.7678732,4.76945669 12.1583975,4.3789324 L13.2183975,3.3189324 C14.0625378,2.4743958 15.2074505,2 16.4012907,2 Z" fill="%23141446" fill-rule="nonzero"></path></g></svg>') no-repeat center center;
         width: 43px;
         height: 41px;
         display: block;
         text-indent: -9999px;
      }

         .brochure-card .brochure-card-content .brochure-favourite-link.favourited {
            background-image: url('data:image/svg+xml,<svg width="23px" height="21px" viewBox="0 0 23 21" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"><path d="M20.2912907,2.61182562 C19.2597665,1.57981709 17.8604287,1 16.4012907,1 C14.9421527,1 13.5428149,1.57981709 12.5112907,2.61182562 L11.4512907,3.67182562 L10.3912907,2.61182562 C8.24290301,0.463437999 4.75967841,0.463438025 2.61129076,2.61182568 C0.462903103,4.76021333 0.462903077,8.24343793 2.6112907,10.3918256 L3.6712907,11.4518256 L11.4512907,19.2318256 L19.2312907,11.4518256 L20.2912907,10.3918256 C21.3232992,9.36030142 21.9031163,7.96096365 21.9031163,6.50182562 C21.9031163,5.04268759 21.3232992,3.64334982 20.2912907,2.61182562 Z" stroke="%23141446" stroke-width="2" fill="%23FFDA00"></path></g></svg>');
         }

      .brochure-card .brochure-card-content .brochure-favourite-badge {
         padding: 3px 8px 5px 8px;
         border-radius: 4px;
         display: inline-block;
         background: #81DCF1;
         color: #000000;
         margin: 0 0 6px 0;
         font-size: 12px;
         line-height: 16px;
      }

      .brochure-card .brochure-card-content h4 {
         font-size: 20px;
         line-height: 27px;
         font-weight: 600;
         color: #000000;
         margin: 0 0 5px 0;
      }

      .brochure-card .brochure-card-content p {
         font-size: 14px;
         line-height: 20px;
      }

.brochure-card-small .brochure-card-buttons {
   position: absolute;
   bottom: 0px;
   left: 0px;
   border-top: 1px solid #EBEBF1;
   display: flex;
   width: 100%;
}

   .brochure-card-small .brochure-card-buttons .button {
      width: 50%;
      display: block;
      font-size: 14px;
      box-shadow: none;
      border-radius: 0px;
   }

   .brochure-card-small .brochure-card-buttons .brochure-card-basket-full {
      width: 50%;
      display: block;
      background: #EBEBF1;
      color: #5A5B72;
      font-size: 14px;
      line-height: 48px;
      text-align: center;
      font-weight: 600;
   }

   .brochure-card-small .brochure-card-buttons .brochure-card-mobile-add-to-basket {
      margin-left: -1px;
      width: calc(50% + 1px);
      border-left: 1px solid #EBEBF1;
   }

   .brochure-card-small .brochure-card-buttons .brochure-card-add-to-basket {
      display: none;
   }

.brochure-card-add-to-basket button[disabled] {
   background-color: silver
}

@media all and (max-width: 767px) {
   .brochure-card .brochure-card-buttons {
      position: absolute;
      bottom: 0px;
      left: 0px;
      border-top: 1px solid #EBEBF1;
      display: flex;
      width: 100%;
   }

      .brochure-card .brochure-card-buttons .button {
         width: 50%;
         display: block;
         font-size: 14px;
         box-shadow: none;
         border-radius: 0px;
      }

      .brochure-card .brochure-card-buttons .brochure-card-basket-full {
         width: 50%;
         display: block;
         background: #EBEBF1;
         color: #5A5B72;
         font-size: 14px;
         line-height: 48px;
         text-align: center;
         font-weight: 600;
      }

      .brochure-card .brochure-card-buttons .brochure-card-mobile-add-to-basket {
         margin-left: -1px;
         border-left: 1px solid #EBEBF1;
      }

      .brochure-card .brochure-card-buttons .brochure-card-add-to-basket {
         display: none;
      }
}

@media all and (min-width: 768px) {
   .brochure-card:not(.brochure-card-small) {
      padding: 0px;
      overflow: visible;
   }

      .brochure-card:not(.brochure-card-small) .brochure-card-image {
         width: 183px;
         border-radius: 4px 0 0 4px;
      }

         .brochure-card:not(.brochure-card-small) .brochure-card-image img {
            max-height: 166px;
            max-width: 144px;
         }

      .brochure-card:not(.brochure-card-small) .brochure-card-content {
         padding: 28px 40px 40px 40px;
      }

         .brochure-card:not(.brochure-card-small) .brochure-card-content .brochure-favourite-link {
            top: 20px;
            right: 20px;
            width: 23px;
            height: 21px;
         }

         .brochure-card:not(.brochure-card-small) .brochure-card-content .brochure-favourite-badge {
            position: absolute;
            top: 17px;
            right: 57px;
         }

         .brochure-card:not(.brochure-card-small) .brochure-card-content h4 {
            font-size: 24px;
            line-height: 33px;
            margin: 0 0 7px 0;
         }

         .brochure-card:not(.brochure-card-small) .brochure-card-content p {
            font-size: 16px;
            line-height: 22px;
         }

      .brochure-card:not(.brochure-card-small) .brochure-card-buttons {
         padding: 28px 0 0 0;
         display: flex;
         width: 100%;
         justify-content: space-between;
      }

         .brochure-card:not(.brochure-card-small) .brochure-card-buttons .brochure-card-mobile-add-to-basket {
            display: none;
         }

         .brochure-card:not(.brochure-card-small) .brochure-card-buttons .brochure-card-basket-full {
            background: #EBEBF1;
            border-radius: 4px;
            padding: 12px 22px 14px 22px;
            font-size: 16px;
            line-height: 22px;
            font-weight: 600;
         }

         .brochure-card:not(.brochure-card-small) .brochure-card-buttons .brochure-card-add-to-basket {
            display: flex;
         }

            .brochure-card:not(.brochure-card-small) .brochure-card-buttons .brochure-card-add-to-basket .by-only {
               display: block;
               font-size: 16px;
               line-height: 22px;
               color: #000000;
               padding: 10px 14px 12px 14px;
               border: 2px solid #EBEBF1;
               border-right: none;
               border-radius: 4px 0 0 4px;
            }

            .brochure-card:not(.brochure-card-small) .brochure-card-buttons .brochure-card-add-to-basket .brochure-card-add-to-basket-dropdown {
               position: relative;
               z-index: 1;
            }

               .brochure-card:not(.brochure-card-small) .brochure-card-buttons .brochure-card-add-to-basket .brochure-card-add-to-basket-dropdown .brochure-card-add-to-basket-dropdown-select {
                  display: block;
                  font-size: 16px;
                  line-height: 22px;
                  color: #000000;
                  padding: 10px 58px 12px 14px;
                  border: 2px solid #EBEBF1;
                  border-right: none;
                  border-radius: 4px 0 0 4px;
                  transition: none;
                  background: url('data:image/svg+xml,<svg width="14px" height="8px" viewBox="0 0 14 8" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><title>Path Copy 4</title><g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"><polyline id="Path-Copy-4" stroke="%23141446" stroke-width="2" points="1 1 7 7 13 1"></polyline></g></svg>') no-repeat right 19px top 19px;
               }

               .brochure-card:not(.brochure-card-small) .brochure-card-buttons .brochure-card-add-to-basket .brochure-card-add-to-basket-dropdown ul {
                  background: #FFF;
                  position: absolute;
                  top: 100%;
                  left: 0px;
                  width: 100%;
                  display: none;
                  border-radius: 0 0 4px 4px;
                  border: 2px solid #000000;
                  margin-top: -2px;
               }

                  .brochure-card:not(.brochure-card-small) .brochure-card-buttons .brochure-card-add-to-basket .brochure-card-add-to-basket-dropdown ul li {
                     position: relative;
                  }

                     .brochure-card:not(.brochure-card-small) .brochure-card-buttons .brochure-card-add-to-basket .brochure-card-add-to-basket-dropdown ul li .brochure-card-add-to-basket-dropdown-heading {
                        font-size: 12px;
                        letter-spacing: 0.6px;
                        line-height: 16px;
                        color: #000000;
                        padding: 9px 0 11px 0;
                        text-align: center;
                        text-transform: uppercase;
                        display: block;
                        background: #EBEBF1;
                     }

                     .brochure-card:not(.brochure-card-small) .brochure-card-buttons .brochure-card-add-to-basket .brochure-card-add-to-basket-dropdown ul li:nth-child(2) {
                        border-bottom: 2px solid #000000;
                     }

                     .brochure-card:not(.brochure-card-small) .brochure-card-buttons .brochure-card-add-to-basket .brochure-card-add-to-basket-dropdown ul li input {
                        position: absolute;
                        left: -9999px;
                     }

                     .brochure-card:not(.brochure-card-small) .brochure-card-buttons .brochure-card-add-to-basket .brochure-card-add-to-basket-dropdown ul li label {
                        display: block;
                        padding: 7px 32px 12px 14px;
                        font-size: 16px;
                        line-height: 22px;
                        color: #000000;
                        cursor: pointer;
                        position: relative;
                     }

                        .brochure-card:not(.brochure-card-small) .brochure-card-buttons .brochure-card-add-to-basket .brochure-card-add-to-basket-dropdown ul li label:before {
                           position: absolute;
                           width: 16px;
                           height: 16px;
                           border-radius: 100%;
                           border: 2px solid #000000;
                           content: "";
                           display: block;
                           top: 10px;
                           right: 13px;
                        }

                        .brochure-card:not(.brochure-card-small) .brochure-card-buttons .brochure-card-add-to-basket .brochure-card-add-to-basket-dropdown ul li label:hover:before, .brochure-card:not(.brochure-card-small) .brochure-card-buttons .brochure-card-add-to-basket .brochure-card-add-to-basket-dropdown ul li label:active:before, .brochure-card:not(.brochure-card-small) .brochure-card-buttons .brochure-card-add-to-basket .brochure-card-add-to-basket-dropdown ul li label:focus:before {
                           background-color: #FFCC05;
                        }

                     .brochure-card:not(.brochure-card-small) .brochure-card-buttons .brochure-card-add-to-basket .brochure-card-add-to-basket-dropdown ul li input:checked + label:before {
                        background: url('data:image/svg+xml,<svg width="10px" height="7px" viewBox="0 0 10 7" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><title>Path Copy 2</title><g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"><polyline id="Path-Copy-2" stroke="%23141446" stroke-width="2" points="8.27272727 1 3.27272727 6 1 3.72727273"></polyline></g></svg>') no-repeat center center #FFCC05;
                     }

               .brochure-card:not(.brochure-card-small) .brochure-card-buttons .brochure-card-add-to-basket .brochure-card-add-to-basket-dropdown.dropdown-active .brochure-card-add-to-basket-dropdown-select {
                  border-color: #000000;
                  padding: 10px 56px 12px 14px;
                  border-radius: 4px 0 0 0;
                  border-right: 2px solid #000000;
                  background-image: url('data:image/svg+xml,<svg width="14px" height="8px" viewBox="0 0 14 8" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><title>Path Copy 6</title><g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"><polyline id="Path-Copy-6" stroke="%23141446" stroke-width="2" transform="translate(7.000000, 4.000000) scale(1, -1) translate(-7.000000, -4.000000) " points="1 1 7 7 13 1"></polyline></g></svg>');
               }

               .brochure-card:not(.brochure-card-small) .brochure-card-buttons .brochure-card-add-to-basket .brochure-card-add-to-basket-dropdown.dropdown-active ul {
                  display: block;
               }

            .brochure-card:not(.brochure-card-small) .brochure-card-buttons .brochure-card-add-to-basket .button {
               border-radius: 0 4px 4px 0;
            }
}

.load-more {
   padding: 12px 0 0 0;
   text-align: center;
}

.brochures-wrapper {
   padding: 41px 0 75px 0;
}

   .brochures-wrapper header {
      grid-column: span 12;
      margin: 0 0 20px 0;
   }

      .brochures-wrapper header h2 {
         font-size: 18px;
         line-height: 25px;
      }

.choose-up-to {
   padding: 52px 0 0 0;
   text-align: center;
}

   .choose-up-to svg {
      margin: 0 auto 17px auto;
   }

   .choose-up-to h5 {
      font-size: 20px;
      line-height: 27px;
      margin: 0 0 11px 0;
   }

   .choose-up-to p {
      font-size: 16px;
      line-height: 24px;
   }

.search-filters {
   display: flex;
   flex-wrap: wrap;
   column-gap: 8px;
   row-gap: 12px;
}

   .search-filters .search-filter {
      display: flex;
      align-items: center;
      background: #FFFFFF;
      border: 1px solid #EBEBF1;
      border-radius: 4px;
      font-size: 14px;
      line-height: 20px;
      color: #000000;
   }

      .search-filters .search-filter span {
         padding: 7px 0 9px 15px;
      }

      .search-filters .search-filter svg {
         margin: 0 11px 0 24px;
      }

      .search-filters .search-filter:hover, .search-filters .search-filter:active, .search-filters .search-filter:focus {
         border-color: #000000;
      }

.brochures-not-found {
   text-align: center;
   border-radius: 8px;
   border: 1px solid #B92626;
   padding: 32px 20px 48px 20px;
}

   .brochures-not-found svg {
      margin: 0 auto 16px auto;
   }

   .brochures-not-found h5 {
      font-size: 20px;
      line-height: 27px;
      margin: 0 0 12px 0;
   }

   .brochures-not-found p {
      font-size: 16px;
      line-height: 22px;
      margin: 0 0 20px 0;
   }

   .brochures-not-found .search-filters {
      justify-content: center;
   }


.basket-not-found {
   text-align: center;
   border: none;
   padding: 32px 20px 48px 20px;
}

   .basket-not-found svg {
      margin: 0 auto 16px auto;
   }

   .basket-not-found h5 {
      font-size: 20px;
      line-height: 27px;
      margin: 0 0 12px 0;
   }

   .basket-not-found p {
      font-size: 16px;
      line-height: 22px;
      margin: 0 0 20px 0;
   }

   .basket-not-found .search-filters {
      justify-content: center;
   }

@media all and (min-width: 1024px) {
   .brochures-wrapper {
      display: grid;
      grid-column-gap: 32px;
      grid-template-columns: repeat(12, 1fr);
   }

      .brochures-wrapper .brochures-list {
         grid-column: span 8;
      }

      .brochures-wrapper .brochures-sidebar {
         grid-column: span 4;
      }

   .choose-up-to p {
      font-size: 18px;
      line-height: 25px;
   }

   .brochures-not-found {
      padding: 82px 64px;
   }

      .brochures-not-found p {
         margin: 0 0 35px 0;
      }

      .brochures-not-found article {
         max-width: 390px;
         margin: 0 auto;
      }
}

.brochures-banner {
   position: relative;
}

   .brochures-banner .image-wrapper {
      background: none;
   }

      .brochures-banner .image-wrapper img {
         width: 100%;
         display: block;
      }

   .brochures-banner .content-wrapper {
      padding: 36px 0 48px 0;
   }

      .brochures-banner .content-wrapper article {
         margin: 0 0 -26px 0;
      }

      .brochures-banner .content-wrapper h2,
      .brochures-banner .content-wrapper h3,
      .brochures-banner .content-wrapper h4 {
         margin: 0 0 9px 0;
      }

      .brochures-banner .content-wrapper .button {
         margin: 0px;
      }

      .brochures-banner .content-wrapper .search-form {
         margin: 0 0 26px 0;
      }

         .brochures-banner .content-wrapper .search-form input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
            font-size: 16px;
         }

@media all and (min-width: 1024px) {
   .brochures-banner .container {
      display: flex;
   }

   .brochures-banner .image-wrapper {
      width: 50%;
      height: 100%;
      background: none no-repeat center center;
      background-size: cover;
      position: absolute;
      top: 0px;
      right: 0px;
   }

      .brochures-banner .image-wrapper img {
         display: none;
      }

   .brochures-banner .content-wrapper {
      padding: 0px;
   }

      .brochures-banner .content-wrapper article {
         min-height: 359px;
         display: flex;
         justify-content: center;
         flex-direction: column;
         width: 50%;
         padding: 78px 124px 102px 0;
      }

         .brochures-banner .content-wrapper article p {
            font-size: 18px;
            line-height: 25px;
            margin: 0 0 25px 0;
         }

   .brochures-banner.brochures-banner-has-image .content-wrapper article {
      min-height: 465px;
      padding: 124px 124px 124px 0;
   }
}

.page-block-brochures-slider {
   overflow: hidden;
   padding: 41px 0 24px 0;
}

   .page-block-brochures-slider header {
      margin: 0 0 32px 0;
   }

      .page-block-brochures-slider header h2 {
         font-size: 28px;
         line-height: 38px;
         font-weight: 600;
         text-align: center;
      }

      .page-block-brochures-slider header .buttons {
         display: none;
      }

   .page-block-brochures-slider .slick-list {
      overflow: visible;
      padding: 0 0 0 8px;
   }

.brochures-slider {
   margin: 0 -20px;
}

   .brochures-slider .brochure-slide {
      padding: 0 0 50px 12px;
   }

   .brochures-slider .brochure-card {
      margin: 0px;
   }

   .brochures-slider .slick-arrow.slick-prev {
      left: 20px;
   }

   .brochures-slider .slick-arrow.slick-next {
      right: 20px;
   }

@media all and (min-width: 768px) {
   .brochures-slider-large .brochure-slide .brochure-card:not(.brochure-card-small) .brochure-card-image img {
      max-height: 149px;
   }

   .brochures-slider-large .brochure-slide .brochure-card:not(.brochure-card-small) .brochure-card-content {
      padding: 21px 32px 32px 32px;
   }

   .brochures-slider-large .brochure-slide .brochure-card:not(.brochure-card-small) .brochure-card-buttons .button {
      font-size: 14px;
   }

      .brochures-slider-large .brochure-slide .brochure-card:not(.brochure-card-small) .brochure-card-buttons .button span {
         padding-left: 20px;
         padding-right: 20px;
      }

   .brochures-slider-large .brochure-slide .brochure-card:not(.brochure-card-small) .brochure-card-buttons .brochure-card-add-to-basket .brochure-card-add-to-basket-dropdown .brochure-card-add-to-basket-dropdown-select {
      font-size: 14px;
      padding-left: 10px 46px 12px 21px;
   }
}

@media all and (max-width: 1023px) {
   .page-block-brochures-slider-account .container {
      padding: 0 0 64px 0;
   }

      .page-block-brochures-slider-account .container header .buttons {
         display: block;
      }

         .page-block-brochures-slider-account .container header .buttons .button {
            display: none;
         }

         .page-block-brochures-slider-account .container header .buttons .button-primary {
            display: block;
            position: absolute;
            bottom: 0px;
            left: 0px;
            width: 100%;
         }
}

@media all and (min-width: 1024px) {
   .page-block-brochures-slider {
      padding: 80px 0 90px 0;
   }

      .page-block-brochures-slider header {
         display: flex;
      }

         .page-block-brochures-slider header h2 {
            font-size: 32px;
            text-align: left;
            line-height: 44px;
         }

         .page-block-brochures-slider header .buttons {
            margin-left: auto;
            display: flex;
         }

            .page-block-brochures-slider header .buttons .button {
               display: block;
               margin: 0 0 0 8px;
            }

   .brochures-slider {
      margin: 0 -16px;
   }

      .brochures-slider .slick-list {
         padding: 0px;
      }

      .brochures-slider .brochure-slide {
         padding: 0 16px;
      }
}

.accordion {
   border-top: 1px solid #EBEBF1;
}

   .accordion .accordion-panel {
      position: relative;
      margin: 0;
      border-bottom: 1px solid #EBEBF1;
   }

      .accordion .accordion-panel .accordion-panel-heading {
         position: relative;
         margin: 0px;
         background: url(../images/accordion-plus.svg) no-repeat right center;
      }

         .accordion .accordion-panel .accordion-panel-heading h2,
         .accordion .accordion-panel .accordion-panel-heading h3,
         .accordion .accordion-panel .accordion-panel-heading h4 {
            padding: 16px 72px 18px 0px;
            font-size: 16px;
            line-height: 26px;
            color: #000000;
            display: block;
            cursor: pointer;
            z-index: 1;
            margin: 0px;
            transition: 0.3s ease-in-out;
         }

         .accordion .accordion-panel .accordion-panel-heading .open-accordion-panel {
            position: absolute;
            top: 0px;
            left: 0px;
            width: 100%;
            height: 100%;
            display: block;
            text-indent: -9999px;
         }

         .accordion .accordion-panel .accordion-panel-heading:focus-within h2,
         .accordion .accordion-panel .accordion-panel-heading:focus-within h3,
         .accordion .accordion-panel .accordion-panel-heading:focus-within h4 {
            color: #4F4F64;
            text-decoration: underline;
         }

         .accordion .accordion-panel .accordion-panel-heading:hover h2,
         .accordion .accordion-panel .accordion-panel-heading:hover h3,
         .accordion .accordion-panel .accordion-panel-heading:hover h4, .accordion .accordion-panel .accordion-panel-heading:active h2,
         .accordion .accordion-panel .accordion-panel-heading:active h3,
         .accordion .accordion-panel .accordion-panel-heading:active h4, .accordion .accordion-panel .accordion-panel-heading:focus h2,
         .accordion .accordion-panel .accordion-panel-heading:focus h3,
         .accordion .accordion-panel .accordion-panel-heading:focus h4 {
            text-decoration: underline;
         }

      .accordion .accordion-panel.active {
         z-index: 1;
         border-bottom: 1px solid #000000;
      }

         .accordion .accordion-panel.active .accordion-panel-heading {
            background-image: url(../images/accordion-minus.svg);
         }

      .accordion .accordion-panel article {
         display: none;
      }

@media all and (min-width: 1024px) {
   .accordion .accordion-panel .accordion-panel-heading {
      background-position: right 32px center;
   }

      .accordion .accordion-panel .accordion-panel-heading h2,
      .accordion .accordion-panel .accordion-panel-heading h3,
      .accordion .accordion-panel .accordion-panel-heading h4 {
         font-size: 18px;
         line-height: 25px;
         padding: 14px 72px 18px 0;
      }
}

.brochure-back {
   padding: 20px 0 24px 0;
}

.brochure-image {
   border-radius: 8px;
   text-align: center;
   border: 1px solid #EBEBF1;
   padding: 32px 24px;
}

   .brochure-image img {
      margin: 0 auto;
      max-height: 277px;
   }

.brochure-details {
   padding: 24px 0 0 0;
}

   .brochure-details .brochure-credit {
      display: block;
      font-size: 18px;
      line-height: 25px;
      margin: 0 0 5px 0;
   }

   .brochure-details h1 {
      margin: 0 0 17px 0;
   }

   .brochure-details p {
      line-height: 22px;
      margin: 0 0 22px 0;
   }

   .brochure-details .add-to-basket-form {
      padding: 11px 0 0 0;
      margin: 0 0 18px 0;
   }

      .brochure-details .add-to-basket-form .receive-by-only {
         font-size: 16px;
         line-height: 22px;
         color: #000000;
         font-weight: 600;
         display: block;
         margin: 0 0 16px 0;
      }

      .brochure-details .add-to-basket-form .add-to-basket-delivery-types {
         margin: 0 0 16px 0;
      }

      .brochure-details .add-to-basket-form .add-to-basket-submit {
         padding: 0;
      }

   .brochure-details .brochure-favourite-link {
      display: block;
   }

      .brochure-details .brochure-favourite-link > span:before {
         transition: 0.3s ease-in-out;
         background: url('data:image/svg+xml,<svg width="23px" height="21px" viewBox="0 0 23 21" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><path d="M16.1146015,0.00631893726 C14.4944451,0.0777870051 12.9553657,0.752996514 11.804018,1.90488483 L11.451,2.257 L11.0983975,1.90471884 C8.55948549,-0.634193075 4.44309592,-0.634193044 1.90418398,1.9047189 C-0.634727965,4.44363084 -0.634727996,8.56002041 1.90418391,11.0989324 L10.7441839,19.9389324 C11.1347082,20.3294567 11.7678732,20.3294567 12.1583975,19.9389324 L20.9983975,11.0989324 C22.2178779,9.8800243 22.9031163,8.22626147 22.9031163,6.50182562 C22.9031163,4.77738977 22.2178779,3.12362695 20.9982315,1.90455289 C19.7794894,0.685238378 18.1257266,0 16.4012907,0 L16.1146015,0.00631893726 Z M16.4012907,2 C17.5951309,2 18.7400436,2.4743958 19.584018,3.31876642 C20.4287205,4.16307269 20.9031163,5.30798542 20.9031163,6.50182562 L20.896822,6.73986663 C20.8382192,7.84698335 20.3724291,8.89684351 19.5843499,9.68455289 L11.451,17.817 L3.31839748,9.68471884 C1.56053415,7.92685546 1.56053417,5.07679583 3.31839754,3.31893246 C5.07626091,1.56106909 7.92632054,1.56106907 9.68418393,3.31893241 L10.7441839,4.3789324 C11.1347082,4.76945669 11.7678732,4.76945669 12.1583975,4.3789324 L13.2183975,3.3189324 C14.0625378,2.4743958 15.2074505,2 16.4012907,2 Z" fill="%23141446" fill-rule="nonzero"></path></g></svg>') no-repeat center center;
         width: 23px;
         height: 21px;
         content: "";
         display: inline-block;
         position: relative;
         margin: 0 12px -5px 0;
      }

      .brochure-details .brochure-favourite-link > span .favourite-d {
         display: none;
         padding: 0px;
      }

      .brochure-details .brochure-favourite-link:hover > span:before, .brochure-details .brochure-favourite-link:active > span:before, .brochure-details .brochure-favourite-link:focus > span:before {
         background: url('data:image/svg+xml,<svg width="23px" height="21px" viewBox="0 0 23 21" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><path d="M16.1146015,0.00631893726 C14.4944451,0.0777870051 12.9553657,0.752996514 11.804018,1.90488483 L11.451,2.257 L11.0983975,1.90471884 C8.55948549,-0.634193075 4.44309592,-0.634193044 1.90418398,1.9047189 C-0.634727965,4.44363084 -0.634727996,8.56002041 1.90418391,11.0989324 L10.7441839,19.9389324 C11.1347082,20.3294567 11.7678732,20.3294567 12.1583975,19.9389324 L20.9983975,11.0989324 C22.2178779,9.8800243 22.9031163,8.22626147 22.9031163,6.50182562 C22.9031163,4.77738977 22.2178779,3.12362695 20.9982315,1.90455289 C19.7794894,0.685238378 18.1257266,0 16.4012907,0 L16.1146015,0.00631893726 Z M16.4012907,2 C17.5951309,2 18.7400436,2.4743958 19.584018,3.31876642 C20.4287205,4.16307269 20.9031163,5.30798542 20.9031163,6.50182562 L20.896822,6.73986663 C20.8382192,7.84698335 20.3724291,8.89684351 19.5843499,9.68455289 L11.451,17.817 L3.31839748,9.68471884 C1.56053415,7.92685546 1.56053417,5.07679583 3.31839754,3.31893246 C5.07626091,1.56106909 7.92632054,1.56106907 9.68418393,3.31893241 L10.7441839,4.3789324 C11.1347082,4.76945669 11.7678732,4.76945669 12.1583975,4.3789324 L13.2183975,3.3189324 C14.0625378,2.4743958 15.2074505,2 16.4012907,2 Z" fill="%23FFDA00" fill-rule="nonzero"></path></g></svg>') no-repeat center center;
      }

      .brochure-details .brochure-favourite-link.favourited {
         background: #000000;
         color: #FFCC05;
         box-shadow: none;
      }

         .brochure-details .brochure-favourite-link.favourited span:before {
            background-image: url('data:image/svg+xml,<svg width="23px" height="21px" viewBox="0 0 23 21" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"><path d="M20.2912907,2.61182562 C19.2597665,1.57981709 17.8604287,1 16.4012907,1 C14.9421527,1 13.5428149,1.57981709 12.5112907,2.61182562 L11.4512907,3.67182562 L10.3912907,2.61182562 C8.24290301,0.463437999 4.75967841,0.463438025 2.61129076,2.61182568 C0.462903103,4.76021333 0.462903077,8.24343793 2.6112907,10.3918256 L3.6712907,11.4518256 L11.4512907,19.2318256 L19.2312907,11.4518256 L20.2912907,10.3918256 C21.3232992,9.36030142 21.9031163,7.96096365 21.9031163,6.50182562 C21.9031163,5.04268759 21.3232992,3.64334982 20.2912907,2.61182562 Z" stroke="%23141446" stroke-width="2" fill="%23FFDA00"></path></g></svg>');
         }

         .brochure-details .brochure-favourite-link.favourited span .favourite-d {
            display: inline;
         }

   .brochure-details .accordion {
      margin: 50px 0 103px 0;
   }

      .brochure-details .accordion .accordion-panel .accordion-panel-heading {
         background-position: right 12px center;
      }

   .brochure-details .tags {
      font-size: 16px;
      line-height: 26px;
      margin: 0 0 26px 0;
   }

      .brochure-details .tags a {
         text-decoration: underline;
         margin: 0 2px 0 0;
      }

@media all and (min-width: 1024px) {
   .brochure-back {
      padding: 32px 0 20px 0;
   }

   .brochure-wrapper {
      display: grid;
      align-items: start;
      grid-column-gap: 32px;
      grid-template-columns: repeat(12, 1fr);
   }

      .brochure-wrapper .brochure-image {
         margin: 0 -32px 0 0;
         grid-column: span 5;
      }

      .brochure-wrapper .brochure-details {
         grid-column: span 7;
         padding: 37px 64px 0 64px;
      }

   .brochure-image {
      padding: 56px 32px;
   }

      .brochure-image img {
         max-height: 495px;
      }

   .brochure-details .brochure-credit {
      font-size: 18px;
   }

   .brochure-details h1 {
      font-size: 32px;
      line-height: 44px;
   }

   .brochure-details p {
      font-size: 18px;
      line-height: 25px;
   }

   .brochure-details .add-to-basket-form {
      margin: 0 0 24px 0;
   }

   .brochure-details .accordion {
      margin: 48px 0 96px 0;
   }

      .brochure-details .accordion .accordion-panel .accordion-panel-heading {
         background-position: right 32px center;
      }

         .brochure-details .accordion .accordion-panel .accordion-panel-heading h2,
         .brochure-details .accordion .accordion-panel .accordion-panel-heading h3,
         .brochure-details .accordion .accordion-panel .accordion-panel-heading h4 {
            padding: 23px 72px 26px 0;
         }
}

@media all and (min-width: 1240px) {
   .brochure-wrapper .brochure-details {
      padding: 37px 107px 0 107px;
   }
}

.page-block-banner .banner-background {
   background: none no-repeat center center;
   background-size: cover;
   position: relative;
}

   .page-block-banner .banner-background:before {
      position: absolute;
      top: 0px;
      left: 0px;
      width: 100%;
      height: 100%;
      background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 1%, rgba(0, 0, 0, 0.5) 100%);
      content: "";
      display: block;
   }

.page-block-banner .container {
   height: 445px;
   display: flex;
   align-items: flex-end;
}

.page-block-banner .banner-content {
   padding: 43px 0;
}

   .page-block-banner .banner-content h1 {
      font-size: 40px;
      line-height: 52px;
      font-weight: 600;
      margin: 0px;
      color: #FFF;
   }

   .page-block-banner .banner-content p {
      font-size: 18px;
      line-height: 25px;
      color: #FFF;
      padding: 10px 0 0 0;
   }

   .page-block-banner .banner-content .button {
      margin: 35px 0 0 0;
   }

.page-block-banner.page-block-banner-404 .banner-background:before {
   background: #000;
   opacity: 0.55;
}

.page-block-banner.page-block-banner-404 .container {
   height: auto;
}

   .page-block-banner.page-block-banner-404 .container .banner-content {
      padding: 142px 0;
      text-align: center;
   }

      .page-block-banner.page-block-banner-404 .container .banner-content h1 {
         font-size: 32px;
         line-height: 44px;
      }

      .page-block-banner.page-block-banner-404 .container .banner-content p {
         padding: 16px 0 0 0;
      }

      .page-block-banner.page-block-banner-404 .container .banner-content .button {
         display: block;
      }

@media all and (min-width: 1024px) {
   .page-block-banner .banner-background:before {
      width: 70%;
      background-image: linear-gradient(270deg, rgba(0, 0, 0, 0) 1%, rgba(0, 0, 0, 0.5) 100%);
   }

   .page-block-banner .banner-content {
      padding: 0 0 55px 0;
      max-width: 500px;
   }

      .page-block-banner .banner-content p {
         padding: 22px 0 0 0;
         margin: 0 0 20px 0;
      }

      .page-block-banner .banner-content .button {
         margin: 22px 0 0 0;
      }

   .page-block-banner.page-block-banner-404 .banner-background:before {
      width: 100%;
      background-color: transparent;
      opacity: 1;
      background-image: linear-gradient(270deg, rgba(0, 0, 0, 0) 1%, rgba(0, 0, 0, 0.5) 100%);
   }

   .page-block-banner.page-block-banner-404 .container .banner-content {
      padding: 151px 0 142px 0;
      text-align: left;
      width: 450px;
   }

      .page-block-banner.page-block-banner-404 .container .banner-content h1 {
         font-size: 40px;
         line-height: 55px;
      }

      .page-block-banner.page-block-banner-404 .container .banner-content p {
         padding: 14px 0 0 0;
      }

      .page-block-banner.page-block-banner-404 .container .banner-content .button {
         display: inline-block;
      }
}

.breadcrumb-nav {
   padding: 20px 0 62px 0;
   display: flex;
}

   .breadcrumb-nav li {
      display: block;
      padding: 0 14px 0 0;
      margin: 0 8px 0 0;
      background: url('data:image/svg+xml,<svg width="6px" height="10px" viewBox="0 0 6 10" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"><polyline stroke="%234F4F64" stroke-width="2" points="1 9 5 5 1 1"></polyline></g></svg>') no-repeat right center;
   }

      .breadcrumb-nav li a {
         padding: 2px 0 0 0;
         display: inline-block;
         font-size: 12px;
         line-height: 16px;
         text-decoration: underline;
         color: #000000;
      }

         .breadcrumb-nav li a:hover, .breadcrumb-nav li a:active, .breadcrumb-nav li a:focus {
            text-decoration: none;
         }

      .breadcrumb-nav li svg {
         height: 18px;
         width: auto;
      }

      .breadcrumb-nav li span {
         padding: 2px 0 0 0;
         display: inline-block;
         font-size: 12px;
         line-height: 16px;
      }

      .breadcrumb-nav li:last-child {
         background: none;
      }

@media all and (min-width: 1024px) {
   .breadcrumb-nav li a,
   .breadcrumb-nav li span {
      font-size: 14px;
      line-height: 22px;
   }

   .breadcrumb-nav li svg {
      height: auto;
   }
}

figure {
   margin: 0px;
}

   figure img {
      width: 100%;
      border-radius: 4px;
   }

   figure figcaption {
      display: block;
      padding: 19px 0 0 0;
      font-size: 18px;
      line-height: 25px;
   }

article figure {
   margin: 0 0 26px 0;
}

.page-block-content.background-light-blue, .page-block-content.background-dark-blue {
   padding: 72px 0 96px 0;
}

@media all and (min-width: 1024px) {
   .page-block-content.background-light-blue, .page-block-content.background-dark-blue {
      padding: 112px 0 128px 0;
   }
}

.image-slider .image-slide {
   padding: 0 0 40px 0;
}

   .image-slider .image-slide img {
      display: block;
      width: 100%;
   }

.image-slider .slick-arrow.slick-prev {
   left: 20px;
}

.image-slider .slick-arrow.slick-next {
   right: 20px;
}

@media all and (min-width: 1024px) {
   .image-slider .image-slide {
      padding: 0;
   }

   .image-slider .slick-dots {
      display: none !important;
   }

   .image-slider .slick-arrow {
      bottom: 40px;
      width: 48px;
      height: 48px;
      padding: 0px;
   }

      .image-slider .slick-arrow span:not([class]) {
         width: 48px;
         height: 48px;
         padding: 0px;
         display: flex;
         justify-content: center;
         align-items: center;
      }

      .image-slider .slick-arrow.slick-prev {
         left: 40px;
      }

      .image-slider .slick-arrow.slick-next {
         left: 96px;
      }
}

@media all and (min-width: 1400px) {
   .image-slider .slick-arrow.slick-prev {
      left: 50%;
      margin: 0 0 0 -624px;
   }

   .image-slider .slick-arrow.slick-next {
      left: 50%;
      margin: 0 0 0 -562px;
   }
}

.call-to-action {
   background: #FFCC05;
}

   .call-to-action .container {
      padding: 80px 0 96px 0;
   }

   .call-to-action article {
      text-align: center;
   }

      .call-to-action article p {
         color: #000000;
      }

.container .call-to-action {
   border-radius: 8px;
   padding: 78px 24px 92px 24px;
}

.contact-detail {
   display: flex;
   align-items: center;
   justify-content: center;
   color: #000000;
}

   .contact-detail svg {
      margin: 0 8px 0 0;
   }

   .contact-detail span {
      font-size: 16px;
      display: block;
      font-weight: 600;
   }

   .contact-detail:hover span, .contact-detail:active span, .contact-detail:focus span {
      text-decoration: underline;
   }

.contact-details {
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   row-gap: 20px;
   padding: 8px 0 0 0;
}

@media all and (min-width: 1024px) {
   .call-to-action .container {
      padding: 112px 128px 128px 128px;
   }

   .container .call-to-action {
      margin: 0 128px;
      padding: 79px 64px 73px 64px;
   }

   .contact-details {
      flex-direction: row;
   }

      .contact-details .contact-detail {
         margin: 0 20px;
      }
}

@media all and (min-width: 1300px) {
   .call-to-action .container {
      padding: 112px 214px 128px 214px;
   }

   .container .call-to-action {
      margin: 0 214px;
      padding: 79px 107px 73px 107px;
   }
}

.basket-wrapper {
   padding: 40px 0 64px 0;
}

   .basket-wrapper header {
      margin: 0 0 45px 0;
   }

      .basket-wrapper header h1 {
         font-size: 28px;
         line-height: 38px;
         margin: 0 0 11px 0;
      }

      .basket-wrapper header p {
         font-size: 16px;
         line-height: 20px;
         color: #282723;
      }

.basket-table-item-receive-by-dropdown {
   position: relative;
   z-index: 1;
}

   .basket-table-item-receive-by-dropdown .basket-table-item-receive-by-dropdown-select {
      display: block;
      font-size: 16px;
      line-height: 22px;
      color: #000000;
      padding: 10px 14px 12px 14px;
      border: 2px solid #EBEBF1;
      border-radius: 4px;
      transition: none;
      text-align: center;
   }

      .basket-table-item-receive-by-dropdown .basket-table-item-receive-by-dropdown-select:after {
         display: inline-block;
         width: 14px;
         height: 8px;
         content: "";
         margin: -6px 0 0 9px;
         background: url('data:image/svg+xml,<svg width="14px" height="8px" viewBox="0 0 14 8" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><title>Path Copy 4</title><g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"><polyline id="Path-Copy-4" stroke="%23141446" stroke-width="2" points="1 1 7 7 13 1"></polyline></g></svg>') no-repeat center center;
      }

   .basket-table-item-receive-by-dropdown ul {
      background: #FFF;
      position: absolute;
      top: 100%;
      left: 0px;
      width: 100%;
      display: none;
      border-radius: 0 0 4px 4px;
      border: 2px solid #000000;
      margin-top: -2px;
   }

      .basket-table-item-receive-by-dropdown ul li {
         position: relative;
      }

         .basket-table-item-receive-by-dropdown ul li .basket-table-item-receive-by-dropdown-heading {
            font-size: 12px;
            letter-spacing: 0.6px;
            line-height: 16px;
            color: #000000;
            padding: 9px 0 11px 0;
            text-align: center;
            text-transform: uppercase;
            display: block;
            background: #EBEBF1;
         }

         .basket-table-item-receive-by-dropdown ul li:nth-child(2) {
            border-bottom: 2px solid #000000;
         }

         .basket-table-item-receive-by-dropdown ul li input {
            position: absolute;
            left: -9999px;
         }

         .basket-table-item-receive-by-dropdown ul li label {
            display: block;
            padding: 7px 32px 12px 14px;
            font-size: 16px;
            line-height: 22px;
            color: #000000;
            cursor: pointer;
            position: relative;
         }

            .basket-table-item-receive-by-dropdown ul li label:before {
               position: absolute;
               width: 16px;
               height: 16px;
               border-radius: 100%;
               border: 2px solid #000000;
               content: "";
               display: block;
               top: 10px;
               right: 13px;
            }

         .basket-table-item-receive-by-dropdown ul li input:checked + label:before {
            background: url('data:image/svg+xml,<svg width="10px" height="7px" viewBox="0 0 10 7" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><title>Path Copy 2</title><g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"><polyline id="Path-Copy-2" stroke="%23141446" stroke-width="2" points="8.27272727 1 3.27272727 6 1 3.72727273"></polyline></g></svg>') no-repeat center center #FFCC05;
         }

   .basket-table-item-receive-by-dropdown.dropdown-active .basket-table-item-receive-by-dropdown-select {
      border-color: #000000;
      padding: 10px 14px 12px 14px;
      border-radius: 4px 4px 0 0;
      border-right: 2px solid #000000;
   }

      .basket-table-item-receive-by-dropdown.dropdown-active .basket-table-item-receive-by-dropdown-select:after {
         margin-top: -6px;
         background-image: url('data:image/svg+xml,<svg width="14px" height="8px" viewBox="0 0 14 8" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><title>Path Copy 6</title><g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"><polyline id="Path-Copy-6" stroke="%23141446" stroke-width="2" transform="translate(7.000000, 4.000000) scale(1, -1) translate(-7.000000, -4.000000) " points="1 1 7 7 13 1"></polyline></g></svg>');
      }

   .basket-table-item-receive-by-dropdown.dropdown-active ul {
      display: block;
   }

.basket-totals {
   background: #000000;
   border-radius: 4px;
   padding: 21px 32px 32px 32px;
}

   .basket-totals .basket-totals-table {
      margin: 0 0 24px 0;
   }

      .basket-totals .basket-totals-table .basket-totals-table-row {
         margin: 0 0 2px 0;
         display: flex;
         font-size: 20px;
         line-height: 32px;
         color: #FFF;
         justify-content: space-between;
      }

         .basket-totals .basket-totals-table .basket-totals-table-row.basket-totals-table-row-total {
            font-weight: 600;
         }

   .basket-totals .button {
      display: block;
   }

@media all and (max-width: 1023px) {
   .basket-table {
      margin: 0 0 16px 0;
   }

      .basket-table .basket-table-item {
         position: relative;
         padding: 0 0 77px 0;
         display: flex;
         margin: 0 0 32px 0;
      }

         .basket-table .basket-table-item .basket-table-item-image {
            width: 72px;
            height: 72px;
            border-radius: 4px;
            border: 1px solid #EBEBF1;
            display: flex;
            justify-content: center;
            align-items: center;
            margin: 8px 0 0 0;
         }

            .basket-table .basket-table-item .basket-table-item-image img {
               display: block;
               width: auto;
               height: auto;
               max-height: 54px;
               max-width: 54px;
            }

         .basket-table .basket-table-item .basket-table-item-content {
            padding: 0 0 0 20px;
         }

            .basket-table .basket-table-item .basket-table-item-content h4 {
               font-size: 18px;
               line-height: 32px;
               margin: 0 0 2px 0;
            }

            .basket-table .basket-table-item .basket-table-item-content p {
               font-size: 14px;
               line-height: 20px;
               margin: 0 0 9px 0;
            }

            .basket-table .basket-table-item .basket-table-item-content .basket-table-item-remove {
               font-size: 12px;
               line-height: 16px;
               text-decoration: underline;
            }

         .basket-table .basket-table-item .basket-table-item-receive-by {
            position: absolute;
            bottom: 0px;
            left: 0px;
            width: 100%;
         }

         .basket-table .basket-table-item .basket-table-item-receive-by-only {
            position: absolute;
            bottom: 0px;
            left: 0px;
            width: 100%;
            display: block;
            font-size: 16px;
            line-height: 22px;
            color: #000000;
            padding: 10px 14px 12px 14px;
            border: 2px solid #EBEBF1;
            border-radius: 4px;
            transition: none;
            text-align: center;
         }
}

@media all and (min-width: 1024px) {
   .basket-table {
      border-top: 1px solid #EBEBF1;
   }

      .basket-table .basket-table-item {
         display: flex;
         align-items: center;
         width: 100%;
         border-bottom: 1px solid #EBEBF1;
         padding: 24px 0;
      }

         .basket-table .basket-table-item .basket-table-item-image {
            display: flex;
            align-items: center;
            height: 112px;
         }

            .basket-table .basket-table-item .basket-table-item-image img {
               border-radius: 2px;
               width: 80px;
               height: auto;
               box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.15);
            }

         .basket-table .basket-table-item .basket-table-item-content {
            padding: 0 0 0 32px;
            display: flex;
            align-items: center;
            width: 100%;
            justify-content: space-between;
         }

            .basket-table .basket-table-item .basket-table-item-content h4 {
               font-size: 24px;
               line-height: 33px;
               margin: 0 0 7px 0;
            }

            .basket-table .basket-table-item .basket-table-item-content p {
               font-size: 16px;
               line-height: 22px;
            }

         .basket-table .basket-table-item .basket-table-item-actions {
            display: flex;
            align-items: center;
         }

            .basket-table .basket-table-item .basket-table-item-actions .basket-table-item-receive-by .basket-table-item-receive-by-dropdown .basket-table-item-receive-by-dropdown-select {
               border: none;
               padding-left: 0px;
               padding-right: 0px;
            }

            .basket-table .basket-table-item .basket-table-item-actions .basket-table-item-receive-by-only {
               font-size: 16px;
               line-height: 22px;
               color: #000000;
            }

            .basket-table .basket-table-item .basket-table-item-actions .basket-table-item-remove {
               margin: 0 0 0 36px;
               font-size: 12px;
               line-height: 16px;
               text-decoration: underline;
            }

   .basket-wrapper {
      padding: 62px 0 84px 0;
      display: grid;
      grid-column-gap: 32px;
      grid-template-columns: repeat(12, 1fr);
   }

      .basket-wrapper header {
         margin: 0 0 30px 0;
         display: flex;
         align-items: baseline;
         grid-column: span 12;
      }

         .basket-wrapper header h1 {
            font-size: 40px;
            line-height: 55px;
         }

         .basket-wrapper header p {
            font-size: 14px;
            line-height: 20px;
            padding: 0 0 7px 27px;
         }

      .basket-wrapper .basket-table {
         grid-column: span 8;
      }

      .basket-wrapper .basket-sidebar {
         grid-column: span 4;
      }

   .basket-totals {
      padding: 29px 32px 32px 32px;
   }
}

@media all and (min-width: 1280px) {
   .basket-wrapper .basket-table {
      grid-column: span 7;
   }

   .basket-wrapper .basket-sidebar {
      grid-column: span 5;
      padding: 0 0 0 140px;
   }
}

.send-brochures-to-friend {
   border-top: 1px solid #EBEBF1;
   margin: 12px 0 0 0;
   grid-column: 1/-1;
   min-width: 0;
   text-align: center;
   padding: 14px 0 0 0;
}

   .send-brochures-to-friend p {
      font-size: 14px;
      line-height: 20px;
      font-weight: 600;
      color: #000000;
      margin: 0 0 3px 0;
   }

   .send-brochures-to-friend a {
      text-decoration: underline;
      font-size: 14px;
      line-height: 20px;
      color: #000000;
   }

.checkout-form .form-checkboxes-inline {
   margin: 0 0 5px 0;
}

.checkout-form .form-submit {
   padding: 11px 0 0 0;
}

.checkout-wrapper {
   display: grid;
   grid-column-gap: 32px;
}

.returning-customer {
   display: block;
   background: #000000;
   padding: 17px 72px 20px 24px;
   border-radius: 4px;
   color: #FFF;
   position: relative;
   margin: 0 0 32px 0;
}

   .returning-customer .returning-customer-heading {
      font-size: 14px;
      line-height: 20px;
      font-weight: 600;
      margin: 0 0 7px 0;
      display: block;
   }

   .returning-customer .returning-customer-text {
      font-size: 12px;
      line-height: 16px;
      display: block;
   }

   .returning-customer .returning-customer-arrow {
      border-radius: 4px;
      border: 2px solid #FFCC05;
      position: absolute;
      top: 20px;
      right: 20px;
      height: 40px;
      width: 40px;
      display: flex;
      align-items: center;
      justify-content: center;
      color: #FFCC05;
      transition: 0.3s ease-in-out;
   }

   .returning-customer:hover, .returning-customer:active, .returning-customer:focus {
      color: #FFF;
   }

      .returning-customer:hover .returning-customer-arrow, .returning-customer:active .returning-customer-arrow, .returning-customer:focus .returning-customer-arrow {
         background: #FFCC05;
         color: #000000;
      }

.select-addresses {
   grid-column: 1/-1;
   min-width: 0;
}

   .select-addresses .select-address {
      position: relative;
      margin: 0 0 27px 0;
   }

      .select-addresses .select-address input {
         position: absolute;
         left: -9999px;
      }

      .select-addresses .select-address label {
         border: 2px solid #EBEBF1;
         border-radius: 4px;
         padding: 15px 20px 130px 48px;
         display: block;
         font-size: 16px;
         line-height: 22px;
         position: relative;
         cursor: pointer;
      }

         .select-addresses .select-address label:before {
            position: absolute;
            top: 18px;
            left: 14px;
            width: 16px;
            height: 16px;
            content: "";
            display: block;
            border-radius: 100%;
            border: 2px solid #000000;
         }

         .select-addresses .select-address label:after {
            position: absolute;
            top: 22px;
            left: 18px;
            width: 12px;
            height: 12px;
            content: "";
            display: none;
            border-radius: 100%;
            background: #000000;
         }

         .select-addresses .select-address label strong {
            display: block;
            margin: 0 0 2px 0;
            color: #000000;
         }

      .select-addresses .select-address input:checked + label {
         border-color: #000000;
      }

         .select-addresses .select-address input:checked + label:after {
            display: block;
         }

      .select-addresses .select-address .edit-address-link {
         border-top: 2px solid #EBEBF1;
         display: block;
         padding: 12px 20px 14px 20px;
         text-align: center;
         text-decoration: underline;
         color: #000000;
         font-size: 14px;
         line-height: 20px;
         position: absolute;
         bottom: 48px;
         left: 2px;
         width: calc(100% - 4px);
      }

      .select-addresses .select-address .delete-address-link {
         border-top: 2px solid #EBEBF1;
         display: block;
         padding: 12px 20px 14px 20px;
         text-align: center;
         text-decoration: underline;
         color: #000000;
         font-size: 14px;
         line-height: 20px;
         position: absolute;
         bottom: 0px;
         /*background: red;*/
         left: 2px;
         width: calc(100% - 4px);
      }

      .select-addresses .select-address.editing {
         display: none;
      }

   .select-addresses .edit-address-link.editing {
      display: none;
   }

.edit-address {
   display: none;
   border-radius: 4px;
   border: 2px solid #EBEBF1;
   padding: 0 16px 16px 16px;
   margin: 0 0 27px 0;
}

   .edit-address .form-section-heading {
      margin: 0 -16px;
      border-radius: 0;
   }

   .edit-address.editing {
      display: grid;
   }

@media all and (max-width: 1023px) {
   .checkout-wrapper {
      padding: 0 0 48px 0;
   }

      .checkout-wrapper .checkout {
         order: 2;
         padding: 28px 0 0 0;
      }

         .checkout-wrapper .checkout header {
            margin: 0 0 25px 0;
         }

            .checkout-wrapper .checkout header h1 {
               font-size: 28px;
               line-height: 38px;
            }

      .checkout-wrapper .checkout-summary {
         order: 1;
         border-bottom: 1px solid #141446;
         margin: 0 -20px;
         padding: 0 20px;
      }

         .checkout-wrapper .checkout-summary .edit-basket-link {
            display: none;
         }

         .checkout-wrapper .checkout-summary .toggle-basket {
            display: block;
         }

            .checkout-wrapper .checkout-summary .toggle-basket svg {
               transform: rotate(180deg);
            }

         .checkout-wrapper .checkout-summary .basket-summary-header {
            padding: 12px 0 16px 0;
         }

            .checkout-wrapper .checkout-summary .basket-summary-header.active .toggle-basket svg {
               transform: none;
            }

         .checkout-wrapper .checkout-summary .basket-summary-content {
            display: none;
         }
}

@media all and (min-width: 1024px) {
   .send-brochures-to-friend {
      padding: 18px 0 0 0;
   }

   .returning-customer {
      display: flex;
      margin: 0 0 32px 0;
      padding: 21px 72px 26px 29px;
   }

      .returning-customer .returning-customer-heading {
         margin: 0 15px 0 0;
         font-size: 18px;
         line-height: 25px;
      }

      .returning-customer .returning-customer-text {
         margin: 0px;
         font-size: 16px;
         line-height: 22px;
      }

      .returning-customer .returning-customer-arrow {
         top: 11px;
         right: 11px;
         width: 48px;
         height: 48px;
      }

   .select-addresses .select-address {
      margin: 0 0 22px 0;
   }

      .select-addresses .select-address label {
         padding: 11px 120px 16px 46px;
         font-size: 16px;
         line-height: 22px;
         border-radius: 4px;
      }

         .select-addresses .select-address label:before {
            top: 14px;
            left: 14px;
         }

         .select-addresses .select-address label:after {
            top: 18px;
            left: 18px;
         }

      .select-addresses .select-address .edit-address-link {
         border: none;
         position: absolute;
         bottom: auto;
         left: auto;
         width: auto;
         right: 90px;
         top: 50%;
         transform: translateY(-50%);
         -webkit-transform: translateY(-50%);
         -ms-transform: translateY(-50%);
         font-size: 14px;
         line-height: 22px;
         padding: 0px;
      }

      .select-addresses .select-address .delete-address-link {
         border: none;
         position: absolute;
         bottom: auto;
         left: auto;
         width: auto;
         right: 32px;
         top: 50%;
         transform: translateY(-50%);
         -webkit-transform: translateY(-50%);
         -ms-transform: translateY(-50%);
         font-size: 14px;
         line-height: 22px;
         padding: 0px;
      }

   .checkout-wrapper {
      padding: 62px 0 84px 0;
      grid-template-columns: repeat(12, 1fr);
   }

      .checkout-wrapper .checkout {
         grid-column: span 8;
      }

         .checkout-wrapper .checkout header {
            margin: 0 0 32px 0;
         }

            .checkout-wrapper .checkout header h1 {
               font-size: 40px;
               line-height: 55px;
            }

      .checkout-wrapper .checkout-summary {
         grid-column: span 4;
      }

         .checkout-wrapper .checkout-summary .edit-basket-link {
            display: block;
         }

         .checkout-wrapper .checkout-summary .toggle-basket {
            display: none;
         }
}

@media all and (min-width: 1280px) {
   .checkout-wrapper .checkout {
      grid-column: span 7;
   }

   .checkout-wrapper .checkout-summary {
      grid-column: span 5;
      padding: 0 0 0 140px;
   }
}

.page-header {
   padding: 46px 0 58px 0;
}

   .page-header h1 {
      font-size: 40px;
      line-height: 55px;
      padding: 0px;
      margin: 0;
   }

      .page-header h1 .caption {
         font-size: 18px;
         font-weight: normal;
         display: block;
         margin: 0;
      }

   .page-header p {
      max-width: 500px;
      margin: 0px;
      padding: 11px 0 0 0;
   }

@media all and (min-width: 1024px) {
   .page-header {
      padding: 76px 0 81px 0;
   }

      .page-header h1 .caption {
         font-size: 24px;
      }

      .page-header p {
         padding: 16px 0 0 0;
      }
}

.page-block-order-confirmation .container {
   text-align: center;
}

.order-confirmation {
   text-align: left;
   padding: 32px 0 32px 0;
}

   .order-confirmation .order-confirmation-header {
      background: #EBEBF1;
      border-radius: 4px;
      padding: 9px 16px 12px 16px;
      margin: 0 0 16px 0;
   }

      .order-confirmation .order-confirmation-header h2 {
         font-size: 16px;
         line-height: 22px;
      }

      .order-confirmation .order-confirmation-header p {
         font-size: 12px;
         line-height: 16px;
      }

   .order-confirmation .button-continue-browsing {
      margin: 0 0 48px 0;
   }

   .order-confirmation ul {
      padding: 8px 0 0 0;
      margin: 0 0 32px 0;
   }

   .order-confirmation .order-details div {
      margin: 0 0 32px 0;
   }

   .order-confirmation .order-details h4 {
      font-size: 16px;
      line-height: 22px;
      margin: 0 0 7px 0;
   }

   .order-confirmation .order-details p {
      font-size: 16px;
      line-height: 25px;
   }

.order-confirmation-table tr td {
   text-align: right;
}

@media all and (min-width: 608px) {
   .order-confirmation {
      padding: 82px 0 50px 0;
      max-width: 608px;
      margin: 0 auto;
   }

      .order-confirmation .order-confirmation-header p {
         font-size: 14px;
         line-height: 19px;
      }

      .order-confirmation .order-details {
         display: grid;
         width: 100%;
         grid-template-columns: repeat(2, 1fr);
         grid-column-gap: 32px;
         padding: 0 0 43px 0;
      }

         .order-confirmation .order-details div {
            margin: 0px;
         }
}

.login-wrapper {
   min-height: 100dvh;
   position: relative;
   background: #000000;
}

   .login-wrapper .login-background {
      position: absolute;
      top: 0px;
      left: 0px;
      width: 100%;
      height: 100%;
      background: url(../images/login-back.jpg) no-repeat center center;
      background-size: cover;
   }

   .login-wrapper .login-logo {
      display: none;
   }

   .login-wrapper .login-content {
      position: relative;
      z-index: 1;
      min-height: 100dvh;
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      align-content: center;
      flex-direction: column;
      padding: 112px 20px 24px 20px;
   }

      .login-wrapper .login-content header a {
         font-size: 14px;
         line-height: 20px;
         color: #FFF;
         text-decoration: underline;
      }

      .login-wrapper .login-content .login-form {
         max-width: 459px;
         background: #FFF;
         border-radius: 4px;
         padding: 23px 24px 28px 24px;
         grid-row-gap: 16px;
      }

         .login-wrapper .login-content .login-form h2 {
            font-size: 24px;
            line-height: 33px;
            margin: 0 0 6px 0;
            grid-column: 1/-1;
            min-width: 0;
            text-align: left;
         }

         .login-wrapper .login-content .login-form .validation-errors {
            margin: 0 0 4px 0;
            text-align: left;
         }

            .login-wrapper .login-content .login-form .validation-errors p {
               font-weight: normal;
            }

         .login-wrapper .login-content .login-form .form-submit {
            padding: 8px 0 0 0;
         }

            .login-wrapper .login-content .login-form .form-submit small {
               padding: 18px 0 0 0;
            }

@media all and (max-width: 1023px) {
   .login-wrapper .login-content header {
      position: absolute;
      top: 0px;
      left: 0px;
      width: 100%;
      display: flex;
      padding: 28px 20px;
      justify-content: space-between;
      align-items: center;
      background: #000000;
   }

      .login-wrapper .login-content header .login-logo {
         display: block;
         height: 32px;
      }

      .login-wrapper .login-content header a {
         font-size: 14px;
         line-height: 20px;
         color: #FFF;
         text-decoration: underline;
      }
}

@media all and (min-width: 1024px) {
   .login-wrapper .login-background {
      width: 50%;
   }

   .login-wrapper .login-content {
      padding: 64px 0 64px 50%;
   }

      .login-wrapper .login-content .login-logo {
         margin: 0 auto 48px auto;
         display: block;
      }

      .login-wrapper .login-content header {
         position: absolute;
         top: 24px;
         right: 32px;
      }

         .login-wrapper .login-content header .login-logo {
            display: none;
         }

      .login-wrapper .login-content .login-form {
         padding: 21px 32px 36px 32px;
         grid-row-gap: 24px;
      }

         .login-wrapper .login-content .login-form h2 {
            margin: 0 0 2px 0;
         }

         .login-wrapper .login-content .login-form .form-submit {
            padding: 6px 0 0 0;
         }

            .login-wrapper .login-content .login-form .form-submit small {
               padding: 26px 0 0 0;
            }
}

.account-nav {
   overflow: hidden;
   position: relative;
   text-align: center;
}

   .account-nav:before {
      height: 2px;
      background: #EBEBF1;
      content: "";
      display: block;
      bottom: 0px;
      left: 0px;
      width: 100%;
      position: absolute;
   }

   .account-nav .account-nav-inner {
      overflow-x: auto;
   }

      .account-nav .account-nav-inner ul {
         padding: 0 8px;
         display: flex;
      }

         .account-nav .account-nav-inner ul li {
            display: block;
         }

            .account-nav .account-nav-inner ul li a {
               display: block;
               font-size: 16px;
               line-height: 22px;
               font-weight: 600;
               padding: 18px 12px 21px 12px;
               position: relative;
               white-space: nowrap;
               overflow: hidden;
            }

               .account-nav .account-nav-inner ul li a:before {
                  height: 2px;
                  background: transparent;
                  content: "";
                  display: block;
                  bottom: 0px;
                  left: 0px;
                  width: 100%;
                  position: absolute;
                  transition: 0.3s ease-in-out;
               }

               .account-nav .account-nav-inner ul li a:hover, .account-nav .account-nav-inner ul li a:active, .account-nav .account-nav-inner ul li a:focus {
                  color: #000000;
               }

                  .account-nav .account-nav-inner ul li a:hover:before, .account-nav .account-nav-inner ul li a:active:before, .account-nav .account-nav-inner ul li a:focus:before {
                     background: #000000;
                  }

            .account-nav .account-nav-inner ul li.current-page a {
               color: #000000;
            }

               .account-nav .account-nav-inner ul li.current-page a:before {
                  background: #000000;
               }

      .account-nav .account-nav-inner::-webkit-scrollbar {
         display: none;
         height: 0;
         width: 0;
      }

.favourited-brochures header {
   margin: 0 0 32px 0;
}

   .favourited-brochures header h2 {
      font-size: 28px;
      line-height: 38px;
   }

.page-block-edit-account .container {
   text-align: center;
}

.edit-account-wrapper {
   padding: 46px 0 40px 0;
   text-align: left;
}

   .edit-account-wrapper form {
      margin: 0 0 48px 0;
   }

@media all and (min-width: 430px) {
   .account-nav .account-nav-inner ul {
      justify-content: center;
   }
}

@media all and (min-width: 713px) {
   .edit-account-wrapper {
      padding: 80px 0 56px 0;
      max-width: 713px;
      margin: 0 auto;
   }

      .edit-account-wrapper form {
         margin: 0 0 40px 0;
      }
}

@media all and (min-width: 1024px) {
   .account-nav .account-nav-inner ul li a {
      padding: 24px 24px 27px 24px;
      font-size: 18px;
      line-height: 25px;
   }

   .favourited-brochures .choose-up-to {
      padding: 0px;
   }
}

.order-card {
   border-radius: 4px;
   border: 1px solid #EBEBF1;
}

   .order-card .order-card-number {
      padding: 16px 19px 19px 19px;
      border-bottom: 1px solid #EBEBF1;
      font-size: 20px;
      line-height: 27px;
      color: #000000;
      font-weight: 600;
   }

   .order-card .order-card-table {
      padding: 17px 19px 20px 19px;
      border-bottom: 1px solid #EBEBF1;
   }

      .order-card .order-card-table table {
         margin: 0px;
      }

         .order-card .order-card-table table tr th,
         .order-card .order-card-table table tr td {
            padding: 4px 0;
         }

         .order-card .order-card-table table tr td {
            text-align: right;
         }

   .order-card .order-card-items {
      padding: 17px 19px 19px 19px;
   }

      .order-card .order-card-items p {
         font-size: 16px;
         line-height: 22px;
         color: #000000;
      }

.orders-wrapper {
   padding: 52px 0 64px 0;
}

   .orders-wrapper header {
      margin: 0 0 25px 0;
   }

      .orders-wrapper header h2 {
         font-size: 28px;
         line-height: 38px;
      }

.orders-grid {
   display: grid;
   grid-row-gap: 20px;
   grid-column-gap: 20px;
}

.page-block-orders-slider {
   overflow: hidden;
   padding: 28px 0 48px 0;
}

   .page-block-orders-slider header {
      margin: 0 0 25px 0;
   }

      .page-block-orders-slider header h2 {
         font-size: 28px;
         line-height: 38px;
      }

      .page-block-orders-slider header .buttons {
         display: none;
      }

   .page-block-orders-slider .slick-list {
      overflow: visible;
      padding: 0 0 0 8px;
   }

.orders-slider {
   margin: 0 -20px;
}

   .orders-slider .order-slide {
      padding: 0 0 50px 12px;
   }

   .orders-slider .slick-arrow.slick-prev {
      left: 20px;
   }

   .orders-slider .slick-arrow.slick-next {
      right: 20px;
   }

@media all and (max-width: 1023px) {
   .page-block-orders-slider .container {
      padding: 0 0 64px 0;
   }

      .page-block-orders-slider .container header .buttons {
         display: block;
      }

         .page-block-orders-slider .container header .buttons .button {
            display: none;
         }

         .page-block-orders-slider .container header .buttons .button-primary {
            display: block;
            position: absolute;
            bottom: 0px;
            left: 0px;
            width: 100%;
         }
}

@media all and (min-width: 768px) {
   .orders-grid {
      grid-template-columns: repeat(2, 1fr);
      grid-row-gap: 20px;
      grid-column-gap: 32px;
   }
}

@media all and (min-width: 1024px) {
   .order-card .order-card-number {
      padding-left: 23px;
      padding-right: 23px;
   }

   .order-card .order-card-table {
      padding-left: 23px;
      padding-right: 23px;
   }

   .order-card .order-card-items {
      padding-left: 23px;
      padding-right: 23px;
   }

   .orders-wrapper {
      padding: 66px 0 69px 0;
   }

      .orders-wrapper header {
         margin: 0 0 32px 0;
      }

         .orders-wrapper header h2 {
            font-size: 32px;
            line-height: 44px;
         }

   .orders-grid {
      grid-template-columns: repeat(3, 1fr);
      grid-row-gap: 32px;
      grid-column-gap: 32px;
   }

   .page-block-orders-slider {
      padding: 0 0 96px 0;
   }

      .page-block-orders-slider header {
         display: flex;
      }

         .page-block-orders-slider header h2 {
            font-size: 32px;
            line-height: 44px;
         }

         .page-block-orders-slider header .buttons {
            margin-left: auto;
            display: flex;
         }

            .page-block-orders-slider header .buttons .button {
               display: block;
               margin: 0 0 0 8px;
            }
}

@media all and (min-width: 1280px) {
   .orders-slider {
      margin: 0 -16px;
   }

      .orders-slider .slick-list {
         padding: 0px;
      }

      .orders-slider .order-slide {
         padding: 0 16px;
      }
}

#site-footer {
   background: #000000;
   padding: 32px 0 93px 0;
}

   #site-footer .footer-widgets .footer-widget h5 {
      font-size: 14px;
      line-height: 20px;
      font-weight: 600;
      color: #FFF;
      padding: 0 0 6px 0;
   }

   #site-footer .footer-widgets .footer-widget .footer-widget-content ul li {
      padding: 0 0 6px 0;
      display: block;
   }

      #site-footer .footer-widgets .footer-widget .footer-widget-content ul li a {
         font-size: 16px;
         line-height: 22px;
         color: #FFF;
      }

         #site-footer .footer-widgets .footer-widget .footer-widget-content ul li a:hover, #site-footer .footer-widgets .footer-widget .footer-widget-content ul li a:active, #site-footer .footer-widgets .footer-widget .footer-widget-content ul li a:focus {
            text-decoration: underline;
         }

   #site-footer .footer-widgets .footer-widget .footer-widget-content p {
      font-size: 16px;
      line-height: 22px;
      color: #FFF;
      padding: 0 0 6px 0;
   }

      #site-footer .footer-widgets .footer-widget .footer-widget-content p a {
         color: #FFF;
      }

         #site-footer .footer-widgets .footer-widget .footer-widget-content p a:hover, #site-footer .footer-widgets .footer-widget .footer-widget-content p a:active, #site-footer .footer-widgets .footer-widget .footer-widget-content p a:focus {
            text-decoration: underline;
         }

   #site-footer .footer-widgets .footer-widget.footer-widget-subscribe p {
      font-size: 14px;
      line-height: 20px;
      color: #FFF;
      margin: 0 0 28px 0;
   }

   #site-footer .footer-widgets .footer-widget.footer-widget-subscribe form {
      position: relative;
   }

      #site-footer .footer-widgets .footer-widget.footer-widget-subscribe form input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
         border: none;
         padding: 14px 120px 16px 20px;
         height: 52px;
         font-size: 16px;
         line-height: 22px;
         background: #FFF;
      }

         #site-footer .footer-widgets .footer-widget.footer-widget-subscribe form input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file])::placeholder {
            color: #4F4F64;
         }

      #site-footer .footer-widgets .footer-widget.footer-widget-subscribe form .button {
         position: absolute;
         top: 2px;
         right: 2px;
         z-index: 1;
         font-size: 14px;
      }

         #site-footer .footer-widgets .footer-widget.footer-widget-subscribe form .button span:not([class]) {
            padding-left: 20px;
            padding-right: 20px;
         }

   #site-footer .footer-bottom .footer-logo {
      height: 32px;
   }

   #site-footer .footer-bottom ul li {
      display: inline-block;
      padding: 0 10px;
      font-size: 12px;
      line-height: 16px;
      color: #FFF;
   }

      #site-footer .footer-bottom ul li a {
         color: #FFF;
         text-decoration: underline;
      }

         #site-footer .footer-bottom ul li a:hover, #site-footer .footer-bottom ul li a:active, #site-footer .footer-bottom ul li a:focus {
            text-decoration: none;
         }

   #site-footer .footer-bottom .facebook-link {
      font-size: 14px;
      line-height: 20px;
      color: #FFCC05;
      padding: 0 0 0 27px;
      display: flex;
      align-items: center;
      font-weight: 600;
   }

      #site-footer .footer-bottom .facebook-link svg {
         margin: 0 7px 0 0;
      }

      #site-footer .footer-bottom .facebook-link:hover, #site-footer .footer-bottom .facebook-link:active, #site-footer .footer-bottom .facebook-link:focus {
         color: #FFF;
      }

@media all and (max-width: 1023px) {
   #site-footer .footer-widgets .footer-widget {
      margin: 0 0 16px 0;
   }

      #site-footer .footer-widgets .footer-widget h5 {
         padding: 0 0 0 23px;
         background: url('data:image/svg+xml,<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><path d="M8,0 C8.51283584,0 8.93550716,0.38604019 8.99327227,0.883378875 L9,1 L9,7 L15,7 C15.5522847,7 16,7.44771525 16,8 C16,8.51283584 15.6139598,8.93550716 15.1166211,8.99327227 L15,9 L9,9 L9,15 C9,15.5522847 8.55228475,16 8,16 C7.48716416,16 7.06449284,15.6139598 7.00672773,15.1166211 L7,15 L7,9 L1,9 C0.44771525,9 0,8.55228475 0,8 C0,7.48716416 0.38604019,7.06449284 0.883378875,7.00672773 L1,7 L7,7 L7,1 C7,0.44771525 7.44771525,0 8,0 Z" fill="%23FFDA00" fill-rule="nonzero"></path></g></svg>') no-repeat left 4px;
         font-size: 16px;
         line-height: 22px;
      }

      #site-footer .footer-widgets .footer-widget .footer-widget-content {
         padding: 10px 0 0 0;
         display: none;
      }

      #site-footer .footer-widgets .footer-widget.active h5 {
         background-image: url('data:image/svg+xml,<svg width="16px" height="3px" viewBox="0 0 16 3" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"><line x1="1" y1="1.5" x2="15" y2="1.5" stroke="%23FFDA00" stroke-width="2"></line></g></svg>');
         background-position: left center;
      }

      #site-footer .footer-widgets .footer-widget.footer-widget-subscribe {
         margin: 32px 0 0 0;
         padding: 26px 0 32px 0;
         border-top: 1px solid #81DCF1;
         border-bottom: 1px solid #81DCF1;
      }

         #site-footer .footer-widgets .footer-widget.footer-widget-subscribe h5 {
            padding: 0 0 6px 0;
            background: none;
         }

   #site-footer .footer-bottom {
      padding: 40px 0 0 0;
      text-align: center;
   }

      #site-footer .footer-bottom .footer-logo {
         margin: 0 auto 24px auto;
      }

      #site-footer .footer-bottom ul {
         margin: 0 0 24px 0;
      }

      #site-footer .footer-bottom .facebook-link {
         justify-content: center;
      }
}

@media all and (min-width: 1024px) {
   #site-footer {
      padding: 62px 0 0 0;
   }

      #site-footer .footer-widgets {
         display: grid;
         margin: 0 0 56px 0;
         grid-template-columns: repeat(100, 1fr);
      }

         #site-footer .footer-widgets .footer-widget {
            grid-column: span 17;
         }

            #site-footer .footer-widgets .footer-widget.footer-widget-contact {
               grid-column: span 22;
            }

            #site-footer .footer-widgets .footer-widget.footer-widget-subscribe {
               grid-column: span 27;
            }

      #site-footer .footer-bottom {
         display: flex;
         align-items: center;
         width: 100%;
         justify-content: space-between;
         padding: 28px 0;
      }

         #site-footer .footer-bottom ul li {
            padding: 0 23px;
         }
}

@media all and (min-width: 1024px) and (max-width: 1279px) {
   #site-footer .footer-widgets {
      grid-row-gap: 26px;
      grid-template-columns: repeat(4, 1fr);
      margin: 0;
   }

      #site-footer .footer-widgets .footer-widget {
         grid-column: span 1;
      }

         #site-footer .footer-widgets .footer-widget.footer-widget-contact {
            grid-column: span 1;
         }

         #site-footer .footer-widgets .footer-widget.footer-widget-subscribe {
            grid-column: 1/-1;
            padding: 26px 0 32px 0;
            border-top: 1px solid #81DCF1;
            border-bottom: 1px solid #81DCF1;
         }
}

@media all and (min-width: 1280px) {
   #site-footer .footer-bottom {
      border-top: 1px solid #81DCF1;
   }
}

/*# sourceMappingURL=main.css.map */
.input-validation-error {
   border-color: red !important;
}