/* The contents of this file will be replaced with gulp generated content */

.wrapper,
.hero-banner {
  overflow: hidden; }

/* ----- CSS Reset ----- */
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, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

/* blanket style for box sizing - may change this later to be more specific*/
div, header, nav, footer, .pdf-btn-gen, nav ul > li a, .lvl-two {
  -webkit-box-sizing: border-box;
  /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;
  /* Firefox, other Gecko */
  box-sizing: border-box;
  /* Opera/IE 8+ */ }

/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.7.0
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2018 Daniel Eden
 */
@-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.39062deg) skewY(0.39062deg);
    transform: skewX(0.39062deg) skewY(0.39062deg); }
  88.8% {
    -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
    transform: skewX(-0.19531deg) skewY(-0.19531deg); } }

@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.39062deg) skewY(0.39062deg);
    transform: skewX(0.39062deg) skewY(0.39062deg); }
  88.8% {
    -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
    transform: skewX(-0.19531deg) skewY(-0.19531deg); } }

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

@-webkit-keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3); }
  28% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3); }
  70% {
    -webkit-transform: scale(1);
    transform: scale(1); } }

@keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3); }
  28% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3); }
  70% {
    -webkit-transform: scale(1);
    transform: scale(1); } }

.heartBeat {
  -webkit-animation-name: heartBeat;
  animation-name: heartBeat;
  -webkit-animation-duration: 1.3s;
  animation-duration: 1.3s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out; }

@-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, 100%, 0);
    transform: translate3d(0, 100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes fadeInUp {
  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); } }

.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) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  40% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) scale3d(1, 1, 1) 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) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) scale3d(1, 1, 1) 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) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  to {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; } }

@keyframes flip {
  from {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  40% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) scale3d(1, 1, 1) 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) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) scale3d(1, 1, 1) 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) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  to {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -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); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@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); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.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; }

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

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

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

.animated.delay-2s {
  -webkit-animation-delay: 2s;
  animation-delay: 2s; }

.animated.delay-3s {
  -webkit-animation-delay: 3s;
  animation-delay: 3s; }

.animated.delay-4s {
  -webkit-animation-delay: 4s;
  animation-delay: 4s; }

.animated.delay-5s {
  -webkit-animation-delay: 5s;
  animation-delay: 5s; }

.animated.fast {
  -webkit-animation-duration: 800ms;
  animation-duration: 800ms; }

.animated.faster {
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms; }

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

.animated.slower {
  -webkit-animation-duration: 3s;
  animation-duration: 3s; }

@media (prefers-reduced-motion) {
  .animated {
    -webkit-animation: unset !important;
    animation: unset !important;
    -webkit-transition: none !important;
    transition: none !important; } }

html,
body {
  height: 100%;
  width: 100%;
  background: #f0f0f0;
  color: #695a3c;
  min-height: 100%;
  min-width: 320px;
  position: relative; }
  @media screen and (min-device-width: 320px) and (max-device-width: 480px) {
    html,
    body {
      -webkit-text-size-adjust: none; } }
  @media (max-width: 800px) and (orientation: landscape) {
    html,
    body {
      height: auto !important; } }
  @media screen and (max-width: 480px) {
    html,
    body {
      font-size: 16px;
      line-height: 18px; } }

img,
iframe {
  max-width: 100%; }

.clear {
  clear: both !important; }

hr {
  border: 0;
  border-top: 1px solid #d2c8c8;
  margin: 30px 0;
  width: 100%; }

header,
nav,
footer,
.wrapper,
.hero-banner {
  display: block;
  position: relative;
  width: 100%; }

.wrapper--badge-list {
  padding: 35px 5px 52px; }
  .wrapper--badge-list h2 {
    font-size: 30px;
    font-weight: 500;
    line-height: 33px;
    margin-bottom: 28px; }
  @media screen and (min-width: 768px) {
    .wrapper--badge-list {
      padding-top: 44px;
      text-align: center; }
      .wrapper--badge-list .container {
        max-width: 690px; }
      .wrapper--badge-list h2 {
        font-size: 40px;
        line-height: 47px;
        margin-bottom: 30px; } }

.wrapper--steps h2 {
  font-weight: 500;
  margin: 8px 0; }

.wrapper--steps .container {
  max-width: 690px; }

.wrapper--steps .steps {
  margin: 34px 0; }

.fl {
  float: left; }

.fr {
  float: right; }

.desktopHide {
  display: none; }

@media screen and (max-width: 480px) {
  .tabletHide {
    display: none; } }

@media screen and (max-width: 480px) {
  .tabletShow {
    display: block; } }

@media screen and (max-width: 480px) {
  .mobileHide {
    display: none; } }

@media screen and (max-width: 480px) {
  .mobileShow {
    display: block; } }

.displayPotrait {
  display: none; }
  @media (max-width: 380px) and (orientation: portrait) {
    .displayPotrait {
      display: block; } }

.hidePotrait {
  display: block; }
  @media (max-width: 380px) and (orientation: portrait) {
    .hidePotrait {
      display: none; } }

.mediumDisplay {
  display: none; }
  @media screen and (max-width: 600px) {
    .mediumDisplay {
      display: block; } }
  @media screen and (max-width: 480px) {
    .mediumDisplay {
      display: none; } }

.mediumHide {
  display: block; }
  @media screen and (max-width: 600px) {
    .mediumHide {
      display: none; } }
  @media screen and (max-width: 480px) {
    .mediumHide {
      display: block; } }

.transparent {
  background: transparent; }

.noMargin {
  margin: 0; }

.noPadding {
  padding: 0; }

.arrow {
  height: 9px;
  width: 9px;
  background: url("/assets/images/arrow.svg") center/9px 24px no-repeat;
  position: absolute;
  right: 0;
  top: 9px; }
  @media screen and (max-width: 670px) {
    .arrow {
      top: 0; } }

p.copyright {
  font-size: 11px;
  line-height: 16px;
  padding-top: 0 !important; }

ol.numbered {
  color: #695a3c;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  max-width: 450px;
  padding: 10px 0 0 20px; }
  ol.numbered li {
    list-style-type: decimal;
    padding: 0 0 1em; }
    ol.numbered li.noPadding {
      padding-bottom: 0; }
  ol.numbered strong {
    color: #503c3c;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    max-width: 400px; }
  ol.numbered ul {
    color: #695a3c;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    max-width: 450px;
    padding: 10px 0 0; }
    ol.numbered ul li {
      background: transparent url("/assets/images/bullet.svg") no-repeat 0 6px;
      list-style-type: none;
      padding: 0 0 1em 20px; }
      ol.numbered ul li.noPadding {
        padding-bottom: 0; }
  ol.numbered ol {
    padding: 0 0 0 20px; }
  ol.numbered ol,
  ol.numbered ul {
    margin: 0; }

.important,
.important h3 {
  color: #503c3c;
  font-weight: 500 !important; }

a.telLink,
a[href^="tel:"] {
  background: no-repeat;
  color: #503c3c;
  cursor: text;
  font-weight: 500; }
  @media screen and (max-device-width: 550px) {
    a.telLink,
    a[href^="tel:"] {
      cursor: pointer; } }
  @media screen and (min-width: 480px) {
    a.telLink,
    a[href^="tel:"] {
      pointer-events: none; } }
  a.telLink.phone,
  a[href^="tel:"].phone {
    display: block;
    font-weight: 600;
    font-size: 22px; }
    a.telLink.phone:first-of-type,
    a[href^="tel:"].phone:first-of-type {
      margin-top: 5px;
      margin-bottom: 25px; }
      @media only screen and (max-width: 767px) {
        a.telLink.phone:first-of-type,
        a[href^="tel:"].phone:first-of-type {
          margin-bottom: 15px; } }
    @media only screen and (max-width: 767px) {
      a.telLink.phone,
      a[href^="tel:"].phone {
        font-size: 16px; } }
    a.telLink.phone .phone-icon,
    a[href^="tel:"].phone .phone-icon {
      display: inline-block;
      background-image: url(/assets/images/icon-grey-phone.svg);
      background-repeat: no-repeat;
      width: 13px;
      height: 18px;
      background-size: 100% auto;
      margin-right: 5px;
      margin-bottom: -2px; }
      @media only screen and (max-width: 767px) {
        a.telLink.phone .phone-icon,
        a[href^="tel:"].phone .phone-icon {
          width: 9px;
          height: 11px;
          margin-bottom: 0; } }
    a.telLink.phone--large,
    a[href^="tel:"].phone--large {
      font-size: 42px;
      font-weight: 500; }
      @media only screen and (max-width: 767px) {
        a.telLink.phone--large,
        a[href^="tel:"].phone--large {
          font-size: 30px; } }
      a.telLink.phone--large .phone-icon,
      a[href^="tel:"].phone--large .phone-icon {
        width: 24px;
        height: 31px;
        margin-bottom: -2px; }
        @media only screen and (max-width: 767px) {
          a.telLink.phone--large .phone-icon,
          a[href^="tel:"].phone--large .phone-icon {
            width: 18px;
            height: 22px;
            margin-bottom: -1px; } }
    a.telLink.phone + .caveat,
    a[href^="tel:"].phone + .caveat {
      font-size: 13px;
      line-height: 18px;
      margin-top: 15px;
      padding-top: 0; }
      @media only screen and (max-width: 767px) {
        a.telLink.phone + .caveat,
        a[href^="tel:"].phone + .caveat {
          font-size: 11px;
          line-height: 16px; } }

.arrow {
  height: 24px;
  width: 9px;
  background: url("/assets/images/arrow.svg") 0 0/9px 24px no-repeat;
  position: absolute;
  right: 0;
  top: 0; }

.bullet {
  color: #695a3c;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  max-width: 450px;
  padding: 10px 0 0; }
  .bullet li {
    background: url("/assets/images/bullet.svg") no-repeat 0 6px;
    list-style-type: none;
    padding: 0 0 1em 20px; }
    .bullet li.noPadding {
      padding-bottom: 0; }
  .bullet strong {
    color: #503c3c;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    max-width: 400px; }
  .bullet ul {
    padding: 1em 0 0; }
  .bullet ol {
    padding: 0 0 0 20px; }
    .bullet ol li {
      background: none;
      list-style-type: decimal;
      padding: 0 0 1em; }
      .bullet ol li.noPadding {
        padding-bottom: 0; }

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

.text-left {
  text-align: left; }

.text-right {
  text-align: right; }

.overflow-auto {
  overflow: auto; }

.overflow-hidden {
  overflow: hidden; }

.overflow-visible {
  overflow: visible; }

.divideContainer {
  height: 0;
  padding: 0 15px;
  text-align: center; }
  .divideContainer .btn {
    max-width: 100%;
    transform: translateY(-50%); }

.page-wrap {
  margin: 0 auto;
  max-width: 100%;
  padding: 0;
  width: 1024px; }

.otherProvider {
  padding-bottom: 26px; }
  @media screen and (max-width: 590px) {
    .otherProvider {
      padding-bottom: 46px; } }

@media screen and (max-width: 590px) {
  .otherPaddingSpacing {
    padding-top: 20px; } }

.aboveTablet {
  display: block; }
  @media screen and (max-width: 590px) {
    .aboveTablet {
      display: none; } }

.belowTablet {
  display: none; }
  @media screen and (max-width: 590px) {
    .belowTablet {
      display: block; } }

.copyLink {
  height: 26px;
  width: auto;
  clear: both;
  color: #0078ff;
  display: table;
  float: none;
  font-size: 18px;
  font-weight: 400;
  line-height: 22px;
  margin: 10px 0 2px;
  padding-right: 15px;
  position: relative; }
  .text-center .copyLink {
    margin-left: auto;
    margin-right: auto; }

.options {
  float: left;
  margin: 0 auto;
  text-align: center;
  width: 246px; }
  @media screen and (max-width: 900px) {
    .options {
      float: left;
      margin: 0 auto;
      text-align: center;
      width: 210px; } }
  @media screen and (max-width: 884px) {
    .options {
      display: block;
      float: left;
      margin: 0;
      text-align: center;
      width: 236px; } }
  @media screen and (max-width: 590px) {
    .options {
      display: block;
      float: left;
      margin: 0;
      text-align: center;
      width: 230px; } }
  @media screen and (max-width: 520px) {
    .options {
      float: left;
      width: 190px; } }
  @media screen and (max-width: 460px) {
    .options {
      border-bottom: 1px solid #d2c8c8;
      clear: both;
      float: none;
      margin: 0 !important;
      min-height: 93px;
      position: relative;
      text-align: left;
      width: 100%; } }
  @media screen and (max-width: 884px) {
    .options.medLeft {
      float: left;
      margin-left: 41px; } }
  @media screen and (max-width: 640px) {
    .options.medLeft {
      margin-left: 31px; } }
  @media screen and (max-width: 590px) {
    .options.medLeft {
      margin-left: 21px; } }
  @media screen and (max-width: 520px) {
    .options.medLeft {
      float: left;
      margin-left: 15px; } }
  @media screen and (max-width: 884px) {
    .options.medRight {
      float: right;
      margin-right: 41px; } }
  @media screen and (max-width: 640px) {
    .options.medRight {
      margin-right: 31px; } }
  @media screen and (max-width: 590px) {
    .options.medRight {
      margin-right: 21px; } }
  @media screen and (max-width: 520px) {
    .options.medRight {
      float: right;
      margin-right: 15px; } }
  .options h2 {
    font-size: 21px;
    font-weight: 500;
    line-height: 21px;
    padding: 0 15px; }
    @media screen and (max-width: 460px) {
      .options h2 {
        font-size: 18px;
        font-weight: 500;
        line-height: 18px;
        padding: 11px 0 0; } }
  .options p {
    color: #aa8c8c;
    font-size: 15px;
    font-weight: 400;
    line-height: 18px;
    padding: 7px 35px 0; }
    @media screen and (max-width: 900px) {
      .options p {
        padding: 7px 20px 0; } }
    @media screen and (max-width: 884px) {
      .options p {
        color: #aa8c8c;
        font-size: 15px;
        font-weight: 400;
        line-height: 18px;
        padding: 7px 0 0; } }
    @media screen and (max-width: 460px) {
      .options p {
        font-size: 14px;
        font-weight: 400;
        line-height: 16px;
        padding: 5px 35px 0 0; } }
  @media screen and (max-width: 460px) {
    .options .arrow {
      height: 16px;
      width: 9;
      background: transparent url("/assets/images/arrow-chapter.svg") 0 0/9px 16px no-repeat;
      position: absolute;
      right: 15px;
      top: 11px; } }

.options-icon {
  height: 135px;
  width: 100%;
  display: block;
  float: left;
  margin: 0 auto;
  padding-top: 28px;
  text-align: center; }
  @media screen and (max-width: 884px) {
    .options-icon {
      height: 129px;
      padding-top: 30px; }
      .options-icon.learn {
        padding-top: 25px; } }
  @media screen and (max-width: 520px) {
    .options-icon {
      height: 129px;
      padding-top: 30px; }
      .options-icon.learn {
        padding-top: 25px; } }
  @media screen and (max-width: 460px) {
    .options-icon {
      height: 100%;
      width: 33px;
      display: block;
      float: left;
      margin: 0 11px;
      padding-top: 0 !important;
      text-align: center; }
      .options-icon.docs img {
        margin-top: -16px; }
      .options-icon.learn {
        margin: 0 14px 0 12px;
        width: 30px; }
        .options-icon.learn img {
          margin-top: -25px; }
      .options-icon.options-icon {
        margin: 0 8px 0 10px;
        width: 37px; }
      .options-icon.update {
        margin: 0 8px 0 13px;
        width: 35px; }
        .options-icon.update img {
          margin-top: -19px; } }
  @media screen and (max-width: 520px) {
    .options-icon h2 {
      font-size: 18px;
      line-height: 18px;
      padding: 0; } }
  @media screen and (max-width: 520px) {
    .options-icon p {
      font-size: 15px;
      line-height: 18px; } }
  @media screen and (max-width: 460px) {
    .options-icon img {
      margin-top: -15px;
      max-width: 100% !important;
      vertical-align: top; } }

.options-link {
  clear: both;
  color: #0078ff;
  display: table;
  float: left;
  font-size: 18px;
  font-weight: 400;
  height: 26px;
  left: -50%;
  line-height: 22px;
  margin-bottom: -5px;
  max-width: 100%;
  padding: 5px 13px 0 0;
  position: relative;
  text-align: center !important;
  text-decoration: none !important;
  text-transform: capitalize; }
  .options-link--has-border {
    border: 1px solid inherit; }
  @media screen and (max-width: 884px) {
    .options-link {
      margin-bottom: 0; } }
  @media screen and (max-width: 520px) {
    .options-link {
      margin-bottom: 0; } }
  .options-link .arrow {
    top: 7px; }

.mobLinkHide {
  display: block; }
  @media screen and (max-width: 460px) {
    .mobLinkHide {
      display: none; } }

.linkHide {
  display: none; }
  @media screen and (max-width: 460px) {
    .linkHide {
      display: block; } }

.link-container {
  clear: both;
  float: left;
  left: 50%;
  padding-top: 6px;
  position: relative; }

.video-link {
  clear: both;
  color: #0078ff;
  display: table;
  float: left;
  font-size: 20px;
  font-weight: 400;
  height: 26px;
  left: -50%;
  line-height: 22px;
  margin-bottom: 0;
  max-width: 100%;
  padding: 17px 33px 17px 0;
  position: relative;
  text-align: center !important;
  text-decoration: none !important; }
  .video-link .arrow {
    height: 27px;
    width: 27px;
    background-image: url("/assets/images/arrow-video.svg");
    background-size: 27px 27px;
    position: absolute;
    right: 0;
    top: 16px; }

.chapterWrapper .content {
  max-width: 100%;
  width: 634px; }
  @media screen and (max-width: 768px) {
    .chapterWrapper .content {
      padding-left: 44px;
      padding-right: 44px;
      width: 728px; } }
  @media screen and (max-width: 460px) {
    .chapterWrapper .content {
      padding: 0 15px; } }

.next,
.previous {
  height: 26px;
  width: auto;
  clear: both;
  color: #0078ff;
  display: inline-block;
  float: none;
  font-size: 20px;
  font-weight: 400;
  line-height: 26px;
  margin-top: 21px;
  padding: 5px 0;
  position: relative; }
  .next .arrow,
  .previous .arrow {
    height: 20px;
    width: 12px;
    background-size: 12px 20px;
    position: absolute;
    top: 9px; }

.next {
  padding-left: 17px;
  padding-right: 15px; }
  @media screen and (max-width: 460px) {
    .next.single {
      padding: 5px 15px 0; } }
  .next .arrow {
    right: 0; }

.previous {
  padding-left: 15px;
  padding-right: 17px; }
  .previous .arrow {
    background-image: url("/assets/images/arrow-back.svg");
    left: 0; }

.buttonList {
  border-top: 1px solid #d2c8c8;
  display: block;
  margin: 57px 0 10px;
  overflow: hidden; }
  .buttonList li {
    clear: both;
    display: block;
    float: none;
    position: relative;
    width: 100%; }
  .buttonList a {
    height: 45px;
    width: 100%;
    border-bottom: 1px solid #d2c8c8;
    clear: both;
    display: table;
    float: none;
    font-size: 18px;
    line-height: 43px;
    padding: 0;
    position: relative;
    text-align: left;
    text-decoration: none !important; }
    .buttonList a.active {
      color: #d2c8c8; }
      .buttonList a.active .arrow {
        background-image: url("/assets/images/arrow-chapter.svg"); }
    @media screen and (max-width: 690px) {
      .buttonList a {
        height: 45px;
        width: 100%;
        border-bottom: 1px solid #d2c8c8;
        clear: both;
        display: table;
        float: none;
        font-size: 16px;
        line-height: 43px;
        padding: 0 60px;
        position: relative;
        text-align: left;
        text-decoration: none !important; } }
    @media screen and (max-width: 460px) {
      .buttonList a {
        padding: 0 15px; } }
  .buttonList .arrow {
    height: 16px;
    width: 9px;
    background-image: url("/assets/images/arrow-charcoal.svg");
    background-size: 9px 16px;
    position: absolute;
    right: 0;
    top: 14px; }
    @media screen and (max-width: 690px) {
      .buttonList .arrow {
        position: absolute;
        right: 165px;
        top: 14px; } }
    @media screen and (max-width: 460px) {
      .buttonList .arrow {
        right: 45px; } }

.bulletTable h2,
.video h2 {
  font-size: 40px;
  font-weight: 200;
  line-height: 47px;
  padding-top: 0 !important;
  text-align: center; }
  .bulletTable h2 strong,
  .video h2 strong {
    font-weight: 500; }

.bulletTable .copy p,
.video .copy p {
  font-size: 18px;
  line-height: 24px;
  padding-top: 10px;
  text-align: center; }

.shadowDiv {
  background: #000 url("/assets/images/shadowBG.png") repeat;
  filter: alpha(opacity=70);
  left: 0;
  opacity: 0.7;
  position: absolute;
  top: 0;
  z-index: 4000; }
  @media screen and (max-width: 690px) {
    .shadowDiv {
      height: 100%; } }

.list-reset {
  list-style: none; }

.has-border {
  border-style: solid;
  border-width: 1px; }

.rounded-sm {
  border-radius: 3px; }

.rounded-full, .full-banner .buttons .button {
  border-radius: 9999px; }

.clearfix::before, .clearfix::after {
  content: "";
  display: block;
  height: 0;
  overflow: hidden; }

.clearfix::after {
  clear: both; }

.opacity-0 {
  opacity: 0; }

.opacity-1 {
  opacity: 0.1; }

.opacity-2 {
  opacity: 0.2; }

.opacity-3 {
  opacity: 0.3; }

.opacity-4 {
  opacity: 0.4; }

.opacity-5 {
  opacity: 0.5; }

.opacity-6 {
  opacity: 0.6; }

.opacity-7 {
  opacity: 0.7; }

.opacity-8 {
  opacity: 0.8; }

.opacity-9 {
  opacity: 0.9; }

.opacity-10 {
  opacity: 1; }

.pb-0 {
  padding-bottom: 0; }

.pt-0 {
  padding-top: 0; }

.px-0 {
  padding-left: 0;
  padding-right: 0; }

.py-0 {
  padding-bottom: 0;
  padding-top: 0; }

.mb-0 {
  margin-bottom: 0; }

.mt-0 {
  margin-top: 0; }

.mx-0 {
  margin-left: 0;
  margin-right: 0; }

.my-0 {
  margin-bottom: 0;
  margin-top: 0; }

.app-footer {
  padding: 38px 5px 34px; }
  .app-footer h2 {
    font-size: 30px;
    line-height: 33px;
    font-weight: 500; }
  .app-footer h3 {
    font-size: 24px;
    line-height: 28px; }
  .app-footer p {
    font-size: 15px;
    line-height: 22px; }
    .app-footer p + h3 {
      margin-top: 13px; }
  @media screen and (min-width: 768px) {
    .app-footer {
      padding: 50px 0 45px; }
      .app-footer .container {
        max-width: 630px; }
      .app-footer h2 {
        font-size: 40px;
        line-height: 47px; }
      .app-footer p {
        font-size: 18px;
        line-height: 28px; }
        .app-footer p + h3 {
          margin-top: 8px; }
      .app-footer h3 {
        font-size: 24px;
        line-height: 28px; } }

.ash {
  color: #d2c8c8 !important; }

.bg-ash {
  background-color: #d2c8c8; }

.aurora {
  color: #ffdc00 !important; }

.bg-aurora {
  background-color: #ffdc00; }

.azzuri {
  color: #0078ff !important; }

.bg-azzuri {
  background-color: #0078ff; }

.charcoal {
  color: #aa8c8c !important; }

.bg-charcoal {
  background-color: #aa8c8c; }

.either {
  color: #e1e1e1 !important; }

.bg-either {
  background-color: #e1e1e1; }

.ether {
  color: #f0f0f0 !important; }

.bg-ether {
  background-color: #f0f0f0; }

.kinetic {
  color: #826e46 !important; }

.bg-kinetic {
  background-color: #826e46; }

.magnetic {
  color: #695a3c !important; }

.bg-magnetic {
  background-color: #695a3c; }

.mine-shaft {
  color: #343434 !important; }

.bg-mine-shaft {
  background-color: #343434; }

.nightshade {
  color: #503c3c !important; }

.bg-nightshade {
  background-color: #503c3c; }

.seville {
  color: #ff5f00 !important; }

.bg-seville {
  background-color: #ff5f00; }

.soya-bean {
  color: #5a5047 !important; }

.bg-soya-bean {
  background-color: #5a5047; }

.verdant {
  color: #32b400 !important; }

.bg-verdant {
  background-color: #32b400; }

.white {
  color: #fff !important; }

.bg-white {
  background-color: #fff; }

.mainContent {
  color: #695a3c;
  font-size: 16px;
  line-height: 24px;
  max-width: 100%;
  min-width: 320px; }
  .mainContent__h2 {
    font-size: 34px;
    line-height: 36px;
    padding-top: 34px; }
    @media screen and (max-width: 480px) {
      .mainContent__h2 {
        font-size: 24px;
        line-height: 26px;
        padding-top: 26px; } }
  .mainContent__h3 {
    font-size: 24px;
    font-weight: 400;
    line-height: 26px;
    padding-top: 26px; }
    @media screen and (max-width: 480px) {
      .mainContent__h3 {
        font-size: 20px;
        line-height: 22px;
        padding-top: 26px; } }
  .mainContent__h4 {
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
    padding-top: 20px; }
  .mainContent__h5 {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    margin-bottom: -5px;
    padding-top: 10px; }
  .mainContent p {
    padding-top: 10px; }

.content {
  margin: 0 auto;
  max-width: 100%;
  min-width: 320px;
  position: relative;
  width: 600px; }
  @media screen and (max-width: 768px) {
    .content {
      padding-left: 60px;
      padding-right: 60px;
      width: 720px; } }
  @media screen and (max-width: 460px) {
    .content {
      padding-left: 15px;
      padding-right: 15px; } }
  @media screen and (max-width: 480px) {
    .content {
      max-width: 100%;
      width: 100%; } }
  @media screen and (max-width: 460px) {
    .content {
      padding: 0 10px; } }

.contentWidth {
  display: block;
  margin: 26px auto 0;
  max-width: 100%;
  min-width: 300px;
  width: 600px; }
  @media screen and (max-width: 768px) {
    .contentWidth {
      padding: 0 60px; } }
  @media screen and (max-width: 460px) {
    .contentWidth {
      padding: 0 15px; } }
  .contentWidth hr {
    margin: 0 auto;
    width: 100%; }

.flex {
  display: flex; }

.page-landlord-insurance p:first-child {
  padding-top: 34px; }

.pt-sml {
  padding-top: 45px; }

body {
  font: 400 16px/24px "effra", Verdana, Arial, sans-serif; }

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #503c3c;
  font-family: "effra", Verdana, Arial, sans-serif;
  font-weight: 400; }

h2.thanks {
  margin-bottom: 0 !important; }

a {
  color: #695a3c;
  text-decoration: none !important; }

em {
  font-style: italic; }

p a {
  color: #0078ff; }

.hero-copy {
  color: #695a3c;
  font-size: 18px;
  line-height: 26px; }
  .page-home .hero-copy {
    color: #826464; }

strong {
  font-weight: 500; }

.info-copy {
  font-size: 14px;
  line-height: 18px;
  margin-top: -3px; }

.page-header {
  padding: 30px 0 35px; }
  .page-header .heading--h1 {
    font-size: 40px;
    line-height: 46px;
    margin: 0;
    text-align: left; }
    @media (max-width: 480px) {
      .page-header .heading--h1 {
        font-size: 24px;
        line-height: 27px;
        margin: 0; } }
    .page-header .heading--h1 + p {
      margin-top: 0; }
  .page-header.description {
    padding: 22px 0; }
    @media screen and (max-width: 480px) {
      .page-header.description {
        padding: 30px 0 20px; } }
    .page-header.description h1 {
      font-size: 40px;
      line-height: 46px;
      padding-top: 6px; }
      @media screen and (max-width: 480px) {
        .page-header.description h1 {
          font-size: 24px;
          line-height: 26px;
          padding-top: 0; } }
    .page-header.description p {
      color: #826e46;
      font-size: 18px;
      line-height: 23px; }
      @media screen and (max-width: 480px) {
        .page-header.description p {
          font-size: 15px;
          line-height: 18px; } }

.multiTitle {
  border-top: 1px solid #d2c8c8;
  max-width: 600px;
  padding: 10px 0; }
  @media screen and (max-width: 720px) {
    .multiTitle {
      max-width: calc(100% - 120px); } }
  @media screen and (max-width: 690px) {
    .multiTitle {
      max-width: 100%;
      padding-left: 60px;
      padding-right: 60px; } }
  @media screen and (max-width: 460px) {
    .multiTitle {
      padding-left: 15px;
      padding-right: 15px; } }
  .multiTitle h3 {
    float: left;
    font-size: 20px;
    font-weight: 400;
    line-height: 30px;
    padding-top: 0; }
    .multiTitle h3 + a {
      border: 1px solid #0078ff;
      border-radius: 14px;
      color: #0078ff;
      float: right;
      padding: 2px 13px; }
  .multiTitle::after {
    clear: both;
    content: "";
    display: block; }

.heading {
  color: #503c3c; }
  .heading a {
    color: inherit; }
  .heading--hero, .heading--hero-sub {
    font-size: 34px;
    font-weight: 500;
    line-height: 38px;
    margin: 10px 0; }
    .heading--hero + .hero-copy, .heading--hero-sub + .hero-copy {
      margin-top: -7px; }
    .heading--hero + .heading--hero-heading, .heading--hero-sub + .heading--hero-heading {
      margin-top: -5px; }
    .page-header .heading--hero, .page-header .heading--hero-sub {
      margin: 13px 0 19px; }
    @media screen and (min-width: 1024px) {
      .heading--hero + .heading--hero-heading, .heading--hero-sub + .heading--hero-heading {
        margin-top: 7px;
        margin-bottom: 38px; } }
  .heading--hero-heading {
    font-weight: 500;
    font-size: 22px;
    line-height: 26px;
    margin-bottom: 16px; }
    @media screen and (min-width: 768px) {
      .heading--hero-heading {
        text-align: center; } }
    @media screen and (min-width: 1024px) {
      .heading--hero-heading {
        font-size: 28px;
        line-height: 30px; } }
  .heading--h1 {
    font-size: 30px;
    font-weight: 400;
    line-height: 34px;
    margin: 0.7em 0; }
    .heading--h1 + p {
      margin-top: -22px; }
  .heading--h2 {
    font-size: 24px;
    line-height: 26px;
    margin-top: 34px; }
  .heading--h3 {
    font-size: 18px;
    line-height: 19px; }
  .heading__prefix {
    color: #826e46;
    display: block;
    font-size: 24px;
    line-height: 30px; }
    @media screen and (min-width: 768px) {
      .heading__prefix {
        font-size: 36px; } }
  @media screen and (min-width: 414px) {
    .heading--hero, .heading--hero-sub, .heading--h1 {
      text-align: center; } }
  @media screen and (min-width: 768px) {
    .heading--hero {
      font-size: 60px;
      letter-spacing: 0.02em;
      line-height: 1;
      margin: 0.5em 0; }
      .heading--hero-sub {
        font-size: 48px;
        letter-spacing: 0.02em;
        line-height: 43px;
        margin: 20px 0; }
        .heading--hero-sub .heading__prefix {
          margin-bottom: 2px; }
      .heading--hero + .hero-copy {
        margin-top: -15px; }
    .heading--h1 {
      font-size: 40px;
      line-height: 47px;
      margin: 0.8em 0; }
      .heading--h1 + p {
        margin-top: -35px; }
    .heading--h2 {
      margin-top: 34px; }
    .heading__prefix {
      letter-spacing: 0.025em;
      line-height: 52px;
      margin-bottom: -4px; } }

.more-link {
  background: url("/assets/images/more-link-arrow.svg") no-repeat right bottom 4px/8px 15.5px;
  display: inline-block;
  font-size: 22px;
  line-height: 28px;
  margin-top: 10px;
  padding-right: 15px; }
  @media screen and (max-width: 767px) {
    .card .more-link {
      font-size: 20px; } }

.steps li {
  background: no-repeat left top / 28px 28px;
  padding-left: 37px;
  margin-bottom: 12px;
  padding-top: 1px; }
  @media screen and (min-width: 1024px) {
    .steps li {
      background-position-x: 15px;
      background-size: 33px 33px;
      padding-left: 65px;
      margin-bottom: 19px; } }
  .steps li:nth-of-type(1) {
    background-image: url("/assets/images/claims-step-1.svg"); }
  .steps li:nth-of-type(2) {
    background-image: url("/assets/images/claims-step-2.svg"); }
  .steps li:nth-of-type(3) {
    background-image: url("/assets/images/claims-step-3.svg"); }
  .steps li:nth-of-type(4) {
    background-image: url("/assets/images/claims-step-4.svg"); }

.steps .heading {
  font-weight: 500;
  font-size: 20px;
  line-height: 26px; }
  @media screen and (min-width: 1024px) {
    .steps .heading {
      font-size: 24px;
      line-height: 30px; } }
  .steps .heading + p {
    margin-top: -1px; }

.steps p {
  padding-top: 0;
  line-height: 20px; }
  @media screen and (min-width: 1024px) {
    .steps p {
      font-size: 18px;
      line-height: 18px; } }

button {
  border: 0;
  font-family: "effra", Verdana, Arial, sans-serif;
  padding: 0; }

.btn {
  box-sizing: border-box;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  line-height: 1.2;
  text-align: center; }
  .btn--sm {
    border-radius: 4px;
    font-size: 16px;
    height: 31px;
    padding: 5px 10px; }
    @media screen and (min-width: 768px) {
      .btn--sm {
        font-size: 18px;
        height: 33px; } }
  .btn--md {
    border-radius: 40px;
    font-size: 19px;
    height: 40px;
    min-width: 300px;
    padding: 8px 32px; }
  .btn--lg {
    border-radius: 6px;
    font-size: 20px;
    font-weight: 500;
    height: 42px;
    padding: 0 18px; }
    @media screen and (min-width: 768px) {
      .btn--lg {
        font-size: 22px;
        height: 50px; } }
  .btn--full {
    width: 100%;
    max-width: 400px; }
  .btn--arrow::after {
    height: 15px;
    width: 8px;
    background: url("/assets/images/btn-arrow.svg") no-repeat center/8px 15px;
    content: '';
    display: inline-block;
    margin-left: 10px;
    margin-top: -3px;
    vertical-align: middle; }
  .btn--primary {
    background: #00b000;
    background: linear-gradient(to bottom, #00b000 0%, #007e00 100%);
    border-color: #007d00; }
    .btn--primary-solid {
      background: #00b432; }
    .btn--primary-ghost {
      background: transparent;
      border: 1px solid; }
  .btn--secondary {
    background: #ff8c00;
    background: linear-gradient(to bottom, #ff8c00 0%, #ff3200 100%);
    border-color: #ff3200; }
    .btn--secondary-solid {
      background: #ff5f00; }
    .btn--secondary-ghost {
      background: transparent;
      border: 1px solid; }
  .btn--tertiary {
    background: #0096ff;
    background: linear-gradient(to bottom, #0096ff 0%, #005abe 100%);
    border-color: #0082C8; }
    .btn--tertiary-ghost {
      background: transparent;
      border: 1px solid #0078ff;
      color: #0078ff; }
  .btn--white-grad {
    background: #fefefe;
    background: linear-gradient(to bottom, #fefefe 0%, #bfbfd1 100%);
    border-color: #bebed2; }
    .btn--white-grad-ghost {
      background: transparent;
      border: 1px solid; }
  .btn--yellow-grad {
    background: #ffff0f;
    background: linear-gradient(to bottom, #ffff0f 0%, #ffb500 100%);
    border-color: #ffb200; }
    .btn--yellow-grad-ghost {
      background: transparent;
      border: 1px solid; }
  .btn--ghost {
    background: transparent;
    background: linear-gradient(to bottom, transparent 0%, transparent 100%);
    border-color: #0078ff; }
    .btn--ghost-ghost {
      background: transparent;
      border: 1px solid; }
  .btn--green {
    background: #00C535;
    background: linear-gradient(to bottom, #00C535 0%, #00A32E 100%);
    border-color: #00C535; }
    .btn--green-ghost {
      background: transparent;
      border: 1px solid; }
  .btn--grey {
    background: #695A3C;
    background: linear-gradient(to bottom, #695A3C 0%, #695A3C 100%);
    border-color: #695A3C; }
    .btn--grey-ghost {
      background: transparent;
      border: 1px solid; }
  .btn--orange {
    background: #FF7911;
    background: linear-gradient(to bottom, #FF7911 0%, #FF7911 100%);
    border-color: #FF7911; }
    .btn--orange-ghost {
      background: transparent;
      border: 1px solid; }
  .btn--white-ghost {
    border-color: #bebed2;
    color: #503c3c; }
    .btn--white-ghost.btn--arrow::after {
      background-image: url("/assets/images/btn-arrow-dark.svg"); }
  .btn--white-grad, .btn--yellow-grad {
    color: #503c3c; }
  .btn:focus {
    outline: none; }
  .btn[disabled] {
    background: #d2c8c8;
    color: #fff;
    pointer-events: none; }
  .btn--call::before {
    height: 20px;
    width: 20px;
    background: url("/assets/images/btn-icons/call.svg") no-repeat center/20px 20px;
    content: '';
    display: inline-block;
    margin-right: 7px;
    position: relative;
    top: -2px;
    vertical-align: middle; }
  .btn--call-blue::before {
    height: 20px;
    width: 20px;
    background: url("/assets/images/btn-icons/call-blue.svg") no-repeat center/20px 20px;
    content: '';
    display: inline-block;
    margin-right: 7px;
    position: relative;
    top: -2px;
    vertical-align: middle; }
  .btn--call-white::before {
    height: 20px;
    width: 20px;
    background: url("/assets/images/btn-icons/call-white.svg") no-repeat center/20px 20px;
    content: '';
    display: inline-block;
    margin-right: 7px;
    position: relative;
    top: -2px;
    vertical-align: middle; }
  .btn--chat::before {
    height: 20px;
    width: 20px;
    background: url("/assets/images/btn-icons/chat.svg") no-repeat center/20px 20px;
    content: '';
    display: inline-block;
    margin-right: 7px;
    position: relative;
    top: -2px;
    vertical-align: middle; }
  .btn--messenger::before {
    height: 20px;
    width: 20px;
    background: url("/assets/images/btn-icons/messenger.svg") no-repeat center/20px 20px;
    content: '';
    display: inline-block;
    margin-right: 7px;
    position: relative;
    top: -2px;
    vertical-align: middle; }
  .btn--myaccount::before {
    height: 20px;
    width: 20px;
    background: url("/assets/images/btn-icons/myaccount.svg") no-repeat center/20px 20px;
    content: '';
    display: inline-block;
    margin-right: 7px;
    position: relative;
    top: -2px;
    vertical-align: middle; }

ol .btn {
  margin: 10px 0; }

@media screen and (max-width: 690px) {
  .buttonWrapper {
    overflow: hidden; } }

@media screen and (max-width: 690px) {
  .buttonWrapper h3 {
    padding-left: 60px;
    padding-right: 60px; } }

@media screen and (max-width: 460px) {
  .buttonWrapper h3 {
    padding-left: 15px;
    padding-right: 15px; } }

@media screen and (max-width: 690px) {
  .buttonWrapper h5 {
    padding-left: 60px;
    padding-right: 60px; } }

@media screen and (max-width: 460px) {
  .buttonWrapper h5 {
    padding-left: 15px;
    padding-right: 15px; } }

@media screen and (max-width: 690px) {
  .buttonWrapper p {
    padding-left: 60px;
    padding-right: 60px; } }

@media screen and (max-width: 460px) {
  .buttonWrapper p {
    padding-left: 15px;
    padding-right: 15px; } }

@media screen and (max-width: 690px) {
  .buttonWrapper .content {
    padding: 0; } }

@media (max-width: 768px) {
  .buttonWrapper .copy {
    padding: 0 20px; } }

@media (max-width: 460px) {
  .buttonWrapper .copy {
    padding: 0 15px; } }

.buttonWrapper.existing-customers {
  background-color: #fff; }
  .buttonWrapper.existing-customers h2 {
    padding-top: 42px; }
  .buttonWrapper.existing-customers .buttonList {
    margin-bottom: 58px;
    margin-top: 30px; }

.retriveButton {
  margin: 0 auto;
  max-width: 100%;
  padding: 0 15px;
  width: 330px; }

.existing-customers .copy > h2 {
  font-size: 40px;
  font-weight: 200;
  line-height: 47px;
  margin: 0 auto;
  max-width: 475px;
  text-align: center; }
  @media screen and (max-width: 690px) {
    .existing-customers .copy > h2 {
      font-size: 29px !important;
      line-height: 34px !important; } }

.has-border {
  border-style: solid;
  border-width: 1px; }

.flex-button-group {
  display: flex;
  width: 430px;
  max-width: 100%;
  margin: -11px auto 0;
  flex-direction: column; }
  @media screen and (min-width: 768px) {
    .flex-button-group {
      flex-direction: row; } }
  @media screen and (max-width: 767px) {
    .flex-button-group {
      width: 100%;
      margin-top: -8px; } }
  .flex-button-group .btn {
    width: auto;
    min-width: auto;
    flex: 1;
    margin-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px; }
    @media screen and (min-width: 768px) {
      .flex-button-group .btn:not(:last-of-type) {
        margin-right: 10px; } }

.arrow-list-container {
  padding: 18px 0; }
  .arrow-list-container .heading--h1,
  .arrow-list-container p {
    text-align: center; }
  .arrow-list-container .heading {
    font-weight: 500; }
  .arrow-list-container p {
    font-size: 15px;
    line-height: 22px;
    padding-top: 20px;
    margin-bottom: 37px; }
  .arrow-list-container .container {
    max-width: 414px; }
  @media screen and (min-width: 768px) {
    .arrow-list-container {
      padding: 21px 0 24px; }
      .arrow-list-container .container {
        max-width: 640px; }
      .arrow-list-container p {
        font-size: 18px;
        line-height: 24px;
        padding-top: 14px;
        max-width: 460px;
        margin-left: auto;
        margin-right: auto; } }

.arrow-list {
  border-top: 1px solid #aa8c8c;
  margin: 12px 0; }
  .arrow-list li {
    border-bottom: 1px solid #aa8c8c; }
  .arrow-list a {
    background: url("/assets/images/icons/arrow-list-arrow.svg") no-repeat center right 9px;
    display: block;
    text-align: left;
    min-height: 58px; }
  .arrow-list .heading {
    font-size: 20px;
    line-height: 1.2;
    padding: 18px 0 16px; }
  @media screen and (min-width: 768px) {
    .arrow-list {
      margin: 45px 0; }
      .arrow-list a {
        background-position-x: right; } }

.box-container {
  margin: 0 auto;
  max-width: 100%;
  padding: 0;
  width: 640px; }
  @media screen and (max-width: 460px) {
    .box-container.notification {
      padding: 0; } }
  .box-container a {
    text-decoration: none; }
  @media screen and (max-width: 670px) {
    .box-container {
      padding: 0 45px; } }
  @media screen and (max-width: 460px) {
    .box-container {
      padding: 0 15px; } }

.box-pod {
  background: #fff no-repeat;
  border: 1px solid #d2c8c8;
  border-radius: 3px;
  margin: 15px 0 0;
  max-width: 100%;
  padding: 0 190px 9px 20px;
  width: 100%; }
  @media screen and (max-width: 768px) {
    .box-pod {
      margin: 15px auto 0;
      width: 640px; } }
  @media screen and (max-width: 670px) {
    .box-pod {
      background-image: none;
      min-height: 50px;
      padding: 0 15px 11px; } }
  .box-pod.noImage {
    padding: 0 20px 8px; }
    @media screen and (max-width: 670px) {
      .box-pod.noImage {
        background-image: none;
        min-height: 50px;
        padding: 0 15px 11px; } }
  .box-pod h2 {
    font-size: 24px;
    font-weight: 500;
    line-height: 24px;
    padding-top: 10px; }
    @media screen and (max-width: 480px) {
      .box-pod h2 {
        font-size: 18px;
        font-weight: 500;
        line-height: 20px;
        padding: 11px 0 0; } }
  .box-pod p {
    color: #695a3c;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    padding-top: 8px; }
    @media screen and (max-width: 480px) {
      .box-pod p {
        font-size: 15px;
        font-weight: 400;
        line-height: 17px;
        padding: 5px 0 0; } }
  .box-pod a {
    text-decoration: none; }
  .box-pod .link {
    clear: both;
    color: #0078ff;
    display: table;
    float: none;
    font-size: 18px;
    font-weight: 400;
    height: 26px;
    line-height: 22px;
    margin-bottom: 2px;
    padding-right: 15px;
    padding-top: 5px;
    position: relative;
    width: auto; }
    @media screen and (max-width: 480px) {
      .box-pod .link {
        font-size: 15px;
        line-height: 17px; } }
    .box-pod .link .arrow {
      top: 6px; }
      @media screen and (max-width: 670px) {
        .box-pod .link .arrow {
          top: 3px; } }
  .box-pod.adobe {
    background-image: url("/assets/images/box-pod/box-adobe-bg.jpg");
    background-position: 460px -100px;
    margin-top: 36px;
    margin-bottom: 58px; }
  .box-pod.gladiator {
    background-image: url("/assets/images/box-pod/box-gladiator.jpg");
    margin: 32px 0 0;
    padding: 0 230px 9px 20px; }
    @media screen and (max-width: 670px) {
      .box-pod.gladiator {
        background-image: none;
        min-height: 50px;
        padding: 0 15px 11px; } }
    .box-pod.gladiator .btn--sm {
      height: 38px;
      margin-bottom: 9px;
      margin-top: 13px;
      width: 320px; }
  .box-pod.ncb {
    background-image: url("/assets/images/box-pod/box-car-bg.jpg");
    background-position: 385px -109px; }
    @media screen and (max-width: 670px) {
      .box-pod.ncb {
        background-image: none; } }
  .box-pod.notification {
    background: #ff5f00 !important;
    border: 1px solid #ff5f00 !important;
    color: #fff;
    margin-bottom: 30px;
    margin-top: 40px; }
    @media screen and (max-width: 460px) {
      .box-pod.notification {
        border: 0;
        border-radius: 0;
        height: auto;
        margin: 0;
        max-width: 100%;
        min-height: 70px;
        padding: 10px 15px 19px;
        text-align: left;
        width: 100%; }
        .box-pod.notification h2 {
          padding: 0; } }
    .box-pod.notification h2,
    .box-pod.notification p,
    .box-pod.notification a {
      color: #fff; }
    .box-pod.notification a {
      text-decoration: underline; }
  .box-pod.tax {
    background-image: url("/assets/images/box-pod/box-tax-bg.jpg");
    background-position: 386px -41px; }
    @media screen and (max-width: 670px) {
      .box-pod.tax {
        background-image: none; } }

/*
  Broken down module
  ---------------------------------
*/
.brokenDown {
  width: 100%;
  min-height: 330px;
  position: fixed;
  top: 0;
  left: 0;
  text-align: center;
  display: none;
  padding-bottom: 20px;
  background: #ff5f00 url("/assets/images/icon-breakdown-assist-white.svg") no-repeat center 27px;
  background-size: 141px 95px;
  z-index: 1000; }
  @media only screen and (max-width: 767px) {
    .brokenDown {
      background-size: 90px 60px;
      background-position: center 37px; } }
  .brokenDown .container {
    width: 1014px;
    max-width: 100%;
    padding: 0 20px;
    overflow: hidden;
    display: block;
    margin: 0 auto;
    position: relative; }
  .brokenDown h3 {
    margin-top: 138px;
    font-size: 52px;
    line-height: 56px;
    font-weight: 500;
    color: #fff; }
    @media only screen and (max-width: 767px) {
      .brokenDown h3 {
        margin-top: 107px;
        font-size: 24px;
        line-height: 30px; } }
  .brokenDown p {
    padding-top: 5px;
    font-size: 37px;
    line-height: 46px;
    font-weight: 400;
    color: #fff; }
    @media only screen and (max-width: 767px) {
      .brokenDown p {
        font-size: 20px;
        line-height: 26px;
        padding-top: 0; } }
  .brokenDown .buttons {
    width: 410px;
    max-width: 100%;
    margin: 12px auto 0 auto;
    display: flex; }
    @media only screen and (max-width: 767px) {
      .brokenDown .buttons {
        display: block; } }
    .brokenDown .buttons .smallContentButton {
      width: 188px;
      border: 1px solid #fff;
      height: 44px;
      font-size: 19px;
      line-height: 45px;
      font-weight: 600;
      flex: 1 1 0;
      text-transform: uppercase;
      color: white;
      border-radius: 4px;
      font-weight: 400; }
      @media only screen and (max-width: 767px) {
        .brokenDown .buttons .smallContentButton {
          display: block;
          width: 100%; } }
      .brokenDown .buttons .smallContentButton:first-of-type {
        margin-right: 35px; }
        @media only screen and (max-width: 767px) {
          .brokenDown .buttons .smallContentButton:first-of-type {
            margin-right: 0;
            margin-bottom: 10px; } }
  .brokenDown .closeButton {
    position: absolute;
    top: 18px;
    right: 20px;
    color: #fff;
    font-size: 18px;
    text-transform: uppercase;
    padding: 5px 35px 5px 0;
    background: transparent url(/assets/images/close-cross.svg) no-repeat center right;
    background-size: 30px 30px;
    cursor: pointer; }

.bulletTable {
  padding: 82px 0 90px; }
  @media screen and (max-width: 590px) {
    .bulletTable {
      padding: 62px 0 60px; } }
  @media screen and (max-width: 690px) {
    .bulletTable h2 {
      font-size: 29px;
      line-height: 34px; } }
  .bulletTable h3.reduceSpacing,
  .bulletTable h4.reduceSpacing {
    padding-top: 8px; }
  .bulletTable h3 {
    font-size: 20px;
    font-weight: 500;
    line-height: 22px;
    padding: 0 20px 0 0;
    margin: auto 0; }
    @media screen and (max-width: 760px) {
      .bulletTable h3 {
        padding: 12px 20px 0 0; }
        .bulletTable h3.reduceSpacing {
          padding-top: 12px; } }
    @media screen and (max-width: 480px) {
      .bulletTable h3 {
        padding-top: 12px; } }
  .bulletTable h4 {
    font-size: 20px;
    font-weight: 500;
    line-height: 22px;
    padding: 20px 20px 0 21px; }
  .bulletTable p {
    color: #695a3c;
    font-size: 14px;
    line-height: 17px;
    padding: 0 15px; }
    .bulletTable p.spacing {
      padding-top: 22px; }
    @media screen and (max-width: 850px) {
      .bulletTable p.spacing {
        padding-top: 15px; }
      .bulletTable p.smallSpacing {
        padding-top: 6px; } }
    @media screen and (max-width: 760px) {
      .bulletTable p {
        padding: 5px 15px 15px 0; }
        .bulletTable p.spacing {
          padding-top: 6px; } }
  .bulletTable .content {
    margin: 0 auto;
    max-width: 100%;
    padding: 0 60px;
    width: 888px; }
    @media screen and (max-width: 768px) {
      .bulletTable .content {
        padding-left: 60px;
        padding-right: 60px; } }
    @media screen and (max-width: 460px) {
      .bulletTable .content {
        padding: 0 15px; } }
  @media screen and (max-width: 690px) {
    .bulletTable .copy p {
      font-size: 29px;
      line-height: 34px; } }
  @media screen and (max-width: 760px) {
    .bulletTable .copy p {
      font-size: 16px;
      line-height: 26px; } }
  @media screen and (max-width: 590px) {
    .bulletTable .copy p {
      font-size: 15px;
      line-height: 22px; } }
  .bulletTable .heading {
    background: #fff no-repeat;
    border-bottom: 1px solid #aa8c8c;
    border-right: 1px solid #aa8c8c;
    display: flex;
    width: 47%;
    height: 65px; }
    @media screen and (max-width: 850px) {
      .bulletTable .heading {
        width: 46%; } }
    @media screen and (max-width: 760px) {
      .bulletTable .heading {
        height: auto; } }
  .bulletTable .moreCover {
    border: 1px solid #aa8c8c;
    border-bottom: 0;
    display: block;
    margin: 34px auto 0;
    max-width: 100%;
    overflow: hidden;
    padding: 0;
    width: 768px; }
    @media (max-width: 760px) {
      .bulletTable .moreCover {
        border: 0;
        margin: 12px auto 0; }
        .bulletTable .moreCover--cashback {
          margin-top: 20px; } }
    .bulletTable .moreCover .cover {
      display: flex; }
      @media screen and (max-width: 760px) {
        .bulletTable .moreCover .cover {
          background: #fff no-repeat;
          border: 1px solid #aa8c8c;
          display: block;
          margin-bottom: 5px;
          overflow: hidden; } }
  @media screen and (max-width: 760px) and (max-width: 760px) {
    .bulletTable .moreCover .cover.index-1 {
      background-image: url("/assets/images/icons/icon-1.svg");
      background-position: 4px 10px;
      background-size: 35px; } }
  @media screen and (max-width: 760px) and (max-width: 760px) {
    .bulletTable .moreCover .cover.index-2 {
      background-image: url("/assets/images/icons/icon-2.svg");
      background-position: 4px 10px;
      background-size: 35px; } }
  @media screen and (max-width: 760px) and (max-width: 760px) {
    .bulletTable .moreCover .cover.index-3 {
      background-image: url("/assets/images/icons/icon-3.svg");
      background-position: 4px 10px;
      background-size: 35px; } }
      @media screen and (max-width: 760px) {
          .bulletTable .moreCover .cover.battery {
            background-image: url("/assets/images/icons/icon-battery.svg");
            background-position: 7px 5px;
            background-size: 40px 40px; }
          .bulletTable .moreCover .cover.charging-equipment {
            background-image: url("/assets/images/icons/icon-charging-equipment.svg");
            background-position: 7px 5px;
            background-size: 40px 40px; }
          .bulletTable .moreCover .cover.entertainment {
            background-image: url("/assets/images/icons/icon-entertainment.svg");
            background-position: 7px 5px;
            background-size: 40px 40px; }
          .bulletTable .moreCover .cover.europe {
            background-image: url("/assets/images/icons/icon-europe.svg");
            background-position: 6px 6px;
            background-size: 40px 40px; }
          .bulletTable .moreCover .cover.named-driver-bonus {
            background-image: url("/assets/images/icons/icon-named-driver-bonus.svg");
            background-position: 7px 5px;
            background-size: 40px 40px; }
          .bulletTable .moreCover .cover.personal-injury {
            background-image: url("/assets/images/icons/icon-personal-injury.svg");
            background-position: 6px 7px;
            background-size: 40px 40px; }
          .bulletTable .moreCover .cover.tick {
            background-image: url("/assets/images/icons/icon-tick.svg");
            background-position: 6px 7px;
            background-size: 40px 40px; }
          .bulletTable .moreCover .cover.windscreen {
            background-image: url("/assets/images/icons/icon-windscreen.svg");
            background-position: 6px 5px;
            background-size: 40px 40px; }
          .bulletTable .moreCover .cover.stopwatch {
            background-image: url("/assets/images/icons/icon-stopwatch.svg");
            background-position: 7px 5px;
            background-size: 40px 40px; }
          .bulletTable .moreCover .cover.location {
            background-image: url("/assets/images/icons/icon-location.svg");
            background-position: 7px 5px;
            background-size: 40px 40px; }
          .bulletTable .moreCover .cover.mobile {
            background-image: url("/assets/images/icons/icon-mobile.svg");
            background-position: 7px 5px;
            background-size: 40px 40px; }
          .bulletTable .moreCover .cover.thumbs-up {
            background-image: url("/assets/images/icons/icon-thumbs-up.svg");
            background-position: 7px 5px;
            background-size: 40px 40px; }
          .bulletTable .moreCover .cover.discounts {
            background-image: url("/assets/images/icons/icon-discounts.svg");
            background-position: 7px 5px;
            background-size: 40px 40px; }
          .bulletTable .moreCover .cover.docs {
            background-image: url("/assets/images/icons/icon-docs.svg");
            background-position: 7px 5px;
            background-size: 40px 40px; } }
  .bulletTable .text {
    align-items: center;
    border-bottom: 1px solid #aa8c8c;
    display: flex;
    width: 53%; }
    @media screen and (max-width: 850px) {
      .bulletTable .text {
        width: 54%; } }
    @media screen and (max-width: 760px) {
      .bulletTable .text {
        float: left;
        margin-left: 52px;
        padding: 0 !important; } }
  @media screen and (max-width: 760px) {
    .bulletTable .heading,
    .bulletTable .text {
      height: auto;
      width: auto;
      background: none !important;
      border: 0; } }
  .bulletTable .index-1 .heading {
    background-image: url("/assets/images/icons/icon-1.svg");
    background-position: 11px 10px;
    background-size: 40px; }
  .bulletTable .index-2 .heading {
    background-image: url("/assets/images/icons/icon-2.svg");
    background-position: 11px 10px;
    background-size: 40px; }
  .bulletTable .index-3 .heading {
    background-image: url("/assets/images/icons/icon-3.svg");
    background-position: 11px 10px;
    background-size: 40px; }

.icon {
  height: 40px;
  width: 52px;
  background: no-repeat center / auto 100%;
  display: block;
  margin: 7px 0 -13px;
  flex-shrink: 0; }
  .icon-battery {
    background-image: url("/assets/images/icons/icon-battery.svg"); }
  .icon-charging-equipment {
    background-image: url("/assets/images/icons/icon-charging-equipment.svg"); }
  .icon-entertainment {
    background-image: url("/assets/images/icons/icon-entertainment.svg"); }
  .icon-europe {
    background-image: url("/assets/images/icons/icon-europe.svg"); }
  .icon-named-driver-bonus {
    background-image: url("/assets/images/icons/icon-named-driver-bonus.svg"); }
  .icon-personal-injury {
    background-image: url("/assets/images/icons/icon-personal-injury.svg"); }
  .icon-tick {
    background-image: url("/assets/images/icons/icon-tick.svg"); }
  .icon-windscreen {
    background-image: url("/assets/images/icons/icon-windscreen.svg"); }
  .icon-stopwatch {
    background-image: url("/assets/images/icons/icon-stopwatch.svg"); }
  .icon-location {
    background-image: url("/assets/images/icons/icon-location.svg"); }
  .icon-mobile {
    background-image: url("/assets/images/icons/icon-mobile.svg"); }
  .icon-thumbs-up {
    background-image: url("/assets/images/icons/icon-thumbs-up.svg"); }
  .icon-discounts {
    background-image: url("/assets/images/icons/icon-discounts.svg"); }
  .icon-docs {
    background-image: url("/assets/images/icons/icon-docs.svg"); }
  @media screen and (min-width: 761px) {
    .icon {
      height: 53px;
      width: 74px;
      margin: auto 0; }
      .icon-tick {
        background-size: 70px 70px; } }

.badge-list {
  background: #fff;
  border: 1px solid #aa8c8c;
  border-collapse: collapse;
  margin: 0 -5px;
  text-align: left; }
  .badge-list .icon-docs {
    background-size: auto 65%; }
  .badge-list th {
    border-bottom: 1px solid #aa8c8c;
    vertical-align: top; }
    .badge-list th:not(:first-of-type) {
      padding: 16px 15px 17px 0; }
  .badge-list h3 {
    font-size: 18px;
    line-height: 22px;
    font-weight: 500; }
  .badge-list .icon {
    height: 36px;
    width: 52px; }
  @media screen and (min-width: 768px) {
    .badge-list {
      width: 100%;
      margin: 0; }
      .badge-list h3 {
        font-size: 20px;
        line-height: 28px; }
      .badge-list th:not(:first-of-type) {
        padding-top: 18px;
        padding-bottom: 19px; }
      .badge-list .icon {
        height: 65px;
        width: 75px; } }

.affiliate-logo {
  display: block; }
  .affiliate-logo--quidco {
    height: 76px;
    margin: -18px auto 30px; }
    @media (max-width: 690px) {
      .affiliate-logo--quidco {
        height: 50px;
        margin: -15px auto 13px; } }
  .affiliate-logo--topcashback {
    height: 110px;
    margin: -43px auto 15px; }
    @media (max-width: 690px) {
      .affiliate-logo--topcashback {
        height: 70px;
        margin: -35px auto 12px; } }

.home-btn {
  display: block;
  float: right;
  font-size: 14px;
  font-weight: 500;
  height: 80px;
  line-height: 16px;
  padding: 10px;
  text-align: center;
  text-transform: uppercase;
  width: 90px;
  border-left: 1px solid #aa8c8c;
  border-right: 1px solid #aa8c8c; }
  @media (max-width: 1024px) {
    .home-btn {
      border-right: 0; } }
  @media (max-width: 690px) {
    .home-btn {
      border: 0;
      color: transparent;
      font-size: 0;
      height: 25px;
      line-height: 0;
      width: 25px; } }
  .home-btn img {
    display: block;
    margin: 8px auto;
    width: 28px; }
    @media (max-width: 690px) {
      .home-btn img {
        margin: 0; } }

.container--cashback {
  margin: 0 auto; }
  @media (max-width: 690px) {
    .container--cashback {
      width: 320px; } }
  .container--cashback h2 {
    font-size: 36px;
    line-height: 43.2px;
    font-weight: 500;
    margin: 35px 0;
    padding-top: 0; }
    @media (max-width: 690px) {
      .container--cashback h2 {
        font-size: 24px;
        line-height: 28.8px;
        margin: 14px 0; } }

.chatbot {
  margin: 26px auto 0;
  max-width: 100%; }
  @media screen and (min-width: 768px) {
    .chatbot {
      margin: 44px auto 0; } }
  .chatbot .heading {
    margin-top: 0; }
  .chatbot dd {
    padding-right: 10px; }
    @media screen and (min-width: 768px) {
      .chatbot dd {
        padding-right: 150px; } }
  .chatbot dt {
    padding-left: 10px; }
    @media screen and (min-width: 768px) {
      .chatbot dt {
        padding-left: 150px; } }
  .chatbot__window {
    background: #fff;
    border: 1px solid #aa8c8c;
    border-radius: 6px;
    box-sizing: border-box;
    height: 290px;
    margin-bottom: 10px;
    overflow: auto;
    padding: 10px 15px; }
    @media screen and (min-width: 768px) {
      .chatbot__window {
        padding: 20px 25px; } }
    .chatbot__window::-webkit-scrollbar {
      width: 8px; }
    .chatbot__window::-webkit-scrollbar-track {
      background: rgba(0, 0, 0, 0.15);
      border-radius: 8px; }
    .chatbot__window::-webkit-scrollbar-thumb {
      background-color: #aa8c8c;
      border-radius: 8px; }
  .chatbot__btn, .chatbot__input {
    border-radius: 6px;
    font: 400 20px/32px "effra", Verdana, Arial, sans-serif;
    height: 42px;
    letter-spacing: .040em;
    margin: 0; }
    @media screen and (min-width: 768px) {
      .chatbot__btn, .chatbot__input {
        font-size: 20px;
        height: 50px;
        line-height: 50px; } }
  .chatbot__input {
    border: 1px solid #aa8c8c;
    color: #503c3c;
    flex-grow: 1;
    margin-right: 10px;
    padding: 0 15px;
    width: 162px; }
    .chatbot__input:focus {
      border-color: #0078ff;
      outline: none; }
  .chatbot__btn {
    border: 0;
    color: #fff;
    cursor: pointer;
    flex-shrink: 0;
    width: 70px; }
  .chatbot .btn-group {
    width: auto; }
    .chatbot .btn-group ul {
      margin: -5px; }
    .chatbot .btn-group li {
      display: block;
      float: left;
      margin: 0;
      padding: 5px; }
  .chatbot__bubble {
    animation-duration: .5s;
    border-radius: 6px;
    clear: both;
    color: #fff;
    font-size: 16px;
    line-height: 20px;
    margin: 10px 0;
    max-width: 100%;
    padding: 13px 15px;
    position: relative;
    text-align: left;
    z-index: 1; }
    @media screen and (min-width: 768px) {
      .chatbot__bubble {
        font-size: 18px;
        line-height: 26px; } }
    .chatbot__bubble::after {
      height: 26px;
      width: 44px;
      background: no-repeat center;
      background-size: 44px 26px;
      bottom: -10px;
      content: '';
      display: block;
      position: absolute;
      z-index: -1; }
    .chatbot__bubble p {
      font-size: 18px;
      line-height: 1.4;
      padding: 0; }
    .chatbot__bubble--left {
      background-color: #e1e1e1;
      color: #695a3c;
      float: left; }
      .chatbot__bubble--left::after {
        background-image: url("/assets/images/chat-bubble-tail-left.svg");
        left: 0; }
    .chatbot__bubble--right {
      background-color: #0082C8;
      float: right; }
      .chatbot__bubble--right::after {
        background-image: url("/assets/images/chat-bubble-tail-right.svg");
        right: 0; }
  .chatbot ::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #0078ff; }
  .chatbot ::-moz-placeholder {
    /* Firefox 19+ */
    color: #0078ff; }
  .chatbot :-ms-input-placeholder {
    /* IE 10+ */
    color: #0078ff; }
  .chatbot :-moz-placeholder {
    /* Firefox 18- */
    color: #0078ff; }

.circles__circle {
  height: 8px;
  width: 8px;
  animation: linear 1s opacity infinite;
  background: #695a3c;
  border-radius: 50%;
  display: block;
  float: left;
  margin: 0 4px; }
  .circles__circle:nth-of-type(2) {
    animation-delay: 0.5s; }
  .circles__circle:nth-of-type(3) {
    animation-delay: 0.75s; }

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

.caret-down {
  height: 23.36px;
  width: 54.95px;
  animation-duration: 1.5s;
  animation-iteration-count: 10;
  background: url("/assets/images/caret-down.svg") no-repeat center/54.95px 23.36px;
  border: 0;
  display: block;
  margin: 5em auto 2em;
  opacity: .3; }
  .caret-down:focus {
    outline: none; }
  .caret-down:hover {
    animation-play-state: paused; }
  @media screen and (min-height: 800px) {
    .caret-down {
      bottom: 25px;
      left: 50%;
      margin-left: -27.475px;
      position: absolute; } }

.comparisonTable {
  border-collapse: collapse;
  font-size: 18px;
  margin: 30px auto 0;
  max-width: 483px;
  text-align: center;
  width: 100%; }
  @media screen and (max-width: 590px) {
    .comparisonTable {
      font-size: 15px; } }
  @media screen and (max-width: 380px) {
    .comparisonTable {
      font-size: 14px;
      margin-left: auto;
      margin-right: auto;
      max-width: 100%;
      width: 290px; } }
  @media (max-width: 590px) and (orientation: landscape) {
    .comparisonTable {
      max-height: 240px; } }
  .comparisonTable thead th {
    height: 66px;
    width: 25%;
    background: #f0f0f0;
    border: 1px solid #aa8c8c;
    padding: 0 1%;
    vertical-align: middle; }
  .comparisonTable tbody th {
    background: #503c3c;
    color: #d2c8c8;
    font-weight: 400; }
    @media screen and (max-width: 380px) {
      .comparisonTable tbody th {
        font-size: 14px;
        height: 66px;
        max-width: 25%;
        padding: 0;
        vertical-align: middle; } }
  .comparisonTable td,
  .comparisonTable th {
    height: 66px;
    width: 25%;
    background: #f0f0f0;
    border: 1px solid #aa8c8c;
    padding: 0 1%;
    vertical-align: middle; }
    @media screen and (max-width: 380px) {
      .comparisonTable td,
      .comparisonTable th {
        background: #f0f0f0;
        border: 1px solid #aa8c8c;
        height: 66px;
        max-width: 25%;
        padding: 0;
        vertical-align: middle;
        width: 72px; } }
  @media (max-width: 590px) and (orientation: landscape) {
    .comparisonTable tr,
    .comparisonTable th,
    .comparisonTable td {
      height: 25px !important; } }
  .comparisonTable .blank {
    background: transparent !important;
    border: 0 !important; }
  .comparisonTable .no,
  .comparisonTable .yes {
    text-indent: -9999px; }
  .comparisonTable .yes {
    height: 31px;
    width: 31px;
    background: transparent url("/assets/images/arrow-benefits.svg") 0 0/31px 31px no-repeat;
    display: block;
    margin: 0 auto; }
    @media screen and (max-width: 767px) {
      .comparisonTable .yes {
        font-size: 14px;
        line-height: 14px; } }
    @media screen and (max-width: 590px) {
      .comparisonTable .yes {
        height: 25px;
        width: 25px;
        background: transparent url("/assets/images/arrow-benefits.svg") 0 0/25px 25px no-repeat; } }
  .comparisonTable .no {
    height: 18px;
    width: 18px;
    background: transparent url("/assets/images/benefits-cross.svg") 0 0/18px 18px no-repeat;
    display: block;
    margin: 0 auto; }

.breakdownTable {
  font-size: 16px;
  line-height: 20px; }
  @media screen and (max-width: 380px) {
    .breakdownTable {
      font-size: 13px; } }
  .breakdownTable thead {
    color: #503c3c;
    font-weight: 400; }
    .breakdownTable thead th {
      background: #ffdc00;
      height: 80px;
      width: 22%; }
      @media screen and (max-width: 380px) {
        .breakdownTable thead th {
          font-size: inherit;
          height: 66px;
          max-width: 25%;
          padding: 0;
          vertical-align: middle; } }
  .breakdownTable tbody th {
    width: 34%; }
    @media screen and (max-width: 380px) {
      .breakdownTable tbody th {
        font-size: inherit;
        height: 66px;
        max-width: 25%;
        padding: 0;
        vertical-align: middle; } }
  .breakdownTable td {
    background: #fff;
    height: 80px;
    width: 22%; }

.tableButtons {
  display: block;
  margin-top: 22px;
  overflow: hidden;
  width: 100%; }
  .tableButtons .complaintsButtonOne,
  .tableButtons .complaintsButtonTwo {
    background: #fff;
    border: 1px solid #0078ff;
    cursor: pointer;
    display: table;
    height: 84px;
    margin-top: 15px;
    position: relative;
    vertical-align: middle;
    width: 50%; }
    .tableButtons .complaintsButtonOne h3,
    .tableButtons .complaintsButtonTwo h3 {
      padding: 0 20px; }
    .tableButtons .complaintsButtonOne.selected,
    .tableButtons .complaintsButtonTwo.selected {
      background: #0096ff;
      background: linear-gradient(to bottom, #0096ff 0%, #005abe 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0096ff', endColorstr='#005abe',GradientType=0 );
      border: 0 !important; }
      .tableButtons .complaintsButtonOne.selected h3,
      .tableButtons .complaintsButtonTwo.selected h3 {
        color: #fff; }
      .tableButtons .complaintsButtonOne.selected::after,
      .tableButtons .complaintsButtonTwo.selected::after {
        height: 0;
        width: 0;
        bottom: -1px;
        left: 46%;
        border: solid transparent;
        content: '';
        position: absolute;
        pointer-events: none;
        border-color: rgba(255, 255, 255, 0);
        border-bottom-color: #fff;
        border-width: 0 10px 10px 10px; }
  .tableButtons .complaintsButtonOne {
    border-radius: 4px 0 0 4px;
    float: left; }
  .tableButtons .complaintsButtonTwo {
    border-radius: 0 4px 4px 0;
    border-left: 0; }
  .tableButtons h3 {
    color: #0078ff;
    display: table-cell;
    padding: 0 20px;
    padding: 0;
    text-align: center;
    vertical-align: middle; }

.complaintsContainerOne,
.complaintsContainerTwo {
  display: none;
  margin-top: 15px; }

.complaintsTable {
  margin-top: 23px;
  width: 100%; }
  .complaintsTable .row {
    display: table;
    min-height: 63px;
    width: 100%; }
    .complaintsTable .row .desc,
    .complaintsTable .row .result {
      display: table-cell;
      height: 100%;
      margin: 0;
      padding: 6px 10px;
      vertical-align: middle;
      width: 50%; }
      .complaintsTable .row .desc p,
      .complaintsTable .row .result p {
        margin: 0;
        padding: 0;
        vertical-align: middle; }
    .complaintsTable .row .desc {
      background: #d2c8c8;
      border: 1px solid #f0f0f0;
      border-top: 0;
      border-right: 0;
      text-align: left; }
      .complaintsTable .row .desc p {
        padding: 0;
        margin: 0; }
    .complaintsTable .row .result {
      background: #f0f0f0;
      border: 1px solid #d2c8c8;
      border-top: 0;
      border-left: 0;
      text-align: center; }
      .complaintsTable .row .result p {
        font-size: 15px;
        line-height: 18px; }
      .complaintsTable .row .result span {
        background-color: #fff;
        border-radius: 20px;
        border: 1px solid #d2c8c8;
        display: inline-block;
        font-size: 15px;
        line-height: 18px;
        padding: 5px 0;
        width: 94px; }
    .complaintsTable .row:nth-of-type(1) .desc {
      border-top: 1px solid #f0f0f0; }
    .complaintsTable .row:nth-of-type(1) .result {
      border-top: 1px solid #d2c8c8; }
    .complaintsTable .row:last-of-type {
      border-bottom: 0; }

.conv-table {
  border: #d2c8c8 1px solid;
  border-collapse: collapse;
  margin-bottom: 10px;
  margin-top: 10px;
  width: 100%; }
  .conv-table td {
    padding: 8px;
    border: #d2c8c8 1px solid;
    font-weight: 400;
    color: #695a3c; }
  .conv-table th:first-child {
    background: #e1e1e1;
    padding: 8px;
    width: 60px; }
  .conv-table th:nth-child(2) {
    background: #e1e1e1;
    padding: 8px; }
  .conv-table th:nth-child(3) {
    background: #e1e1e1;
    padding: 8px;
    width: 120px; }
  .conv-table tr {
    font-weight: 500;
    color: #503c3c;
    text-align: left; }
    .conv-table tr:nth-child(2n+0) {
      background: #f0f0f0; }
    .conv-table tr:nth-child(2n+1) {
      background: #fff; }

.cookieBanner {
  background-color: #503c3c;
  color: #fff; }
  .cookieBanner > .group {
    margin: 0 auto;
    max-width: 1024px;
    padding: 15px 20px 20px;
    position: relative; }
    @media screen and (max-width: 690px) {
      .cookieBanner > .group {
        padding: 15px 10px; } }
    .cookieBanner > .group > p {
      color: #fff;
      font-size: 16px;
      line-height: 22px;
      margin-bottom: 0;
      padding: 0 0 15px; }
      @media screen and (max-width: 690px) {
        .cookieBanner > .group > p {
          font-size: 14px;
          line-height: 20px; } }
      .cookieBanner > .group > p a {
        color: #fff;
        font-size: inherit;
        text-decoration: underline !important; }
  .cookieBanner .border {
    display: none; }
    @media screen and (max-width: 690px) {
      .cookieBanner .border {
        height: 15px;
        width: 100%;
        background-color: #f0f0f0;
        position: relative; } }
  @media screen and (max-width: 690px) {
    .cookieBanner + header {
      padding-top: 12px; } }

.product-manage {
  background-color: #f0f0f0;
  border-top: 1px solid #d2c8c8; }
  .product-manage h2 {
    font-size: 40px;
    font-weight: 200;
    line-height: 47px;
    margin: 0 auto;
    max-width: 475px;
    text-align: center; }
    @media screen and (max-width: 690px) {
      .product-manage h2 {
        font-size: 29px !important;
        line-height: 34px !important; } }

p.error {
  border-bottom: 0;
  color: #f00;
  font-size: 16px;
  margin: 0 auto;
  margin-bottom: 0 !important;
  padding: 0 !important; }

.errorBox {
  display: none; }

#error-overlay {
  height: 100%;
  width: 100%;
  background: #000;
  display: none;
  left: 0;
  max-height: 100%;
  max-width: 100%;
  opacity: .75;
  position: fixed;
  top: 0;
  z-index: 900; }

.error-modal {
  border-radius: 10px;
  left: calc(50% - 300px);
  margin: 0 auto;
  max-width: 100%;
  padding: 32px 0 30px;
  position: fixed;
  top: 150px;
  width: 600px;
  z-index: 901;
  background-color: #fff;
  background-image: url(/assets/images/icon-service-issues-orange.svg);
  background-size: 50px auto;
  background-repeat: no-repeat;
  background-position: 26px 32px; }
  @media screen and (max-width: 767px) {
    .error-modal {
      background-position: 16px 37px;
      background-size: 43px auto;
      border-radius: 10px;
      left: calc(50% - 150px);
      padding: 30px 0 34px;
      width: 300px; } }
  .error-modal .content {
    margin: 0 auto;
    padding-left: 30px;
    width: 460px; }
    @media screen and (max-width: 767px) {
      .error-modal .content {
        min-width: auto;
        padding-left: 30px;
        padding-right: 0;
        width: 220px !important; } }
    .error-modal .content h2 {
      color: #503c3c;
      font-size: 24px;
      font-weight: 400;
      line-height: 26px;
      margin-bottom: 8px;
      padding-top: 0; }
      @media screen and (max-width: 767px) {
        .error-modal .content h2 {
          font-size: 24px;
          line-height: 26px; } }
    .error-modal .content a,
    .error-modal .content p {
      color: #503c3c;
      font-size: 16px;
      line-height: 24px;
      font-weight: 400; }
      @media screen and (max-width: 767px) {
        .error-modal .content a,
        .error-modal .content p {
          font-size: 16px;
          line-height: 24px; } }
    .error-modal .content p {
      padding-bottom: 10px; }
      .error-modal .content p:last-of-type {
        padding-bottom: 0; }
    .error-modal .content .buttons {
      display: block;
      overflow: hidden; }
      @media screen and (max-width: 767px) {
        .error-modal .content .buttons {
          margin-top: 1px; } }
      .error-modal .content .buttons .button {
        height: 22px;
        width: auto;
        color: #0078ff;
        cursor: pointer;
        font-size: 18px;
        font-weight: 400;
        line-height: 22px;
        margin-top: 10px;
        text-align: left;
        text-transform: uppercase; }
        .error-modal .content .buttons .button a {
          color: #0078ff;
          text-decoration: none; }

/* Set display values
Level one default to display block as this is an inline content block */
.error-tier-one {
  display: block; }

/* Level two and three default to display none as these elements are controlled via JS */
.blackout-error,
.error-modal,
.error-tier-two {
  display: none; }

/* Overwrite rule for hidden error block */
.error-display {
  display: block !important; }

.error-tier {
  height: auto;
  width: 100%;
  background: #ff8500;
  background: linear-gradient(to bottom, #ff8400 0%, #ff5f00 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8500', endColorstr='$seville',GradientType=0 ); }
  .error-tier a {
    text-decoration: underline !important; }
  .error-tier .container {
    margin: 0 auto;
    max-width: 100%;
    padding: 18px 16px;
    width: 1024px; }
    @media screen and (max-width: 767px) {
      .error-tier .container {
        padding: 18px 8px; } }
    .error-tier .container a,
    .error-tier .container p {
      color: #fff;
      font-size: 16px;
      line-height: 24px;
      margin: 0;
      padding: 0; }
    @media screen and (max-width: 767px) {
      .error-tier .container a,
      .error-tier .container h2,
      .error-tier .container p {
        padding: 18px 8px; } }
    .error-tier .container h2 {
      color: #fff;
      font-size: 24px;
      font-weight: 400;
      line-height: 26px;
      margin: 0 0 2px;
      padding: 0; }
      @media screen and (max-width: 767px) {
        .error-tier .container h2 {
          font-size: 24px;
          line-height: 26px;
          margin-bottom: 0; } }
    .error-tier .container p {
      font-weight: 400;
      margin-bottom: 7px; }
      @media screen and (max-width: 767px) {
        .error-tier .container p {
          font-weight: 400;
          margin-bottom: 5px; } }
      .error-tier .container p:last-of-type {
        margin-bottom: 0; }
  .error-tier a {
    text-decoration: underline; }
  .error-tier--two .container {
    background-image: url("/assets/images/icon-service-issues-white.svg");
    background-position: 16px 29px;
    background-repeat: no-repeat;
    background-size: 50px 45px;
    padding: 88px 16px 28px; }
    @media screen and (max-width: 767px) {
      .error-tier--two .container {
        background-position: 8px 29px;
        background-size: 28px 25px;
        padding: 67px 8px 20px; } }
    @media screen and (max-width: 499px) {
      .error-tier--two .container {
        padding: 67px 8px 15px; } }
    @media screen and (max-width: 413px) {
      .error-tier--two .container {
        background-position: 10px 28px;
        padding: 67px 10px 10px; } }
    .error-tier--two .container h2 {
      margin-bottom: 10px; }
      @media screen and (max-width: 767px) {
        .error-tier--two .container h2 {
          margin-bottom: 3px; } }
  .error-tier--two .buttons {
    margin-top: 7px; }
    .error-tier--two .buttons a {
      text-decoration: none; }
    .error-tier--two .buttons .btn--sm {
      border: 1px solid #fff;
      border-radius: 4px;
      color: #fff;
      font-size: 19px;
      font-weight: 400;
      height: 34px;
      line-height: 32px;
      margin-top: 10px;
      max-width: 100%;
      text-align: center;
      text-transform: uppercase;
      width: 300px; }
      .error-tier--two .buttons .btn--sm:hover {
        cursor: pointer;
        text-decoration: none; }
      @media screen and (max-width: 499px) {
        .error-tier--two .buttons .btn--sm {
          max-width: 100%;
          width: 100%; } }

.accordion {
  margin: 0 -5px; }
  .accordion__panel {
    margin: 0 auto 10px;
    max-width: 100%;
    user-select: none; }
    .accordion__panel--policy-books, .accordion__panel--faqs {
      margin-top: 2.5em; }
      .accordion__panel--policy-books small, .accordion__panel--faqs small {
        font-size: 16px;
        line-height: 14.4px; }
  @media screen and (min-width: 768px) {
    .accordion {
      margin: 0 auto;
      max-width: 680px; } }

p + .accordion {
  margin-top: 20px; }

.multifaqs .hiddenFaqs {
  display: none;
  margin-bottom: 20px; }
  .multifaqs .hiddenFaqs .accordion {
    margin: 0 auto;
    max-width: 100%; }
    .multifaqs .hiddenFaqs .accordion__panel .btn--sm {
      margin-top: 10px; }
      .multifaqs .hiddenFaqs .accordion__panel .btn--sm:last-of-type {
        margin-bottom: 5px; }

.multifaqs .copy > h2 {
  margin-bottom: 30px !important; }

.feedbackTab {
  height: 77px;
  width: 55px;
  background-color: rgba(255, 95, 0, 0.9);
  border-radius: 3px 0 0 3px;
  box-sizing: border-box;
  color: #fff;
  cursor: pointer;
  font-size: 14px;
  line-height: 1.1;
  padding: 6px 5px;
  position: fixed;
  right: 0;
  top: 510px;
  z-index: 10; }

.feedbackFormContainer {
  background: none repeat scroll 0 0 #f5f5f5;
  border-radius: 9px;
  box-sizing: border-box;
  display: none;
  font-family: "effra", Verdana, Arial, sans-serif;
  height: auto;
  padding: 9px 10px 44px;
  position: absolute;
  text-align: center;
  width: 640px;
  z-index: 9999; }
  @media screen and (max-width: 690px) {
    .feedbackFormContainer {
      border-radius: 0;
      margin-left: 0;
      margin-top: 0 !important;
      top: 0 !important;
      width: 100%; } }
  .feedbackFormContainer a,
  .feedbackFormContainer p {
    -moz-font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    font-weight: normal;
    line-height: 18px;
    padding: 0 0 11px; }
  .feedbackFormContainer a {
    color: #0078ff; }
  @media screen and (max-width: 690px) {
    .feedbackFormContainer h2 {
      margin-left: 0;
      margin-right: 0;
      margin-top: 30px; } }
  .feedbackFormContainer h3 {
    background: #e1e1e1;
    background: linear-gradient(to right, #f5f5f5 0%, #e1e1e1 51%, #f5f5f5 100%);
    color: #695a3c;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#f5f5f5',GradientType=1 );
    font-size: 18px;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 25px;
    margin-top: 20px;
    padding: 6px 0 8px; }
    .feedbackFormContainer h3.btm {
      margin-bottom: 18px;
      margin-top: 18px;
      clear: both; }
  @media screen and (max-width: 690px) {
    .feedbackFormContainer label.lrg {
      width: 100%; } }
  .feedbackFormContainer select {
    float: left;
    margin: 0;
    display: block;
    width: 295px;
    height: 35px;
    border: 1px solid #999999;
    padding: 5px;
    font-size: 18px;
    font-weight: 300;
    text-align: left;
    box-sizing: border-box;
    font-family: "effra", Helvetica, Arial, sans-serif; }
  .feedbackFormContainer p {
    font-size: 16px;
    font-weight: 300 !important;
    margin: 0 auto;
    width: 390px; }
    @media screen and (max-width: 690px) {
      .feedbackFormContainer p {
        width: 100%; } }
    .feedbackFormContainer p.thanks {
      padding: 30px 0; }

.feedbackFormA1 {
  padding-left: 20px;
  padding-right: 20px; }
  .feedbackFormA1 h2 {
    border-bottom: 1px solid #aa8c8c;
    font-size: 28px;
    font-weight: 300;
    line-height: 30px;
    margin-bottom: 30px;
    margin-left: 40px;
    margin-right: 40px;
    padding: 20px 0 28px; }
    @media screen and (max-width: 690px) {
      .feedbackFormA1 h2 {
        width: 100%;
        margin-left: 0;
        margin-right: 0; } }
  .feedbackFormA1 input:not(.btn) {
    margin-bottom: 10px; }
  .feedbackFormA1 input[type='input'],
  .feedbackFormA1 textarea {
    background-color: #fff;
    border: 1px solid #999;
    box-sizing: border-box;
    font-family: "effra", Verdana, Arial, sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    height: 35px;
    padding-left: 6px;
    padding: 5px;
    vertical-align: top;
    width: 320px;
    word-spacing: 2px; }
    @media screen and (max-width: 690px) {
      .feedbackFormA1 input[type='input'],
      .feedbackFormA1 textarea {
        width: 100%; } }
  .feedbackFormA1 label,
  .feedbackFormA1 input[type='input'] {
    display: block; }
  .feedbackFormA1 label {
    color: #503c3c;
    float: left;
    font-weight: normal;
    line-height: 18px;
    margin-top: 7px;
    padding: 0 0 11px;
    padding-right: 10px;
    text-align: right;
    width: 155px;
    clear: both; }
    .feedbackFormA1 label.lrg {
      color: #695a3c;
      float: none;
      height: auto;
      margin: 0 auto;
      padding: 0 0 11px;
      text-align: center;
      width: 390px; }
      @media screen and (max-width: 690px) {
        .feedbackFormA1 label.lrg {
          width: 100%; } }
    @media screen and (max-width: 690px) {
      .feedbackFormA1 label {
        text-align: left;
        width: 100%; } }
    .feedbackFormA1 label.full {
      width: 100%;
      max-width: 480px;
      text-align: center;
      margin: 10px auto 5px;
      float: none; }
      .feedbackFormA1 label.full + select {
        float: none;
        margin: 0 auto 30px; }
  @media screen and (max-width: 690px) {
    .feedbackFormA1 p {
      width: 100%; } }
  .feedbackFormA1 textarea {
    height: 125px;
    margin-bottom: 15px;
    width: 390px;
    margin: 0 auto; }

.btn--submit-feedback {
  clear: both;
  display: block;
  border-bottom-left-radius: 2px;
  text-indent: 0px;
  border: 1px solid #007d00;
  display: inline-block;
  color: #ffffff;
  font-family: "effra", Helvetica, Arial, sans-serif;
  font-size: 18px;
  font-weight: 400;
  /* height: 42px; */
  line-height: 36px;
  width: 282px;
  text-decoration: none;
  text-align: center;
  margin-top: 44px;
  cursor: pointer;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 2px;
  color: white; }

.btn--close-feedback:link, .btn--close-feedback:visited {
  color: white;
  border-radius: 2px;
  cursor: pointer;
  display: block;
  float: right;
  font-family: "effra", Verdana, Arial, sans-serif;
  font-size: 18px;
  font-weight: 400;
  height: auto;
  line-height: 36px;
  padding: 2px 0;
  text-align: center;
  text-decoration: none;
  text-indent: 0;
  width: 282px; }

.btn--close-feedback.inner {
  background: url("/assets/images/policy-doc-close.svg") no-repeat 100% 50%;
  border: 0;
  color: #0078ff;
  filter: none;
  font-size: 20px;
  height: 25px;
  line-height: 22px;
  position: absolute;
  right: 10px;
  text-align: left;
  top: 5px;
  width: 70px; }

.btn--close-feedback-2 {
  display: none !important; }
  @media screen and (max-width: 690px) {
    .btn--close-feedback-2 {
      display: block !important;
      left: 20px; } }

.feedbackThanks {
  display: none;
  padding: 0 20px; }

.processingForm {
  display: none; }

.site-footer {
  background: #503c3c;
  color: #fff;
  margin-top: 60px;
  padding: 1em 0; }
  .page-car-warranty .site-footer,
  .page-home .site-footer,
  .page-home-insurance .site-footer,
  .page-travel-insurance .site-footer,
  .page-renewals-webchat .site-footer,
  .page-customer-service-webchat .site-footer,
  .page-car-insurance .site-footer,
  .page-claims-webchat .site-footer,
  .page-complaint-service-webchat .site-footer,
  .page-claims-complaints-webchat .site-footer,
  .page-thank-you .site-footer,
  .page-elephant-app .site-footer {
    margin-top: 0; }
  @media screen and (min-width: 768px) {
    .site-footer {
      margin-top: 50px; } }
  .site-footer hr {
    border-color: #826464;
    margin: .3em 0 .75em; }
  .site-footer a {
    color: #fff; }
  .site-footer .svg-container {
    height: 36px;
    width: 36px;
    float: left;
    margin: .25em 0;
    margin-right: .4em;
    opacity: .9; }
  @media screen and (min-width: 768px) {
    .site-footer {
      padding: 1.2em 0; }
      .site-footer hr {
        margin: 1.8em 0 1em; }
      .site-footer .svg-container {
        height: 41px;
        width: 41px;
        margin: 0 1em 0 0; } }

.copyright {
  font-size: 14px;
  line-height: 19px; }
  @media screen and (min-width: 768px) {
    .copyright {
      font-size: 16px; }
      .copyright p {
        line-height: 2.25; } }

.footer-nav li {
  margin: .75em 0; }

.footer-nav a {
  display: block;
  font-size: 16px;
  line-height: 1.38; }

@media screen and (min-width: 768px) {
  .footer-nav ul {
    columns: 2; }
  .footer-nav li {
    display: inline-block;
    margin: .2em 0;
    width: 100%; }
  .footer-nav a {
    font-size: 18px;
    line-height: 1.78; } }

.registered {
  border: 1px solid #826464;
  padding: 10px;
  margin-top: 13px;
  margin-bottom: 50px; }
  @media screen and (min-width: 768px) {
    .registered {
      margin-bottom: 0; } }
  .registered p {
    font-size: 12px;
    line-height: 19px; }
    .registered p:first-child {
      margin-bottom: 9px; }

.form-wrapper {
  width: 1024px;
  max-width: 100%;
  margin: -10px auto 95px auto;
  padding: 0 15px; }
  @media screen and (max-width: 760px) {
    .form-wrapper {
      margin: -35px auto 40px auto;
      width: 520px;
      padding: 0 10px; } }
  .form-wrapper .form-container--telephone {
    padding: 20px 15px 32px 15px;
    background-color: #404040;
    border-radius: 6px;
    color: #fff;
    overflow: hidden; }
    @media screen and (max-width: 760px) {
      .form-wrapper .form-container--telephone {
        padding: 12px 15px 20px 15px; } }
    .form-wrapper .form-container--telephone p {
      font-size: 26px;
      line-height: 36px; }
      .form-wrapper .form-container--telephone p:first-of-type {
        padding-top: 0; }
      @media screen and (max-width: 760px) {
        .form-wrapper .form-container--telephone p {
          font-size: 15px;
          line-height: 22px; } }
      .form-wrapper .form-container--telephone p a {
        color: #fff;
        text-decoration: underline !important; }
    .form-wrapper .form-container--telephone .content {
      max-width: calc(100% - 450px);
      width: 100%;
      margin: 0;
      float: left;
      display: block; }
      @media screen and (max-width: 768px) {
        .form-wrapper .form-container--telephone .content {
          padding-left: 0;
          padding-right: 0; } }
      @media screen and (max-width: 874px) {
        .form-wrapper .form-container--telephone .content {
          max-width: 100%;
          min-width: unset;
          float: none; } }
    .form-wrapper .form-container--telephone form {
      width: 430px;
      max-width: 100%;
      margin-top: 10px;
      position: relative;
      float: right; }
      @media screen and (max-width: 874px) {
        .form-wrapper .form-container--telephone form {
          width: 100%;
          margin-top: 20px;
          float: none; } }
      .form-wrapper .form-container--telephone form input {
        width: 100%;
        height: 56px;
        padding: 0 15px;
        font-size: 22px;
        line-height: 56px;
        border-radius: 4px;
        border: none;
        box-sizing: border-box;
        background: #fff; }
        .form-wrapper .form-container--telephone form input::placeholder, .form-wrapper .form-container--telephone form input::-webkit-input-placeholder {
          color: #0078ff; }
        @media screen and (max-width: 760px) {
          .form-wrapper .form-container--telephone form input {
            height: 47px;
            font-size: 16px;
            line-height: 47px; } }
        .form-wrapper .form-container--telephone form input[type="submit"] {
          width: 96px;
          text-transform: uppercase;
          text-align: center;
          border-top-left-radius: 0;
          border-bottom-left-radius: 0;
          position: absolute;
          top: 0;
          right: 0;
          color: #5A281E;
          background: #FFFF9B;
          background: linear-gradient(to bottom, #FFFF9B 0%, #CDA300 100%); }
    .form-wrapper .form-container--telephone-error, .form-wrapper .form-container--telephone-success {
      display: none; }
      .form-wrapper .form-container--telephone-error.display, .form-wrapper .form-container--telephone-success.display {
        display: block; }
    .form-wrapper .form-container--telephone.error {
      background-color: #FF8400; }
    .form-wrapper .form-container--telephone.success {
      background-color: #00A32E; }

.mytripsplus-form-message {
  display: none; }

.mytripsplus-form .btn {
  display: block;
  margin: 0 auto;
  font-weight: 400 !important; }

.checkbox {
  margin-right: 10px; }

.full-banner {
  background: #ffdc00;
  min-height: calc(100vh - 101px - 278.67px); }
  @media only screen and (max-width: 767px) {
    .full-banner {
      min-height: calc(100vh - 46px - 342.8px); } }
  .full-banner--fluid-height {
    min-height: 0; }
    @media only screen and (max-width: 767px) {
      .full-banner--fluid-height {
        min-height: 0; } }
  .full-banner .content {
    margin: 0 auto;
    max-width: 100%;
    padding: 57px 10px 46px;
    text-align: center;
    width: 520px; }
    .full-banner .content--wide {
      width: 768px; }
      .full-banner .content--wide p {
        width: 380px;
        margin-left: auto;
        margin-right: auto; }
    @media only screen and (max-width: 767px) {
      .full-banner .content {
        background: transparent;
        min-width: 320px;
        padding: 30px 10px 28px;
        text-align: left;
        width: 520px; }
        .full-banner .content--wide {
          width: 520px; }
          .full-banner .content--wide p {
            width: 100%; } }
  .full-banner h1 {
    font-size: 52px;
    font-weight: 400;
    line-height: 56px;
    padding-bottom: 10px; }
    @media only screen and (max-width: 767px) {
      .full-banner h1 {
        font-size: 24px;
        line-height: 30px;
        padding-bottom: 10px; } }
  .full-banner p {
    font-size: 18px;
    line-height: 26px;
    padding-bottom: 20px; }
    @media only screen and (max-width: 767px) {
      .full-banner p {
        font-size: 15px;
        line-height: 19px; } }
    .full-banner p:last-of-type {
      padding-bottom: 0; }
    .full-banner p.caveat {
      width: 430px;
      max-width: 100%;
      margin: 0 auto;
      padding-bottom: 13px;
      font-size: 18px;
      line-height: 26px;
      text-align: left; }
      @media only screen and (max-width: 767px) {
        .full-banner p.caveat {
          width: unset;
          padding-bottom: 5px;
          font-size: 15px;
          line-height: 19px; } }
    .full-banner p.uw-web-chat-content {
      padding-bottom: 20px; }
    .full-banner p.opening-hours {
      width: 430px;
      max-width: 100%;
      margin: 0 auto;
      padding-bottom: 0;
      font-size: 14px;
      line-height: 25px;
      text-align: left; }
      @media only screen and (max-width: 767px) {
        .full-banner p.opening-hours {
          width: unset;
          font-size: 12px;
          line-height: 17px; } }
    .full-banner p a {
      font-size: inherit;
      font-weight: inherit;
      color: #0078ff; }
  .full-banner .buttons {
    width: 430px;
    max-width: 100%;
    margin: 15px auto 22px auto; }
    @media only screen and (max-width: 767px) {
      .full-banner .buttons {
        width: 100%;
        max-width: unset;
        margin: 5px 0 17px; } }
    .full-banner .buttons .button {
      border: 1px solid;
      cursor: pointer;
      display: block;
      font-weight: 400;
      width: 100%;
      box-sizing: border-box; }
      .full-banner .buttons .button div, .full-banner .buttons .button span {
        color: inherit;
        font-size: inherit;
        font-weight: inherit;
        line-height: 16px;
        margin: auto; }
      .full-banner .buttons .button--primary {
        background: linear-gradient(to bottom, #00b000 0%, #007e00 100%);
        border-color: #007d00; }
        .no-cssgradients .full-banner .buttons .button--primary {
          background: #007e00;
          filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#00b000, endColorstr=#007e00); }
      .full-banner .buttons .button--secondary {
        background: linear-gradient(to bottom, #ff8c00 0%, #ff3200 100%);
        border-color: #ff3200; }
        .no-cssgradients .full-banner .buttons .button--secondary {
          background: #ff3200;
          filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#ff8c00, endColorstr=#ff3200); }
      .full-banner .buttons .button--tertiary {
        background: linear-gradient(to bottom, #0096ff 0%, #005abe 100%);
        border-color: #0082C8; }
        .no-cssgradients .full-banner .buttons .button--tertiary {
          background: #005abe;
          filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#0096ff, endColorstr=#005abe); }
      .full-banner .buttons .button--white-grad {
        background: linear-gradient(to bottom, #fefefe 0%, #bfbfd1 100%);
        border-color: #bebed2; }
        .no-cssgradients .full-banner .buttons .button--white-grad {
          background: #bfbfd1;
          filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#fefefe, endColorstr=#bfbfd1); }
      .full-banner .buttons .button--yellow-grad {
        background: linear-gradient(to bottom, #ffff0f 0%, #ffb500 100%);
        border-color: #ffb200; }
        .no-cssgradients .full-banner .buttons .button--yellow-grad {
          background: #ffb500;
          filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#ffff0f, endColorstr=#ffb500); }
      .full-banner .buttons .button--ghost {
        background: linear-gradient(to bottom, transparent 0%, transparent 100%);
        border-color: #0078ff;
        color: #0078ff; }
        .no-cssgradients .full-banner .buttons .button--ghost {
          background: transparent;
          filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=transparent, endColorstr=transparent); }
      .full-banner .buttons .button--green {
        background: linear-gradient(to bottom, #00C535 0%, #00A32E 100%);
        border-color: #00C535;
        color: #fff; }
        .no-cssgradients .full-banner .buttons .button--green {
          background: #00A32E;
          filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#00C535, endColorstr=#00A32E); }
      .full-banner .buttons .button--grey {
        background: linear-gradient(to bottom, #695A3C 0%, #695A3C 100%);
        border-color: #695A3C;
        color: #fff; }
        .no-cssgradients .full-banner .buttons .button--grey {
          background: #695A3C;
          filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#695A3C, endColorstr=#695A3C); }
      .full-banner .buttons .button--orange {
        background: linear-gradient(to bottom, #FF7911 0%, #FF7911 100%);
        border-color: #FF7911;
        color: #fff; }
        .no-cssgradients .full-banner .buttons .button--orange {
          background: #FF7911;
          filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#FF7911, endColorstr=#FF7911); }
      .full-banner .buttons .button--hero, .full-banner .buttons .button--chat {
        font-size: 24px;
        line-height: 40px;
        min-height: 40px;
        padding: 5px 15px; }
        @media only screen and (max-width: 767px) {
          .full-banner .buttons .button--hero, .full-banner .buttons .button--chat {
            font-size: 18px;
            min-height: 44px;
            padding: 1px 10px; } }
      .full-banner .buttons .button--chat span {
        padding-left: 53px;
        position: relative; }
        @media only screen and (max-width: 767px) {
          .full-banner .buttons .button--chat span {
            padding-left: 47px; } }
        .full-banner .buttons .button--chat span:before {
          position: absolute;
          width: 42px;
          height: 33px;
          background: transparent url("/assets/images/btn-icons/chat.svg") no-repeat center center;
          background-size: 42px 33px;
          content: "";
          display: block;
          top: -1px;
          left: 0; }
          @media only screen and (max-width: 767px) {
            .full-banner .buttons .button--chat span:before {
              width: 40px;
              height: 31.5px;
              background-size: 40px 31.5px;
              top: -4px; } }
      .full-banner .buttons .button--option {
        font-size: 15px;
        line-height: 32px;
        font-weight: 400;
        min-height: 40px;
        padding: 3px 15px; }
        @media only screen and (max-width: 767px) {
          .full-banner .buttons .button--option {
            height: 35px;
            min-height: 35px;
            padding: 2px 10px; } }
      .full-banner .buttons .button--hero, .full-banner .buttons .button--chat, .full-banner .buttons .button--option {
        margin: 11px auto 0;
        text-align: center; }
        @media only screen and (max-width: 767px) {
          .full-banner .buttons .button--hero, .full-banner .buttons .button--chat, .full-banner .buttons .button--option {
            margin: 5px auto 0; } }
      .full-banner .buttons .button--hero:first-of-type, .full-banner .buttons .button--chaton:first-of-type {
        margin-top: 0; }
    .full-banner .buttons .button--hero + .button--option,
    .full-banner .buttons .button--chat + .button--option {
      margin: 10px auto 0; }

.mobile-controls {
  display: none; }
  @media only screen and (max-width: 767px) {
    .mobile-controls {
      background: linear-gradient(to bottom, #fafafa 0%, #ebebef 100%);
      border-bottom: 1px solid #aa8c8c;
      display: block;
      padding: 5px 10px 4px 7px; }
      .no-cssgradients .mobile-controls {
        background: #ebebef;
        filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#fafafa, endColorstr=#ebebef); } }
  .mobile-controls:after {
    content: "";
    display: block;
    clear: both; }
  .mobile-controls .logo {
    max-width: 100px;
    height: auto;
    display: block;
    float: left; }
    @media only screen and (max-width: 767px) {
      .mobile-controls .logo {
        max-width: 50px; } }
    .mobile-controls .logo img {
      margin-top: 2px; }
      @media only screen and (max-width: 767px) {
        .mobile-controls .logo img {
          margin-top: 0; } }

.mobile-controls__toggle {
  float: right;
  margin-top: 6px; }
  .mobile-controls__toggle:hover {
    text-decoration: none; }
  .mobile-controls__toggle p {
    color: #aa8c8c;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 500;
    display: inline; }

.mobile-controls__icon {
  height: 23px;
  width: 26px;
  float: right;
  margin-left: 8px;
  position: relative; }
  .nav-open .mobile-controls__icon {
    height: 25px;
    margin: 0 2px 0 0;
    transform: rotate(45deg);
    width: 25px; }
  .mobile-controls__icon span {
    display: block;
    background-color: #503c3c;
    height: 4px;
    margin-bottom: 5px;
    letter-spacing: .05em; }
    .mobile-controls__icon span:last-of-type {
      margin-bottom: 0; }
    .nav-open .mobile-controls__icon span {
      position: absolute;
      top: 50%;
      left: 50%;
      height: 3px;
      width: 25px;
      margin-bottom: 0;
      transform: translateY(-50%) translateX(-50%); }
      .nav-open .mobile-controls__icon span:first-of-type {
        display: none; }
      .nav-open .mobile-controls__icon span:last-of-type {
        width: 3px;
        height: 25px; }

.mobile-controls__floating-close {
  opacity: 0;
  pointer-events: none;
  width: 40px;
  height: 40px;
  border-radius: 20px;
  position: fixed;
  z-index: 902;
  top: 4px;
  right: 5px;
  border: 1px solid #aa8c8c;
  background-color: #f8f8f8;
  transition: opacity 0.4s ease-in-out; }
  .mobile-controls__floating-close.show {
    opacity: 1;
    pointer-events: auto; }
  .mobile-controls__floating-close span {
    position: absolute;
    height: 3px;
    width: 25px;
    background-color: #aa8c8c;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%); }
    .mobile-controls__floating-close span:last-of-type {
      width: 3px;
      height: 25px; }
  .mobile-controls__floating-close .mobile-controls__icon--floating {
    transform: rotate(45deg);
    position: relative;
    width: 100%;
    height: 100%; }

.main-nav {
  border-bottom: 1px solid #aa8c8c; }
  @media only screen and (max-width: 767px) {
    .main-nav {
      display: none;
      padding-bottom: 0; } }

body.nav-open {
  overflow: hidden;
  position: fixed;
  height: 100%; }
  body.nav-open header {
    background-color: #fff;
    height: 100%;
    overflow: scroll;
    padding-bottom: 40px;
    position: fixed;
    width: 100%;
    z-index: 801; }
  body.nav-open .main-nav {
    display: block; }

.main-nav__customer {
  background-color: #fafafa;
  background: #fafafa;
  background: linear-gradient(to bottom, #fafafa 0%, #d7d7dc 100%); }
  @media only screen and (max-width: 767px) {
    .main-nav__customer {
      background: none; } }

.main-nav__customer-container {
  width: 1024px;
  max-width: 100%;
  margin: 0 auto;
  display: flex;
  align-items: center;
  padding-left: 20px; }
  @media only screen and (max-width: 767px) {
    .main-nav__customer-container {
      padding-left: 0;
      flex-direction: column; } }

.main-nav__customer-container .logo {
  margin-right: 34px;
  max-width: 175px;
  height: auto;
  align-self: flex-end; }
  @media only screen and (max-width: 767px) {
    .main-nav__customer-container .logo {
      display: none; } }
  body.no-flex .main-nav__customer-container .logo {
    float: left; }
    @media only screen and (max-width: 767px) {
      body.no-flex .main-nav__customer-container .logo {
        float: none; } }
  .main-nav__customer-container .logo + .main-nav__customer-link {
    margin-left: auto; }
  .main-nav__customer-container .logo img {
    vertical-align: bottom; }

.main-nav__customer-link {
  width: 110px;
  height: 100px;
  text-align: center;
  border-color: rgba(170, 140, 140, 0.4);
  border-style: solid;
  border-width: 0 0 0 1px;
  box-sizing: border-box; }
  .main-nav__customer-link:hover {
    text-decoration: none; }
  @media only screen and (max-width: 767px) {
    .main-nav__customer-link:first-of-type {
      border-top: 0; } }
  .main-nav__customer-link:last-of-type {
    border-width: 0 1px 0 1px; }
    @media only screen and (max-width: 1024px) {
      .main-nav__customer-link:last-of-type {
        border-width: 0 0 0 1px; } }
    @media only screen and (max-width: 768px) {
      .main-nav__customer-link:last-of-type {
        border-width: 0; } }
  body.no-flex .main-nav__customer-link {
    float: left; }
    @media only screen and (max-width: 767px) {
      body.no-flex .main-nav__customer-link {
        float: none; } }
  @media only screen and (max-width: 767px) {
    .main-nav__customer-link {
      position: relative;
      width: 100%;
      display: block;
      box-sizing: border-box;
      border-width: 0 0 1px 0;
      height: auto;
      text-align: left;
      background: #FAFAFA;
      background: linear-gradient(to bottom, #FAFAFA 0%, #D7D7DC 100%); }
      .main-nav__customer-link:nth-last-of-type(2) {
        border-bottom: 0; }
      .main-nav__customer-link:after {
        content: "";
        position: absolute;
        display: block;
        width: 8px;
        height: 16px;
        right: 15px;
        top: 12px;
        background-size: 8px 16px;
        background: url("/assets/images/icon-arrow-slim-grey.svg") no-repeat 50% 50%; } }
  @media only screen and (max-width: 767px) {
    .main-nav__customer-link:not(.main-nav__customer-link--account) {
      order: 2; } }
  .main-nav__customer-link > a {
    display: flex;
    flex-direction: column;
    padding: 0 15px;
    height: 100%;
    overflow: hidden; }
    @media only screen and (max-width: 767px) {
      .main-nav__customer-link > a {
        padding: 11px 17px 11px 20px;
        display: block; } }
  .main-nav__customer-link img {
    height: 40px;
    width: 40px;
    display: block;
    margin: 9px auto 0; }
    @media only screen and (max-width: 767px) {
      .main-nav__customer-link img {
        display: none; } }
  .main-nav__customer-link p {
    flex: 2;
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
    margin-bottom: 18px;
    margin-top: 3px;
    text-transform: uppercase; }
    @media only screen and (max-width: 767px) {
      .main-nav__customer-link p {
        font-size: 15px;
        line-height: 20px;
        margin-top: 0;
        margin-bottom: 0; } }
    .main-nav__customer-link p span {
      position: relative;
      display: block;
      top: 50%;
      transform: translateY(-50%); }
      @media only screen and (max-width: 767px) {
        .main-nav__customer-link p span {
          top: 0;
          transform: none; } }

.main-nav__customer-link--orange {
  background: #ff8c00;
  background: linear-gradient(to bottom, #ff8c00 0%, #ff3200 100%);
  border-color: #BE923D; }
  @media only screen and (max-width: 767px) {
    .main-nav__customer-link--orange::after {
      background: url("/assets/images/icon-arrow-slim-white.svg") no-repeat 50% 50%;
      opacity: .7; } }
  .main-nav__customer-link--orange p {
    color: #fff; }

.main-nav__customer-link--blue {
  background: #ff8c00;
  background: linear-gradient(to bottom, #00b8ea 0%, #0080cc 100%);
  border-color: #BE923D; }
  @media only screen and (max-width: 767px) {
    .main-nav__customer-link--blue::after {
      background: url("/assets/images/icon-arrow-slim-white.svg") no-repeat 50% 50%;
      opacity: .7; } }
  .main-nav__customer-link--blue p {
    color: #fff; }

@media only screen and (max-width: 767px) {
  .main-nav__customer-link--phone::after {
    background: url("/assets/images/phone-icon.svg") no-repeat 50% 50%/auto 100%;
    width: 16px;
    height: 20px; } }

.main-nav__container {
  max-width: 1024px;
  margin: 0 auto; }
  @media only screen and (max-width: 767px) {
    .main-nav__container {
      max-width: 100%; } }

.main-nav__list, .main-nav__list--submenu {
  list-style-type: none; }

.main-nav__list {
  border-left: 1px solid red;
  display: flex; }
  @media only screen and (max-width: 1024px) {
    .main-nav__list {
      border-left: 0; } }
  @media only screen and (max-width: 767px) {
    .main-nav__list {
      display: block; } }

.main-nav__item {
  display: inline-block;
  border-right: 1px solid red; }
  @media only screen and (max-width: 767px) {
    .main-nav__item:first-of-type {
      border-right: 0; } }
  @media only screen and (max-width: 767px) {
    .main-nav__item {
      border-right: 0;
      display: block;
      border-bottom: 1px solid red;
      position: relative; }
      .main-nav__item:last-of-type {
        border-bottom: 0; }
      .main-nav__item:after {
        content: "";
        position: absolute;
        display: block;
        width: 8px;
        height: 16px;
        right: 15px;
        top: 12px;
        background-size: 8px 16px;
        background: url(/assets/images/icon-arrow-slim-grey.svg) no-repeat 50% 50%; } }

.main-nav__item--child {
  display: block;
  border-right: 0;
  padding: 0 30px;
  position: relative;
  text-align: left; }
  @media only screen and (max-width: 767px) {
    .main-nav__item--child {
      border-bottom: 0;
      padding: 0; } }
  .main-nav__item--child:last-of-type a {
    border-bottom: 0; }
  .main-nav__item--child.main-nav__item--desktopOnly {
    display: block; }
    @media only screen and (max-width: 767px) {
      .main-nav__item--child.main-nav__item--desktopOnly {
        display: none; } }
  .main-nav__item--child:after {
    content: "";
    position: absolute;
    display: block;
    width: 10px;
    height: 22px;
    right: 28px;
    top: 50%;
    transform: translateY(-50%);
    background-color: #aa8c8c;
    background: url(/assets/images/icon-arrow-slim-grey.svg) no-repeat 100% 50%;
    background-size: auto 100%;
    z-index: 0; }
    @media only screen and (max-width: 767px) {
      .main-nav__item--child:after {
        content: "";
        position: absolute;
        display: block;
        width: 8px;
        height: 16px;
        right: 15px;
        top: 12px;
        background-size: 8px 16px;
        background: url(/assets/images/icon-arrow-slim-grey.svg) no-repeat 100% 50%;
        transform: none; } }
  .main-nav__item--child.extraPadding a {
    border-bottom: 0; }
    @media only screen and (max-width: 767px) {
      .main-nav__item--child.extraPadding a {
        padding-bottom: 23px; } }

.main-nav__item a {
  display: block;
  padding: 16px 16px 16px 12px;
  color: white;
  text-transform: uppercase;
  font-size: 1.320px;
  line-height: 19px;
  font-weight: 500; }
  @media only screen and (max-width: 767px) {
    .main-nav__item a {
      padding: 12px 17px 11px 20px;
      font-size: 15px; } }
  .main-nav__item a:hover {
    text-decoration: none;
    background: red; }
    @media only screen and (max-width: 767px) {
      .main-nav__item a:hover {
        background: transparent; } }

.main-nav__item--child a {
  color: #503c3c;
  font-size: 20px;
  font-weight: 500;
  padding: 23px 0 20px;
  border-bottom: 1px solid grey;
  line-height: 18px;
  position: relative;
  z-index: 1; }
  @media only screen and (max-width: 767px) {
    .main-nav__item--child a {
      color: #503c3c;
      font-size: 15px;
      padding: 11px 17px 11px 20px;
      border-bottom: 0; } }
  .main-nav__item--child a:hover {
    background: transparent; }

.main-nav__item span {
  font-size: inherit;
  display: block; }
  @media only screen and (max-width: 767px) {
    .main-nav__item span {
      display: inline; } }

.main-nav__item--mobileOnly {
  display: none; }
  @media only screen and (max-width: 767px) {
    .main-nav__item--mobileOnly {
      display: block; } }

@media only screen and (max-width: 767px) {
  .main-nav__item--noborder {
    border-bottom: 0; } }

.main-nav div[class*="--parent"]:after {
  width: 4px;
  height: 18px;
  right: 17px;
  top: 11px;
  background-size: auto 100%;
  pointer-events: none;
  background: url("/assets/images/menu-subpage.svg") no-repeat 50% 50%; }

.main-nav div[class*="--parent"].open > a {
  color: #aa8c8c; }

.main-nav div[class*="--parent"].open:after {
  width: 14px;
  height: 14px;
  right: 12px;
  top: 13px;
  background-size: auto 100%;
  background: url("/assets/images/menu-subpage-open.svg") no-repeat 50% 50%; }

.main-nav div[class*="--child"] {
  display: none;
  position: absolute;
  z-index: 901;
  background-color: #fff;
  border-radius: 5px;
  top: 50px;
  left: 50%;
  transform: translateX(-50%);
  width: 600px;
  border: 1px solid grey; }
  @media only screen and (max-width: 767px) {
    .main-nav div[class*="--child"] {
      border: 0;
      position: relative;
      background-color: transparent;
      border-radius: 0;
      top: auto;
      left: auto;
      transform: none;
      width: auto;
      z-index: 0; }
      .main-nav div[class*="--child"] ul {
        padding-bottom: 10px;
        padding-left: 20px; } }

.main-nav .main-nav__modal-close {
  display: none;
  z-index: 901;
  width: 22px;
  height: 22px;
  background-image: url(/assets/images/nav-modal-close.svg);
  background-size: cover;
  cursor: pointer;
  position: absolute;
  top: 50px;
  left: calc(50% + 310px); }

#blackout {
  background: #000;
  display: none;
  left: 0;
  min-height: 100%;
  opacity: .7;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 900; }

.hero-banner {
  background-repeat: no-repeat;
  overflow: hidden;
  text-align: center; }
  .hero-banner h1 {
    font-size: 52px;
    line-height: 54px;
    padding-top: 8px; }
    @media screen and (max-width: 480px) {
      .hero-banner h1 {
        font-size: 25px;
        line-height: 27px;
        margin-left: 0; } }
  .hero-banner .content {
    max-width: 100%;
    width: 680px; }
    @media screen and (max-width: 480px) {
      .hero-banner .content {
        margin: 0 4px; } }
  @media (max-width: 590px) and (orientation: landscape) {
    .hero-banner .desktopHide {
      display: block; } }
  @media (max-width: 590px) and (orientation: landscape) {
    .hero-banner .mobileHide {
      display: none; } }
  .hero-banner--breakdown {
    overflow: hidden;
    padding-bottom: 30px;
    text-align: center; }
    @media (max-width: 760px) {
      .hero-banner--breakdown {
        background-image: none; } }
    .hero-banner--breakdown img {
      margin-left: -64px; }
      @media screen and (max-width: 480px) {
        .hero-banner--breakdown img {
          margin-left: -37px; } }
    .hero-banner--breakdown .content {
      max-width: 100%;
      width: 1024px; }
    .hero-banner--breakdown h1 {
      font-size: 40px;
      font-weight: 400;
      line-height: 45px;
      padding-top: 5px;
      text-align: center;
      /*
      @media screen and (max-width: 460px) {
        font-size: 36px;
        line-height: 38px;
      }
      */ }
    .hero-banner--breakdown p {
      color: #826e46;
      font-size: 18px;
      line-height: 26px;
      margin: 0 auto;
      max-width: 100%;
      padding-top: 13px;
      text-align: center;
      width: 400px; }
      @media (max-width: 760px) {
        .hero-banner--breakdown p {
          margin-left: auto;
          text-align: center; } }
    .hero-banner--breakdown .btn {
      margin-left: 0;
      margin-top: 22px;
      width: 300px; }
      @media (max-width: 760px) {
        .hero-banner--breakdown .btn {
          margin-left: auto; } }
  .hero-banner--cashback {
    height: 386px;
    padding: 45px 0; }
    @media (max-width: 690px) {
      .hero-banner--cashback {
        height: 342px;
        margin: -10px 0 3px;
        padding: 35px 0; } }
    .hero-banner--cashback h1 {
      font-size: 48px;
      font-weight: 500;
      letter-spacing: 0.02em;
      line-height: 1;
      margin: 12px 0;
      padding: 0; }
      @media (max-width: 690px) {
        .hero-banner--cashback h1 {
          font-size: 34px;
          letter-spacing: normal; } }
    .hero-banner--cashback p {
      font-size: 14px;
      line-height: 18px;
      padding: 0;
      margin: 17px 0; }
      @media (max-width: 690px) {
        .hero-banner--cashback p {
          line-height: 17px;
          margin: 0; } }
    .hero-banner--cashback .content {
      margin: 0 auto;
      max-width: 100%;
      padding: 0;
      width: 550px; }
      @media (max-width: 690px) {
        .hero-banner--cashback .content {
          width: 320px;
          padding: 0 5px; } }
    .hero-banner--cashback .btn-group {
      margin: 30px auto 0; }
  .hero-banner--home {
    padding: 0; }
    .hero-banner--home h1,
    .hero-banner--home h2 {
      font-size: 65px;
      font-weight: 200;
      line-height: 67px;
      padding-top: 18px; }
    @media (max-width: 768px) {
      .hero-banner--home h1 {
        font-size: 62px;
        line-height: 66px;
        margin-left: auto;
        margin-right: auto;
        max-width: 100%;
        padding-top: 20px;
        width: 600px; } }
    @media screen and (max-width: 690px) {
      .hero-banner--home h1 {
        font-size: 48px;
        line-height: 50px;
        margin: 0 auto;
        max-width: 540px;
        padding-top: 20px; } }
    @media screen and (max-width: 520px) {
      .hero-banner--home h1 {
        font-size: 44px;
        line-height: 46px;
        max-width: 480px; } }
    @media screen and (max-width: 480px) {
      .hero-banner--home h1 {
        font-size: 38px;
        line-height: 46px;
        max-width: 480px; } }
    @media screen and (max-width: 460px) {
      .hero-banner--home h1 {
        font-size: 37px;
        line-height: 40px;
        max-width: 280px;
        padding-top: 18px; } }
    .hero-banner--home h2 {
      padding-top: 0; }
      @media screen and (max-width: 480px) {
        .hero-banner--home h2 {
          font-size: 42px;
          line-height: 46px;
          padding-top: 0; } }
      @media screen and (max-width: 460px) {
        .hero-banner--home h2 {
          font-size: 36px;
          line-height: 48px;
          padding-top: 0; } }
    .hero-banner--home .content {
      float: right;
      margin: 0;
      max-width: 100%;
      padding: 14px 0 30px;
      width: 730px; }
      @media screen and (max-width: 768px) {
        .hero-banner--home .content {
          float: none;
          margin: 0 auto;
          padding-left: 0;
          padding-right: 0; } }
      @media screen and (max-width: 690px) {
        .hero-banner--home .content {
          padding: 70px 0 30px; } }
      @media screen and (max-width: 460px) {
        .hero-banner--home .content {
          padding: 0 15px; } }
      @media screen and (max-width: 690px) {
        .hero-banner--home .content.errorMessage {
          padding: 0 15px !important; } }
      @media screen and (max-width: 460px) {
        .hero-banner--home .content.errorMessage {
          padding: 0 15px !important; } }
    .hero-banner--home .btn {
      height: 38px;
      line-height: 37px;
      margin-top: 20px;
      width: 320px; }
      @media screen and (max-width: 460px) {
        .hero-banner--home .btn {
          margin: 12px auto 0;
          width: 290px; } }
    .hero-banner--home .homeCopy {
      background-color: rgba(255, 220, 0, 0.9);
      border: 1px solid #ffb200;
      border-radius: 4px;
      color: #826e46 !important;
      margin: 20px auto 0;
      max-width: 315px !important;
      padding: 20px 25px 28px;
      width: 100%; }
      @media screen and (max-width: 768px) {
        .hero-banner--home .homeCopy {
          margin: 37px auto 0; } }
      @media screen and (max-width: 460px) {
        .hero-banner--home .homeCopy {
          margin: 0 auto 5px;
          padding: 13px 20px 23px; } }
      .hero-banner--home .homeCopy p {
        line-height: 22px;
        text-align: left !important; }
        @media screen and (max-width: 460px) {
          .hero-banner--home .homeCopy p {
            font-size: 15px;
            line-height: 20px;
            padding-top: 12px; } }
        .hero-banner--home .homeCopy p:first-of-type {
          padding-top: 0; }
    .hero-banner--home .link-container {
      display: block;
      padding-top: 12px; }
      @media screen and (max-width: 768px) {
        .hero-banner--home .link-container {
          padding-top: 12px; } }
      @media screen and (max-width: 460px) {
        .hero-banner--home .link-container {
          display: block;
          margin-top: 7px;
          padding-top: 0; }
          .hero-banner--home .link-container.more {
            margin-top: 0;
            padding-top: 0; } }
    .hero-banner--home .options-link {
      margin-bottom: 0;
      margin-top: 5px; }
      @media screen and (max-width: 460px) {
        .hero-banner--home .options-link {
          font-size: 16px;
          line-height: 20px;
          margin-bottom: 5px;
          margin-top: 14px; } }
    @media screen and (max-width: 460px) {
      .hero-banner--home .retriveButton {
        width: 290px; } }
    .hero-banner--home .retriveButton .btn {
      font-size: 16px;
      height: 28px;
      line-height: 27px;
      margin-top: 10px; }
      @media screen and (max-width: 460px) {
        .hero-banner--home .retriveButton .btn {
          margin-top: 8px; } }
    @media screen and (max-width: 984px) {
      .hero-banner--home .retriveQuote {
        display: block;
        clear: both;
        overflow: hidden; } }
    .hero-banner--home .strapMessage {
      font-size: 15px;
      line-height: 18px;
      padding-top: 18px; }
      @media screen and (max-width: 460px) {
        .hero-banner--home .strapMessage {
          font-size: 12px;
          line-height: 13px;
          margin: 0 auto;
          max-width: 210px;
          padding-top: 9px; } }
    .hero-banner--home .arrow {
      height: 25px;
      width: 10px;
      background-size: 10px 25px;
      top: 6px; }
      @media screen and (max-width: 460px) {
        .hero-banner--home .arrow {
          height: 23px;
          width: 9px;
          background-size: 9px 23px;
          top: 6px; } }
  .hero-banner--home-giveaway h1, .hero-banner--travel h1 {
    font-size: 48px;
    font-weight: 400;
    line-height: 50px;
    padding-top: 5px; }
    @media (max-width: 768px) {
      .hero-banner--home-giveaway h1, .hero-banner--travel h1 {
        font-size: 40px;
        line-height: 42px; } }
    @media (max-width: 460px) {
      .hero-banner--home-giveaway h1, .hero-banner--travel h1 {
        font-size: 36px;
        line-height: 38px; } }
  .hero-banner--home-giveaway .btn, .hero-banner--travel .btn {
    margin-top: 28px;
    width: 348px; }
  .hero-banner--home-giveaway {
    padding-bottom: 48px; }
    .hero-banner--home-giveaway .content {
      max-width: 100%;
      width: 500px; }
    .hero-banner--home-giveaway img {
      max-width: 100%;
      width: 369px; }
  .hero-banner--landing {
    background-image: url("/assets/images/content-sub-image/head-car.png");
    background-position: 50% 33px;
    padding: 22px 0 30px; }
    @media screen and (max-width: 599px) {
      .hero-banner--landing {
        background-image: none; } }
    @media screen and (max-width: 460px) {
      .hero-banner--landing {
        padding: 16px 0 30px; } }
    .hero-banner--landing h2 {
      font-size: 52px;
      font-weight: 200;
      line-height: 56px;
      padding-top: 15px; }
      @media screen and (max-width: 480px) {
        .hero-banner--landing h2 {
          font-size: 24px;
          line-height: 26px;
          padding-top: 26px; } }
      @media screen and (max-width: 460px) {
        .hero-banner--landing h2 {
          font-size: 36px;
          line-height: 38px;
          padding-top: 16px; } }
    .hero-banner--landing p {
      color: #695a3c;
      font-size: 18px;
      line-height: 26px;
      margin: 0 auto;
      max-width: 100%;
      padding-top: 15px;
      width: 400px; }
    .hero-banner--landing .content {
      margin: 0 auto;
      max-width: 100%;
      padding: 0 270px;
      width: 930px; }
      @media screen and (max-width: 984px) {
        .hero-banner--landing .content {
          max-width: 100%;
          padding: 0;
          width: 390px; } }
      @media screen and (max-width: 800px) {
        .hero-banner--landing .content {
          width: 382px; } }
      @media screen and (max-width: 768px) {
        .hero-banner--landing .content {
          padding: 0; } }
      @media screen and (max-width: 460px) {
        .hero-banner--landing .content {
          padding: 0 15px; } }
    .hero-banner--landing h1 {
      font-size: 42px;
      font-weight: 200;
      line-height: 56px;
      padding-top: 15px; }
      .hero-banner--landing h1 strong {
        font-weight: 500; }
      @media screen and (max-width: 460px) {
        .hero-banner--landing h1 {
          font-size: 30px;
          line-height: 38px; } }
    .hero-banner--landing .btn {
      margin-top: 35px; }
      @media screen and (max-width: 460px) {
        .hero-banner--landing .btn {
          margin-top: 20px; } }
    .hero-banner--landing .link-container {
      padding-top: 15px; }
    .hero-banner--landing .options-link {
      margin-bottom: 0; }
    .hero-banner--landing .arrow {
      height: 25px;
      width: 10px; }
  .hero-banner--travel {
    background: #ffdc00 url("/assets/images/content-sub-image/head-travel.png") no-repeat top center;
    padding: 200px 0 40px; }
    @media screen and (max-width: 640px) {
      .hero-banner--travel {
        background-image: url("/assets/images/content-sub-image/head-travel-tablet.png");
        background-position: 50% 0;
        background-size: 100% auto;
        overflow: hidden;
        padding: 180px 0 40px;
        text-align: center; } }
    @media screen and (max-width: 520px) {
      .hero-banner--travel {
        padding: 150px 0 40px; } }
    @media screen and (max-width: 460px) {
      .hero-banner--travel {
        padding: 120px 0 40px; } }
    .hero-banner--travel .content {
      max-width: 100%;
      width: 590px; }
    @media screen and (max-width: 460px) {
      .hero-banner--travel h1 {
        margin: 0 auto;
        max-width: 100%;
        width: 400px; } }
    .hero-banner--travel p {
      color: #826e46;
      font-size: 18px;
      line-height: 26px;
      margin: 0 auto;
      max-width: 100%;
      padding-top: 15px;
      width: 400px; }
  .hero-banner--warranty {
    background-image: url("/assets/images/content-sub-image/car-hero.jpg");
    background-position: calc(50% - 31px);
    padding-bottom: 48px; }
    @media (max-width: 760px) {
      .hero-banner--warranty {
        background-image: none; } }
    .hero-banner--warranty .content {
      max-width: 100%;
      width: 1024px; }
    .hero-banner--warranty .contentLeft {
      float: left;
      max-width: 100%;
      width: 50%; }
    .hero-banner--warranty .contentRight {
      float: right;
      padding: 48px 0 26px !important;
      width: 55% !important; }
      @media (max-width: 760px) {
        .hero-banner--warranty .contentRight {
          width: 100% !important; } }
    .hero-banner--warranty h1 {
      font-size: 40px;
      font-weight: 400;
      line-height: 45px;
      padding-right: 30px;
      padding-top: 5px;
      text-align: left; }
      @media (max-width: 760px) {
        .hero-banner--warranty h1 {
          text-align: center; } }
      @media screen and (max-width: 460px) {
        .hero-banner--warranty h1 {
          font-size: 36px;
          line-height: 38px; } }
    .hero-banner--warranty p {
      color: #826e46;
      font-size: 18px;
      line-height: 26px;
      margin: 0 auto 0 0;
      max-width: 100%;
      padding-top: 13px;
      text-align: left;
      width: 400px; }
      @media (max-width: 760px) {
        .hero-banner--warranty p {
          margin-left: auto;
          text-align: center; } }
    .hero-banner--warranty .btn {
      margin-top: 22px; }
      @media screen and (min-width: 761px) {
        .hero-banner--warranty .btn {
          float: left; } }

.hero-simple {
  background-color: #fff; }
  .hero-simple h1 {
    font-size: 48px;
    line-height: 50px;
    font-weight: 200; }
    @media screen and (max-width: 690px) {
      .hero-simple h1 {
        font-size: 32px;
        line-height: 44px; } }
    @media screen and (max-width: 413px) {
      .hero-simple h1 {
        font-size: 28px;
        line-height: 35px; } }
    @media screen and (max-width: 767px) {
      .hero-simple h1 + p {
        font-size: 14px;
        line-height: 22px; } }
  .hero-simple .container {
    background: url("/assets/images/hero-banner/ec-hero.jpg") calc(((100% - 984px) / 2) + 260px) 100%/430px 305px no-repeat;
    margin: 0 auto;
    max-width: 984px;
    padding: 57px 0 62px;
    width: 100%; }
    @media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
      .hero-simple .container {
        background-image: url("/assets/images/hero-banner/ec-hero@2x.jpg"); } }
    @media screen and (max-width: 768px) {
      .hero-simple .container {
        padding: 25px 0;
        background-image: none; } }
  .hero-simple .content {
    margin-left: calc(((100% - 984px) / 2) + 493px);
    overflow: visible;
    width: 450px; }
    @media screen and (max-width: 1023px) {
      .hero-simple .content {
        width: 360px; } }
    @media screen and (max-width: 768px) {
      .hero-simple .content {
        margin: 0 auto;
        max-width: 100%;
        min-width: 300px;
        padding: 0;
        text-align: center;
        width: 300px; } }
  .hero-simple .link-container {
    left: 0; }
    @media screen and (max-width: 768px) {
      .hero-simple .link-container {
        left: 50%;
        transform: translateX(-50%); } }
  .hero-simple .options-link {
    left: 0; }

.admin-fee-banner {
  background-color: #ffdc00;
  border: 1px solid #ffb200;
  border-radius: 4px;
  color: #826e46 !important;
  margin: 20px auto;
  padding: 10px 15px; }
  .admin-fee-banner h3 {
    font-weight: 500; }
    .admin-fee-banner h3:first-child {
      margin-top: 0; }
  .admin-fee-banner p {
    font-size: 15px;
    line-height: 20px; }
  .admin-fee-banner a {
    font-weight: 500; }
  @media screen and (min-width: 768px) {
    .admin-fee-banner {
      padding: 15px 20px; }
      .admin-fee-banner p {
        line-height: 24px; } }

.hero-banner {
  background-repeat: no-repeat;
  overflow: hidden;
  text-align: center; }
  .hero-banner h1 {
    font-size: 52px;
    line-height: 54px;
    padding-top: 8px; }
    @media screen and (max-width: 480px) {
      .hero-banner h1 {
        font-size: 25px;
        line-height: 27px;
        margin-left: 0; } }
  .hero-banner .content {
    max-width: 100%;
    width: 680px; }
    @media screen and (max-width: 480px) {
      .hero-banner .content {
        margin: 0 4px; } }
  @media (max-width: 590px) and (orientation: landscape) {
    .hero-banner .desktopHide {
      display: block; } }
  @media (max-width: 590px) and (orientation: landscape) {
    .hero-banner .mobileHide {
      display: none; } }
  .hero-banner--breakdown {
    overflow: hidden;
    padding-bottom: 30px;
    text-align: center; }
    @media (max-width: 760px) {
      .hero-banner--breakdown {
        background-image: none; } }
    .hero-banner--breakdown .content {
      max-width: 100%;
      width: 1024px; }
    .hero-banner--breakdown h1 {
      font-size: 40px;
      font-weight: 400;
      line-height: 45px;
      padding-top: 5px;
      text-align: center;
      /*
      @media screen and (max-width: 460px) {
        font-size: 36px;
        line-height: 38px;
      }
      */ }
    .hero-banner--breakdown p {
      color: #826e46;
      font-size: 18px;
      line-height: 26px;
      margin: 0 auto;
      max-width: 100%;
      padding-top: 13px;
      text-align: center;
      width: 400px; }
      @media (max-width: 760px) {
        .hero-banner--breakdown p {
          margin-left: auto;
          text-align: center; } }
    .hero-banner--breakdown .btn {
      margin-left: 0;
      margin-top: 22px;
      width: 300px; }
      @media (max-width: 760px) {
        .hero-banner--breakdown .btn {
          margin-left: auto; } }
  .hero-banner--breakdown-assist {
    padding: 30px 0; }
    .hero-banner--breakdown-assist p {
      width: 100%; }
      .hero-banner--breakdown-assist p:first-of-type {
        padding-bottom: 20px; }
    .hero-banner--breakdown-assist img {
      margin-left: auto; }
  .hero-banner--cashback {
    height: 386px;
    padding: 45px 0; }
    @media (max-width: 690px) {
      .hero-banner--cashback {
        height: 342px;
        margin: -10px 0 3px;
        padding: 35px 0; } }
    .hero-banner--cashback h1 {
      font-size: 48px;
      font-weight: 500;
      letter-spacing: 0.02em;
      line-height: 1;
      margin: 12px 0;
      padding: 0; }
      @media (max-width: 690px) {
        .hero-banner--cashback h1 {
          font-size: 34px;
          letter-spacing: normal; } }
    .hero-banner--cashback p {
      font-size: 14px;
      line-height: 18px;
      padding: 0;
      margin: 17px 0; }
      @media (max-width: 690px) {
        .hero-banner--cashback p {
          line-height: 17px;
          margin: 0; } }
    .hero-banner--cashback .content {
      margin: 0 auto;
      max-width: 100%;
      padding: 0;
      width: 550px; }
      @media (max-width: 690px) {
        .hero-banner--cashback .content {
          width: 320px;
          padding: 0 5px; } }
    .hero-banner--cashback .btn-group {
      margin: 30px auto 0; }
  .hero-banner--home {
    padding: 0; }
    .hero-banner--home h1,
    .hero-banner--home h2 {
      font-size: 65px;
      font-weight: 200;
      line-height: 67px;
      padding-top: 18px; }
    @media (max-width: 768px) {
      .hero-banner--home h1 {
        font-size: 62px;
        line-height: 66px;
        margin-left: auto;
        margin-right: auto;
        max-width: 100%;
        padding-top: 20px;
        width: 600px; } }
    @media screen and (max-width: 690px) {
      .hero-banner--home h1 {
        font-size: 48px;
        line-height: 50px;
        margin: 0 auto;
        max-width: 540px;
        padding-top: 20px; } }
    @media screen and (max-width: 520px) {
      .hero-banner--home h1 {
        font-size: 44px;
        line-height: 46px;
        max-width: 480px; } }
    @media screen and (max-width: 480px) {
      .hero-banner--home h1 {
        font-size: 38px;
        line-height: 46px;
        max-width: 480px; } }
    @media screen and (max-width: 460px) {
      .hero-banner--home h1 {
        font-size: 37px;
        line-height: 40px;
        max-width: 280px;
        padding-top: 18px; } }
    .hero-banner--home h2 {
      padding-top: 0; }
      @media screen and (max-width: 480px) {
        .hero-banner--home h2 {
          font-size: 42px;
          line-height: 46px;
          padding-top: 0; } }
      @media screen and (max-width: 460px) {
        .hero-banner--home h2 {
          font-size: 36px;
          line-height: 48px;
          padding-top: 0; } }
    .hero-banner--home .content {
      float: right;
      margin: 0;
      max-width: 100%;
      padding: 14px 0 30px;
      width: 730px; }
      @media screen and (max-width: 768px) {
        .hero-banner--home .content {
          float: none;
          margin: 0 auto;
          padding-left: 0;
          padding-right: 0; } }
      @media screen and (max-width: 690px) {
        .hero-banner--home .content {
          padding: 70px 0 30px; } }
      @media screen and (max-width: 460px) {
        .hero-banner--home .content {
          padding: 0 15px; } }
      @media screen and (max-width: 690px) {
        .hero-banner--home .content.errorMessage {
          padding: 0 15px !important; } }
      @media screen and (max-width: 460px) {
        .hero-banner--home .content.errorMessage {
          padding: 0 15px !important; } }
    .hero-banner--home .btn {
      height: 38px;
      line-height: 37px;
      margin-top: 20px;
      width: 320px; }
      @media screen and (max-width: 460px) {
        .hero-banner--home .btn {
          margin: 12px auto 0;
          width: 290px; } }
    .hero-banner--home .homeCopy {
      background-color: rgba(255, 220, 0, 0.9);
      border: 1px solid #ffb200;
      border-radius: 4px;
      color: #826e46 !important;
      margin: 20px auto 0;
      max-width: 315px !important;
      padding: 20px 25px 28px;
      width: 100%; }
      @media screen and (max-width: 768px) {
        .hero-banner--home .homeCopy {
          margin: 37px auto 0; } }
      @media screen and (max-width: 460px) {
        .hero-banner--home .homeCopy {
          margin: 0 auto 5px;
          padding: 13px 20px 23px; } }
      .hero-banner--home .homeCopy p {
        line-height: 22px;
        text-align: left !important; }
        @media screen and (max-width: 460px) {
          .hero-banner--home .homeCopy p {
            font-size: 15px;
            line-height: 20px;
            padding-top: 12px; } }
        .hero-banner--home .homeCopy p:first-of-type {
          padding-top: 0; }
    .hero-banner--home .link-container {
      display: block;
      padding-top: 12px; }
      @media screen and (max-width: 768px) {
        .hero-banner--home .link-container {
          padding-top: 12px; } }
      @media screen and (max-width: 460px) {
        .hero-banner--home .link-container {
          display: block;
          margin-top: 7px;
          padding-top: 0; }
          .hero-banner--home .link-container.more {
            margin-top: 0;
            padding-top: 0; } }
    .hero-banner--home .options-link {
      margin-bottom: 0;
      margin-top: 5px; }
      @media screen and (max-width: 460px) {
        .hero-banner--home .options-link {
          font-size: 16px;
          line-height: 20px;
          margin-bottom: 5px;
          margin-top: 14px; } }
    @media screen and (max-width: 460px) {
      .hero-banner--home .retriveButton {
        width: 290px; } }
    .hero-banner--home .retriveButton .btn {
      font-size: 16px;
      height: 28px;
      line-height: 27px;
      margin-top: 10px; }
      @media screen and (max-width: 460px) {
        .hero-banner--home .retriveButton .btn {
          margin-top: 8px; } }
    @media screen and (max-width: 984px) {
      .hero-banner--home .retriveQuote {
        display: block;
        clear: both;
        overflow: hidden; } }
    .hero-banner--home .strapMessage {
      font-size: 15px;
      line-height: 18px;
      padding-top: 18px; }
      @media screen and (max-width: 460px) {
        .hero-banner--home .strapMessage {
          font-size: 12px;
          line-height: 13px;
          margin: 0 auto;
          max-width: 210px;
          padding-top: 9px; } }
    .hero-banner--home .arrow {
      height: 25px;
      width: 10px;
      background-size: 10px 25px;
      top: 6px; }
      @media screen and (max-width: 460px) {
        .hero-banner--home .arrow {
          height: 23px;
          width: 9px;
          background-size: 9px 23px;
          top: 6px; } }
  .hero-banner--home-giveaway h1, .hero-banner--travel h1 {
    font-size: 48px;
    font-weight: 400;
    line-height: 50px;
    padding-top: 5px; }
    @media (max-width: 768px) {
      .hero-banner--home-giveaway h1, .hero-banner--travel h1 {
        font-size: 40px;
        line-height: 42px; } }
    @media (max-width: 460px) {
      .hero-banner--home-giveaway h1, .hero-banner--travel h1 {
        font-size: 36px;
        line-height: 38px; } }
  .hero-banner--home-giveaway .btn, .hero-banner--travel .btn {
    margin-top: 28px;
    width: 348px; }
  .hero-banner--home-giveaway {
    padding-bottom: 48px; }
    .hero-banner--home-giveaway .content {
      max-width: 100%;
      width: 500px; }
    .hero-banner--home-giveaway img {
      max-width: 100%;
      width: 369px; }
  .hero-banner--landing, .hero-banner--greggs {
    background-image: url("/assets/images/content-sub-image/head-car.png");
    background-position: 50% 33px;
    padding: 22px 0 30px; }
    @media screen and (max-width: 599px) {
      .hero-banner--landing, .hero-banner--greggs {
        background-image: none; } }
    @media screen and (max-width: 460px) {
      .hero-banner--landing, .hero-banner--greggs {
        padding: 16px 0 30px; } }
    .hero-banner--landing h2, .hero-banner--greggs h2 {
      font-size: 52px;
      font-weight: 200;
      line-height: 56px;
      padding-top: 15px; }
      @media screen and (max-width: 480px) {
        .hero-banner--landing h2, .hero-banner--greggs h2 {
          font-size: 24px;
          line-height: 26px;
          padding-top: 26px; } }
      @media screen and (max-width: 460px) {
        .hero-banner--landing h2, .hero-banner--greggs h2 {
          font-size: 36px;
          line-height: 38px;
          padding-top: 16px; } }
    .hero-banner--landing p, .hero-banner--greggs p {
      color: #695a3c;
      font-size: 18px;
      line-height: 26px;
      margin: 0 auto;
      max-width: 100%;
      padding-top: 15px;
      width: 400px; }
    .hero-banner--landing .content, .hero-banner--greggs .content {
      margin: 0 auto;
      max-width: 100%;
      padding: 0 270px;
      width: 930px; }
      @media screen and (max-width: 984px) {
        .hero-banner--landing .content, .hero-banner--greggs .content {
          max-width: 100%;
          padding: 0;
          width: 390px; } }
      @media screen and (max-width: 800px) {
        .hero-banner--landing .content, .hero-banner--greggs .content {
          width: 382px; } }
      @media screen and (max-width: 768px) {
        .hero-banner--landing .content, .hero-banner--greggs .content {
          padding: 0; } }
      @media screen and (max-width: 460px) {
        .hero-banner--landing .content, .hero-banner--greggs .content {
          padding: 0 15px; } }
    .hero-banner--landing h1, .hero-banner--greggs h1 {
      font-size: 42px;
      font-weight: 200;
      line-height: 56px;
      padding-top: 15px; }
      .hero-banner--landing h1 strong, .hero-banner--greggs h1 strong {
        font-weight: 500; }
      @media screen and (max-width: 460px) {
        .hero-banner--landing h1, .hero-banner--greggs h1 {
          font-size: 30px;
          line-height: 38px; } }
    .hero-banner--landing .btn, .hero-banner--greggs .btn {
      margin-top: 35px; }
      @media screen and (max-width: 460px) {
        .hero-banner--landing .btn, .hero-banner--greggs .btn {
          margin-top: 20px; } }
    .hero-banner--landing .link-container, .hero-banner--greggs .link-container {
      padding-top: 15px; }
    .hero-banner--landing .options-link, .hero-banner--greggs .options-link {
      margin-bottom: 0; }
    .hero-banner--landing .arrow, .hero-banner--greggs .arrow {
      height: 25px;
      width: 10px; }
  .hero-banner--greggs {
    background-color: #ffdc00;
    background-image: url("/assets/images/mytrips/greggs-mytreats.png");
    background-position: calc(50% + 80px) 16px;
    background-size: 502px auto;
    padding: 242px 0 28px 0; }
    @media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
      .hero-banner--greggs {
        background-image: url("/assets/images/mytrips/greggs-mytreats@2x.png"); } }
    @media (max-width: 760px) {
      .hero-banner--greggs {
        padding: 164px 0 36px 0;
        background-size: 276px auto;
        background-position: calc(50% + 46px) 33px; } }
    .hero-banner--greggs h1 {
      font-size: 40px;
      line-height: 46px;
      margin-bottom: 14px; }
    .hero-banner--greggs p {
      font-size: 14px;
      line-height: 18px;
      width: 470px; }
    @media (max-width: 760px) {
      .hero-banner--greggs .options-link {
        font-size: 15px;
        line-height: 18px; }
      .hero-banner--greggs .arrow {
        background-size: 6px 16px; } }
    .hero-banner--greggs .content {
      width: 570px;
      max-width: 100%;
      padding: 0 20px; }
      @media (max-width: 760px) {
        .hero-banner--greggs .content {
          width: 290px;
          padding: 0 10px; } }
  .hero-banner--just-eat {
    background-image: url("/assets/images/mytrips/just-eat-hero.jpg");
    background-position: calc(50% + 1px) 19px;
    background-size: 503px auto;
    padding: 267px 0 44px; }
    @media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
      .hero-banner--just-eat {
        background-image: url("/assets/images/mytrips/just-eat-hero@2x.jpg"); } }
    @media (max-width: 760px) {
      .hero-banner--just-eat {
        background-image: url("/assets/images/mytrips/just-eat-hero-mob@2x.jpg");
        padding: 164px 0 36px 0;
        background-size: 500px 185px;
        background-position: center -8px;
        text-align: left; } }
  @media (max-width: 760px) and (min--moz-device-pixel-ratio: 1.3), (max-width: 760px) and (-o-min-device-pixel-ratio: 2.6 / 2), (max-width: 760px) and (-webkit-min-device-pixel-ratio: 1.3), (max-width: 760px) and (min-device-pixel-ratio: 1.3), (max-width: 760px) and (min-resolution: 1.3dppx) {
    .hero-banner--just-eat {
      background-image: url("/assets/images/mytrips/just-eat-hero-mob@2x.jpg"); } }
    .hero-banner--just-eat h1 {
      font-size: 40px;
      line-height: 46px;
      margin-bottom: 2px;
      font-weight: 500;
      max-width: 470px;
      margin-left: auto;
      margin-right: auto; }
      .hero-banner--just-eat h1 small {
        font-size: 24px;
        line-height: 30px;
        display: block;
        margin-top: 4px; }
      @media (max-width: 760px) {
        .hero-banner--just-eat h1 {
          font-size: 34px;
          line-height: 38px; }
          .hero-banner--just-eat h1 small {
            font-size: 22px;
            line-height: 26px;
            margin-top: 8px; } }
    .hero-banner--just-eat p {
      font-size: 18px;
      line-height: 24px;
      padding-top: 15px; }
      @media (max-width: 760px) {
        .hero-banner--just-eat p {
          display: none; } }
    .hero-banner--just-eat .btn-group {
      margin: 42px auto 0; }
      .hero-banner--just-eat .btn-group li {
        margin: 13px 0; }
      @media screen and (max-width: 760px) {
        .hero-banner--just-eat .btn-group {
          margin-top: 47px; }
          .hero-banner--just-eat .btn-group li {
            margin: 6px 0; } }
    .hero-banner--just-eat .btn--tertiary-ghost {
      background-color: #fff; }
    .hero-banner--just-eat .content {
      width: 600px;
      max-width: 100%;
      padding: 0 20px; }
      @media (max-width: 760px) {
        .hero-banner--just-eat .content {
          width: auto;
          padding: 0 10px;
          margin: 0 auto; } }
  .hero-banner--travel {
    background: #ffdc00 url("/assets/images/content-sub-image/head-travel.png") no-repeat top center;
    padding: 200px 0 40px; }
    @media screen and (max-width: 640px) {
      .hero-banner--travel {
        background-image: url("/assets/images/content-sub-image/head-travel-tablet.png");
        background-position: 50% 0;
        background-size: 100% auto;
        overflow: hidden;
        padding: 180px 0 40px;
        text-align: center; } }
    @media screen and (max-width: 520px) {
      .hero-banner--travel {
        padding: 150px 0 40px; } }
    @media screen and (max-width: 460px) {
      .hero-banner--travel {
        padding: 120px 0 40px; } }
    .hero-banner--travel .content {
      max-width: 100%;
      width: 590px; }
    @media screen and (max-width: 460px) {
      .hero-banner--travel h1 {
        margin: 0 auto;
        max-width: 100%;
        width: 400px; } }
    .hero-banner--travel p {
      color: #826e46;
      font-size: 18px;
      line-height: 26px;
      margin: 0 auto;
      max-width: 100%;
      padding-top: 15px;
      width: 400px; }
  .hero-banner--warranty {
    background-image: url("/assets/images/content-sub-image/car-hero.jpg");
    background-position: calc(50% - 31px);
    padding-bottom: 48px; }
    @media (max-width: 760px) {
      .hero-banner--warranty {
        background-image: none; } }
    .hero-banner--warranty .content {
      max-width: 100%;
      width: 1024px; }
    .hero-banner--warranty .contentLeft {
      float: left;
      max-width: 100%;
      width: 50%; }
    .hero-banner--warranty .contentRight {
      float: right;
      padding: 48px 0 26px !important;
      width: 55% !important; }
      @media (max-width: 760px) {
        .hero-banner--warranty .contentRight {
          width: 100% !important; } }
    .hero-banner--warranty h1 {
      font-size: 40px;
      font-weight: 400;
      line-height: 45px;
      padding-right: 30px;
      padding-top: 5px;
      text-align: left; }
      @media (max-width: 760px) {
        .hero-banner--warranty h1 {
          text-align: center; } }
      @media screen and (max-width: 460px) {
        .hero-banner--warranty h1 {
          font-size: 36px;
          line-height: 38px; } }
    .hero-banner--warranty p {
      color: #826e46;
      font-size: 18px;
      line-height: 26px;
      margin: 0 auto 0 0;
      max-width: 100%;
      padding-top: 13px;
      text-align: left;
      width: 400px; }
      @media (max-width: 760px) {
        .hero-banner--warranty p {
          margin-left: auto;
          text-align: center; } }
    .hero-banner--warranty .btn {
      margin-top: 22px; }
      @media screen and (min-width: 761px) {
        .hero-banner--warranty .btn {
          float: left; } }

.hero-simple {
  background-color: #fff; }
  .hero-simple h1 {
    font-size: 48px;
    line-height: 50px;
    font-weight: 200; }
    @media screen and (max-width: 690px) {
      .hero-simple h1 {
        font-size: 32px;
        line-height: 44px; } }
    @media screen and (max-width: 413px) {
      .hero-simple h1 {
        font-size: 28px;
        line-height: 35px; } }
    @media screen and (max-width: 767px) {
      .hero-simple h1 + p {
        font-size: 14px;
        line-height: 22px; } }
  .hero-simple .container {
    background: url("/assets/images/hero-banner/ec-hero.jpg") calc(((100% - 984px) / 2) + 260px) 100%/430px 305px no-repeat;
    margin: 0 auto;
    max-width: 984px;
    padding: 57px 0 62px;
    width: 100%; }
    @media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
      .hero-simple .container {
        background-image: url("/assets/images/hero-banner/ec-hero@2x.jpg"); } }
    @media screen and (max-width: 768px) {
      .hero-simple .container {
        padding: 25px 0;
        background-image: none; } }
  .hero-simple .content {
    margin-left: calc(((100% - 984px) / 2) + 493px);
    overflow: visible;
    width: 450px; }
    @media screen and (max-width: 1023px) {
      .hero-simple .content {
        width: 360px; } }
    @media screen and (max-width: 768px) {
      .hero-simple .content {
        margin: 0 auto;
        max-width: 100%;
        min-width: 300px;
        padding: 0;
        text-align: center;
        width: 300px; } }
  .hero-simple .link-container {
    left: 0; }
    @media screen and (max-width: 768px) {
      .hero-simple .link-container {
        left: 50%;
        transform: translateX(-50%); } }
  .hero-simple .options-link {
    left: 0; }

.card {
  background: #fff;
  border: 1px solid #d2c8c8;
  margin: 0;
  min-height: 52px;
  padding: 7px 12px;
  position: relative; }
  .card.pdfs {
    padding-right: 12px !important; }
    .card.pdfs .policyDocs {
      margin-bottom: 12px; }
  .accordion .card {
    padding-right: 63px; }
  @media screen and (min-width: 768px) {
    .card {
      min-height: 60px;
      padding: 10px 23px; } }
  .card h2 {
    font-size: 20px;
    font-weight: 500;
    line-height: 36px;
    margin: 0; }
    @media screen and (min-width: 768px) {
      .card h2 {
        font-size: 22px; } }
  .card .tel-link {
    font-size: 22px;
    font-weight: 500;
    line-height: 26px; }
    .card .tel-link a {
      color: #503c3c; }
  .card .modal-links {
    display: block;
    font-size: 14px;
    font-weight: 500; }
    .card .modal-links a {
      color: #0078ff; }
    @media screen and (min-width: 768px) {
      .card .modal-links {
        display: inline;
        font-size: 22px; }
        .card .modal-links::before, .card .modal-links::after {
          display: inline; }
        .card .modal-links::before {
          content: "("; }
        .card .modal-links::after {
          content: ")"; } }
  .card p {
    font-size: 14px;
    line-height: 16px;
    margin-top: -13px;
    padding: 10px 0; }
    @media screen and (min-width: 768px) {
      .card p {
        font-size: 16px;
        line-height: 20px;
        padding: 12px 0; } }
    .card p strong {
      color: #503c3c; }
  .card .btn {
    font-weight: 500; }
  .card .close {
    height: 24px;
    width: 24px;
    background: url("/assets/images/plus.svg") 0 0/24px 24px no-repeat;
    cursor: pointer;
    display: block;
    position: absolute;
    right: 9px;
    text-decoration: none;
    top: 13px;
    transition: transform 0.2s; }
    @media screen and (min-width: 768px) {
      .card .close {
        right: 19px;
        top: 17px; } }
    .card .close-open {
      transform: rotate(45deg); }
  .card .hiddenContent {
    display: none;
    padding-bottom: 2px; }
    .card .hiddenContent p:first-child {
      margin-top: 0 !important; }
  .card .showContent {
    display: block !important; }
  .card.grey {
    background: transparent;
    border-left: 0;
    border-radius: 0;
    border-right: 0; }
  .hero .card {
    background: #ffe300;
    border-color: #ffb200;
    padding-bottom: 12px;
    padding-top: 12px;
    margin: 27px 0; }
    @media screen and (min-width: 768px) {
      .hero .card {
        padding-bottom: 10px;
        padding-top: 10px;
        margin: 30px 0; } }
    .hero .card h2 {
      color: #503c3c;
      line-height: 26px; }
      @media screen and (min-width: 768px) {
        .hero .card h2 {
          line-height: 36px; } }
    .hero .card .close {
      background-image: url("/assets/images/plus-nightshade.svg"); }
  .card:not(.pdfs) h3 {
    color: #5a5047;
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 0;
    padding-bottom: 6px; }
    @media screen and (min-width: 768px) {
      .card:not(.pdfs) h3 {
        font-size: 22px;
        margin-top: 10px;
        padding-bottom: 11px; } }
  .card:not(.pdfs) ol,
  .card:not(.pdfs) ul {
    padding: 0 0 10px 15px; }
    @media screen and (min-width: 768px) {
      .card:not(.pdfs) ol,
      .card:not(.pdfs) ul {
        padding: 0 0 12px 15px; } }
    .card:not(.pdfs) ol li,
    .card:not(.pdfs) ul li {
      font-size: 14px;
      line-height: 16px; }
      @media screen and (min-width: 768px) {
        .card:not(.pdfs) ol li,
        .card:not(.pdfs) ul li {
          font-size: 16px;
          line-height: 20px; } }
      .card:not(.pdfs) ol li a,
      .card:not(.pdfs) ul li a {
        color: #0078ff; }
  .card--yellow {
    background-color: #ffdc00;
    border: 1px solid #aa8c8c; }
  .card--app, .card--app-alt {
    margin-top: 25px;
    background-repeat: no-repeat;
    background-size: auto 100%; }
    .page-home .card--app, .page-home .card--app-alt {
      margin-top: 0;
      margin-bottom: 25px; }
    @media screen and (min-width: 768px) {
      .card--app, .card--app-alt {
        margin: 45px 0 55px 0;
        padding-right: 200px; } }
    .card--app h2, .card--app-alt h2 {
      line-height: 24px;
      margin-bottom: 4px; }
      @media screen and (min-width: 768px) {
        .card--app h2, .card--app-alt h2 {
          line-height: 26px;
          margin-bottom: 11px; } }
    .card--app .clear, .card--app-alt .clear {
      margin-top: 16px; }
      @media screen and (min-width: 768px) {
        .card--app .clear, .card--app-alt .clear {
          margin-top: 10px;
          margin-bottom: -5px; } }
      .card--app .clear a, .card--app-alt .clear a {
        margin-left: 8px; }
        .card--app .clear a:first-of-type, .card--app-alt .clear a:first-of-type {
          margin-left: -2px; }
      .card--app .clear img, .card--app-alt .clear img {
        height: 42px; }
        @media screen and (min-width: 768px) {
          .card--app .clear img, .card--app-alt .clear img {
            height: 34px; } }
  @media screen and (min-width: 768px) {
    .card--app {
      background-image: url(/assets/images/accordition/girl-red-phone@2x.png);
      background-position: calc(100% - 5px) 50%; } }
  .card--app-alt {
    margin-bottom: 25px; }
    @media screen and (min-width: 768px) {
      .card--app-alt {
        margin-top: 26px;
        margin-bottom: 30px;
        background-image: url(/assets/images/accordition/app-alt@2x.png);
        background-position: calc(100% + 25px) 50%;
        padding-right: 180px; } }
  @media screen and (min-width: 520px) {
    .card--faqs {
      background-image: url(/assets/images/accordition/claims-faq-image@2x.jpg);
      background-position: center right;
      background-repeat: no-repeat;
      background-size: auto 100%; } }
  .card--policy-books, .card--faqs {
    margin-top: 2.5em; }
    .card--policy-books small, .card--faqs small {
      font-size: 16px;
      line-height: 14.4px; }

.cardButtons {
  display: table;
  height: 84px;
  margin: 32px auto 60px;
  max-width: 100%;
  width: 600px; }
  @media (max-width: 767px) {
    .cardButtons {
      max-width: 530px;
      padding: 0 15px;
      width: 100%; } }
  .cardButtons .divButton {
    height: 100%;
    width: 50%;
    background: #fefefe;
    border: 1px solid #d2c8c8;
    border-right: 0;
    cursor: pointer;
    display: table-cell;
    position: relative;
    text-align: center;
    vertical-align: middle; }
    .cardButtons .divButton svg {
      fill: currentColor; }
    .cardButtons .divButton:first-of-type {
      border-radius: 4px 0 0 4px; }
    .cardButtons .divButton:last-of-type {
      border-right: 1px solid #d2c8c8;
      border-radius: 0 4px 4px 0; }
    .cardButtons .divButton.selected {
      background: #0096ff;
      background: linear-gradient(to bottom, #0096ff 0%, #005abe 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0096ff', endColorstr='#005abe',GradientType=0 );
      color: #fff; }
      .cardButtons .divButton.selected h3 {
        color: #fff; }
    @media (max-width: 767px) {
      .cardButtons .divButton {
        display: inline-block;
        height: auto;
        margin-right: 10px;
        padding: 0 20px 10px;
        width: 50%; }
        .cardButtons .divButton:first-of-type {
          border-right: 0;
          margin-right: 0;
          float: left;
          border-radius: 4px 0 0 4px; }
        .cardButtons .divButton:last-of-type {
          margin-right: 0;
          float: right;
          border-radius: 0 4px 4px 0; } }
    .cardButtons .divButton h3 {
      color: #5a5046;
      font-size: 20px;
      font-weight: 400;
      margin: -16px auto 0;
      padding: 0; }
      @media (max-width: 480px) {
        .cardButtons .divButton h3 {
          max-width: 150px; } }
    .cardButtons .divButton svg {
      margin-top: -7px; }
      @media (max-width: 767px) {
        .cardButtons .divButton svg {
          margin-top: 0; } }
    .cardButtons .divButton--signpost {
      padding: 10px; }
      .cardButtons .divButton--signpost h3 {
        margin: 0 auto; }

.signposting {
  padding-bottom: 50px; }
  .signposting .cardButtons {
    margin: 0 auto; }

.container {
  margin: 0 auto;
  max-width: 520px;
  padding: 0 10px; }
  @media screen and (min-width: 768px) {
    .container {
      max-width: 640px;
      padding: 0 20px; }
      .container--wide {
        max-width: 768px; } }

.hero {
  background: #ffdc00 no-repeat center;
  padding: 10px 0; }
  .hero .heading--h1 {
    margin: 26px 0;
    text-align: left; }
  .hero__caption {
    max-width: 420px; }
    .hero__caption p {
      color: #826e46;
      font-size: 14px;
      line-height: 18px;
      margin: 0;
      padding: 0; }
  .hero--brexit-your-cover {
    text-align: center;
    padding: 10px 0 33px; }
    .hero--brexit-your-cover .container {
      height: 100%; }
    .hero--brexit-your-cover h1 {
      font-size: 37px;
      line-height: 42px; }
    .hero--brexit-your-cover p {
      font-size: 16px;
      line-height: 24px;
      margin-top: -5px; }
    @media screen and (min-width: 768px) {
      .hero--brexit-your-cover {
        text-align: left;
        background-image: url("/assets/images/hero-banner/brexit-your-cover-hero.jpg");
        background-repeat: no-repeat;
        background-position: center left calc(50% - 223px);
        height: 327px; }
        .hero--brexit-your-cover h1 {
          text-align: left;
          font-size: 48px;
          line-height: 50px; }
        .hero--brexit-your-cover p {
          font-size: 18px;
          line-height: 28px; } }
  @media screen and (min-height: 800px) {
    .hero--chatbot {
      height: calc(100vh - 46px);
      display: flex;
      padding: 0; } }
  .hero--chatbot .heading--hero {
    line-height: 30px; }
  .hero--chatbot .heading__prefix {
    margin-bottom: 4px; }
  .hero--chatbot .container {
    margin: auto; }
  .hero--claims .heading--hero {
    margin: 17px 0; }
  @media screen and (max-width: 767px) {
    .hero--claims .container {
      max-width: 350px; } }
  .hero--home {
    background-image: url("/assets/images/hero-banner/silver-car-mob.png");
    background-position: bottom 10px left calc(50% + 105px);
    background-size: auto 188px;
    padding-bottom: 235px; }
    .hero--home .heading {
      text-align: left; }
    .hero--home .btn-group {
      margin-top: 24px; }
    @media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
      .hero--home {
        background-image: url("/assets/images/hero-banner/silver-car-mob@2x.png"); } }
  @media screen and (min-width: 768px) {
    .hero {
      padding: 0.75em 0; }
      .hero .content-right {
        float: right;
        width: 380px;
        max-width: 100%;
        position: relative;
        top: 50%;
        transform: translateY(-50%);
        margin-top: -15px;
        margin-right: -20px; }
      .hero--home {
        background-image: url("/assets/images/hero-banner/silver-car-desktop.png");
        background-position: bottom 0 left calc(50% + 327px);
        background-size: auto 306px;
        padding-bottom: 142px; }
        .hero--home .btn-group {
          margin-top: 40px; } }
    @media screen and (min-width: 768px) and (min--moz-device-pixel-ratio: 1.3), screen and (min-width: 768px) and (-o-min-device-pixel-ratio: 2.6 / 2), screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.3), screen and (min-width: 768px) and (min-device-pixel-ratio: 1.3), screen and (min-width: 768px) and (min-resolution: 1.3dppx) {
      .hero--home {
        background-image: url("/assets/images/hero-banner/silver-car-desktop@2x.png"); } }
  @media screen and (min-width: 768px) {
      .hero--claims .heading--hero {
        font-size: 34px;
        line-height: 38px; } }
  @media screen and (min-width: 768px) and (min-height: 800px) {
    .hero--chatbot {
      height: calc(100vh - 100px);
      padding: 0; } }
  @media screen and (min-width: 768px) {
      .hero--chatbot .heading--hero {
        font-size: 48px;
        line-height: 40px;
        margin-top: 0; }
      .hero--chatbot .container {
        width: 720px; } }
  @media screen and (min-width: 1024px) {
    .hero__caption p {
      line-height: 18px;
      margin: 0.5em 0; }
    .hero--claims .heading--hero {
      font-size: 60px;
      line-height: 1;
      margin: 38px 0; } }

.quicklinks {
  margin: 15px -10px 25px; }
  .quicklinks .svg-container {
    height: 25px;
    width: 25px; }
  .quicklinks .btn {
    border: 0;
    border-radius: 0;
    box-sizing: border-box;
    color: #fff;
    display: block;
    margin-bottom: 2px;
    padding: 9px 30px 12px 47px;
    position: relative;
    text-align: left; }
    .quicklinks .btn:last-child {
      border-bottom: 0; }
  .quicklinks__label {
    color: inherit;
    font-size: 18px;
    line-height: 22px;
    margin: 0;
    padding: 0; }
    .quicklinks__label svg {
      height: 18.4px;
      width: 8.3px;
      display: block;
      fill: currentColor;
      margin-top: -7px;
      opacity: 0.7;
      position: absolute;
      right: 11px;
      top: 50%; }
  .quicklinks__description {
    opacity: 0.7; }
    .quicklinks__description p {
      font-size: 14px;
      font-weight: 400;
      letter-spacing: 0.005em;
      line-height: 1.14;
      margin: 3px 0;
      padding: 0; }
  @media screen and (min-width: 500px) {
    .quicklinks {
      margin-left: 0;
      margin-right: 0; }
      .quicklinks .btn:first-child {
        border-radius: 6px 6px 0 0; }
      .quicklinks .btn:last-child {
        border-radius: 0 0 6px 6px; } }
  @media screen and (max-width: 767px) {
    .quicklinks__label {
      letter-spacing: 0.015em; }
    .quicklinks .svg-container {
      float: left;
      height: 21px;
      margin-left: -37px; }
    .quicklinks br {
      display: none; } }
  @media screen and (min-width: 768px) {
    .quicklinks {
      margin: 32px 0 48px;
      display: flex; }
      .quicklinks__label {
        font-size: 22px;
        margin: 0; }
        .quicklinks__label svg {
          height: 15px;
          width: 6.8px;
          display: inline-block;
          margin-left: 3px;
          margin-top: 0;
          opacity: 1;
          position: static;
          vertical-align: middle; }
      .quicklinks__description p {
        font-size: 16px;
        line-height: 1.1875;
        margin: 8px 0; }
      .quicklinks .svg-container {
        height: 55px;
        width: 55px;
        margin-bottom: 3px; }
      .quicklinks .btn {
        height: 168px;
        margin-right: 1px;
        padding: 17px 10px 17px 20px;
        width: 33.33%; }
        .quicklinks .btn:first-child {
          border-radius: 10px 0 0 10px; }
        .quicklinks .btn:last-child {
          border-radius: 0 10px 10px 0;
          margin-right: 0; } }

.btn-group ul {
  margin: -10px 0; }

.btn-group li {
  margin: 10px 0; }

.btn-group .btn {
  display: block; }

@media screen and (min-width: 768px) {
  .btn-group {
    margin: 0;
    width: 300px; } }

.btn-group + .quicklinks {
  margin-top: 49px; }

.svg-container svg {
  display: block;
  fill: currentColor;
  max-height: 100%;
  max-width: 100%; }

.contentIcons {
  min-height: 400px;
  padding: 80px 0 72px;
  text-align: center; }
  @media screen and (max-width: 590px) {
    .contentIcons {
      padding: 40px 0 50px; } }
  .contentIcons h2 {
    font-size: 40px;
    font-weight: 200;
    line-height: 47px;
    padding-top: 0;
    text-align: center; }
    @media screen and (max-width: 690px) {
      .contentIcons h2 {
        font-size: 29px;
        line-height: 34px; } }
  .contentIcons .content {
    margin: 0 auto;
    max-width: 100%;
    width: 811px; }
    @media screen and (max-width: 915px) {
      .contentIcons .content {
        width: 680px; } }
    @media screen and (max-width: 719px) {
      .contentIcons .content {
        padding: 0;
        width: 580px; } }
  .contentIcons .copy {
    margin: 0 auto;
    max-width: 100%;
    width: 630px; }
    @media screen and (max-width: 768px) {
      .contentIcons .copy {
        padding-left: 20px;
        padding-right: 20px;
        width: 800px; } }
    @media screen and (max-width: 460px) {
      .contentIcons .copy {
        padding-left: 15px;
        padding-right: 15px; } }
    .contentIcons .copy p {
      font-size: 18px;
      line-height: 24px;
      padding-top: 10px;
      text-align: center; }
      @media screen and (max-width: 690px) {
        .contentIcons .copy p {
          font-size: 16px;
          line-height: 26px; } }
      @media screen and (max-width: 590px) {
        .contentIcons .copy p {
          font-size: 15px;
          line-height: 22px; } }

.iconSet {
  margin: 0 -15px; }
  @media screen and (max-width: 915px) {
    .iconSet {
      margin: 0 -5px; } }
  @media screen and (max-width: 510px) {
    .iconSet {
      margin: 0 5px; } }
  @media screen and (max-width: 479px) {
    .iconSet {
      margin: 0 auto;
      width: 210px; } }

.iconBlock {
  box-sizing: border-box;
  display: block;
  float: left;
  margin: 20px 0 30px;
  padding: 0 15px;
  width: 33.33%; }
  @media screen and (max-width: 915px) {
    .iconBlock {
      margin: 20px 0;
      padding: 0 5px; } }
  @media screen and (max-width: 479px) {
    .iconBlock {
      float: none;
      margin: 0 auto 20px;
      width: 100%; } }
  .iconBlock__icon {
    margin-bottom: 10px; }
    @media screen and (max-width: 915px) {
      .iconBlock__icon {
        margin-bottom: 5px; } }
  .iconBlock h2 {
    font-size: 24px;
    font-weight: 500;
    line-height: 26px;
    padding-top: 0 !important; }
    @media only screen and (max-width: 610px) {
      .iconBlock h2 {
        font-size: 22px;
        line-height: 22px; } }
  .iconBlock p {
    color: #695a3c;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    margin: 0 15px;
    padding-top: 5px; }
    @media screen and (max-width: 915px) {
      .iconBlock p {
        font-size: 14px;
        line-height: 18px;
        margin: 0 13px;
        padding-top: 5px; } }
    @media screen and (max-width: 719px) {
      .iconBlock p {
        margin: 0 20px; } }
    @media screen and (max-width: 510px) {
      .iconBlock p {
        margin: 0; } }
  .iconBlock img {
    max-height: 100%; }

.homeIcons {
  min-height: 350px;
  padding: 60px 0 50px; }
  @media screen and (max-width: 719px) {
    .homeIcons .content {
      width: 700px; } }
  .homeIcons .iconBlock h2 {
    color: #695a3c;
    font-weight: 400; }
    .homeIcons .iconBlock h2 strong {
      color: #503c3c;
      font-weight: 500;
      text-transform: uppercase; }
  .homeIcons .iconBlock p {
    padding: 5px 0 0; }
  .homeIcons .iconBlock.stereo p {
    padding: 5px 25px 0; }

.contentSpacer {
  height: 120px; }
  @media screen and (max-width: 670px) {
    .contentSpacer {
      height: 120px; } }
  @media screen and (max-width: 480px) {
    .contentSpacer {
      height: 120px; } }

ul.tick {
  margin: 20px 0 5px;
  list-style-type: none; }
  ul.tick li {
    min-height: 27px;
    font-size: 18px;
    line-height: 25px;
    padding: 5px 0 5px 45px;
    background-image: url("/assets/images/icons/icon-tick.png");
    background-position: -15px -15px;
    background-size: 60px auto;
    background-repeat: no-repeat; }
    @media screen and (max-width: 760px) {
      ul.tick li {
        font-size: 15px;
        line-height: 22px; } }

.left-image {
  background-repeat: no-repeat;
  display: block;
  overflow: hidden; }
  .left-image h2 {
    font-size: 40px;
    font-weight: 200;
    line-height: 47px;
    padding-top: 0 !important;
    text-align: inherit; }
    @media screen and (max-width: 690px) {
      .left-image h2 {
        font-size: 29px !important;
        line-height: 34px !important; } }
    .left-image h2 strong {
      font-weight: 500; }
  .left-image p {
    color: #695a3c;
    font-size: 18px;
    line-height: 28px; }
    .left-image p strong {
      font-size: 22px; }
    .left-image p:first-of-type {
      margin-top: 8px; }
    @media screen and (max-width: 690px) {
      .left-image p {
        font-size: 16px;
        line-height: 26px; } }
    @media screen and (max-width: 590px) {
      .left-image p {
        font-size: 15px;
        line-height: 22px; }
        .left-image p strong {
          font-size: 18px;
          line-height: 20px; } }
  .left-image .content {
    background: transparent no-repeat; }
  .left-image .contentLeft {
    float: left;
    max-width: 100%;
    width: 50%; }
  .left-image .contentRight {
    float: right;
    max-width: 100%;
    padding: 76px 79px 98px 0;
    width: 50%; }
    @media screen and (max-width: 984px) {
      .left-image .contentRight {
        float: right;
        padding: 76px 25px 98px 0;
        width: 48%; } }
  @media screen and (max-width: 480px) {
    .left-image--insurance {
      background-image: none; } }
  .left-image--insurance h2 {
    line-height: 50px; }
    @media screen and (max-width: 959px) {
      .left-image--insurance h2 {
        font-size: 40px;
        line-height: 47px; } }
  @media screen and (max-width: 690px) {
    .left-image--insurance p {
      font-size: 16px;
      line-height: 26px; } }
  .left-image--insurance p:first-of-type {
    margin-top: 4px; }
  .left-image--insurance .content {
    margin: 0 auto;
    max-width: 100%;
    position: relative;
    width: 1024px; }
  .left-image--insurance .btn {
    margin: 32px auto 0; }
  .left-image--insurance .contentRight {
    float: right;
    max-width: 100%;
    padding: 40px 65px 54px 10px;
    width: 50%; }
    @media screen and (max-width: 480px) {
      .left-image--insurance .contentRight h2 {
        text-align: center; } }
    @media screen and (max-width: 959px) {
      .left-image--insurance .contentRight {
        float: right;
        padding: 40px 70px 59px 8px;
        width: 55%; } }
    @media screen and (max-width: 768px) {
      .left-image--insurance .contentRight {
        padding-right: 0; } }
    @media screen and (max-width: 670px) {
      .left-image--insurance .contentRight {
        float: right;
        padding: 40px 0 40px 0px;
        width: 60%; } }
    @media screen and (max-width: 564px) {
      .left-image--insurance .contentRight {
        float: right;
        padding: 40px 0 40px 0;
        width: 75%; } }
    @media screen and (max-width: 480px) {
      .left-image--insurance .contentRight {
        padding: 40px 0;
        text-align: center;
        width: 100%; } }
  .left-image--insurance .copyLink {
    margin-top: 24px; }
    @media screen and (max-width: 480px) {
      .left-image--insurance .copyLink {
        margin: 27px auto 0; } }
  @media screen and (max-width: 590px) {
    .left-image--insurance-product {
      background-position: right 20px; } }
  .left-image--insurance-product h2 {
    font-size: 48px;
    line-height: 50px; }
    @media screen and (max-width: 590px) {
      .left-image--insurance-product h2 {
        padding-top: 20px; } }
    @media screen and (max-width: 479px) {
      .left-image--insurance-product h2 {
        text-align: center; } }
  @media screen and (max-width: 690px) {
    .left-image--insurance-product p {
      font-size: 16px;
      line-height: 26px; } }
  @media screen and (max-width: 590px) {
    .left-image--insurance-product p {
      font-size: 15px;
      line-height: 22px; } }
  .left-image--insurance-product p:first-of-type {
    margin-top: 1px; }
  .left-image--insurance-product .content {
    margin: 0 auto;
    max-width: 100%;
    position: relative;
    width: 1024px; }
  .left-image--insurance-product .btn {
    margin: 25px 0 0; }
  .left-image--insurance-product .contentRight {
    float: right;
    max-width: 100%;
    padding: 40px 79px 22px 22px;
    width: 510px; }
    @media screen and (max-width: 960px) {
      .left-image--insurance-product .contentRight {
        float: right;
        padding: 40px 30px 23px 22px;
        width: 450px; } }
    @media screen and (max-width: 850px) {
      .left-image--insurance-product .contentRight {
        padding: 40px 30px 23px 32px; } }
    @media screen and (max-width: 564px) {
      .left-image--insurance-product .contentRight {
        float: none;
        padding: 220px 0 23px;
        width: 100%; } }
    @media screen and (max-width: 520px) {
      .left-image--insurance-product .contentRight {
        padding: 195px 0 23px; } }
    @media screen and (max-width: 479px) {
      .left-image--insurance-product .contentRight {
        text-align: center; } }
    @media screen and (max-width: 460px) {
      .left-image--insurance-product .contentRight {
        padding: 175px 0 23px; } }
    @media screen and (max-width: 380px) {
      .left-image--insurance-product .contentRight {
        padding: 160px 0 23px; } }
    @media screen and (max-width: 350px) {
      .left-image--insurance-product .contentRight {
        padding: 140px 0 23px; } }
  .left-image--insurance-product .copyLink {
    margin-top: 22px; }
    @media screen and (max-width: 590px) {
      .left-image--insurance-product .copyLink {
        margin-top: 12px; } }
    @media screen and (max-width: 479px) {
      .left-image--insurance-product .copyLink {
        margin: 12px auto 0; } }
  .left-image--insurance-product .telLink {
    background: transparent url("/assets/images/icons/icon-phone.svg") 0 50%/34px 34px no-repeat;
    clear: both;
    color: #503c3c;
    display: block;
    font-size: 26px;
    height: 34px;
    line-height: 33px;
    margin-top: 23px;
    padding-left: 44px; }
    @media screen and (max-width: 479px) {
      .left-image--insurance-product .telLink {
        font-size: 23px;
        line-height: 33px;
        margin-left: auto;
        margin-right: auto;
        width: 145px; } }
  .left-image--app {
    text-align: center; }
    .left-image--app h2 {
      font-weight: 400; }
    @media screen and (min-width: 691px) {
      .left-image--app .content {
        width: 1024px; }
      .left-image--app .contentRight {
        padding-top: 68px;
        padding-bottom: 40px; }
      .left-image--app p:first-of-type {
        margin-top: 10px; } }
    @media screen and (min-width: 761px) {
      .left-image--app {
        background-image: url("/assets/images/content-sub-image/app.png");
        background-position: calc(50% - 241px) calc(100% + 13px);
        background-size: 409px 471px;
        text-align: left; } }
  @media screen and (min-width: 761px) and (min--moz-device-pixel-ratio: 1.3), screen and (min-width: 761px) and (-o-min-device-pixel-ratio: 2.6 / 2), screen and (min-width: 761px) and (-webkit-min-device-pixel-ratio: 1.3), screen and (min-width: 761px) and (min-device-pixel-ratio: 1.3), screen and (min-width: 761px) and (min-resolution: 1.3dppx) {
    .left-image--app {
      background-image: url("/assets/images/content-sub-image/app@2x.png"); } }
    @media screen and (max-width: 760px) {
      .left-image--app .contentRight {
        padding: 76px 0;
        float: none;
        width: 100%; } }
  .left-image--bike {
    background-image: url("/assets/images/content-sub-image/head-bike.png");
    background-position: center 25px; }
    @media screen and (max-width: 959px) {
      .left-image--bike {
        background-image: url("/assets/images/content-sub-image/head-bike-tablet.png");
        background-position-x: -300px; } }
    @media screen and (max-width: 690px) {
      .left-image--bike {
        background-image: url("/assets/images/content-sub-image/head-bike-tablet.png");
        background-position-x: -320px; } }
    @media screen and (max-width: 670px) {
      .left-image--bike {
        background-image: url("/assets/images/content-sub-image/head-bike-tablet.png");
        background-position-x: -400px; } }
    @media screen and (max-width: 590px) {
      .left-image--bike {
        background-image: url("/assets/images/content-sub-image/head-bike-tablet.png");
        background-position: -400px -20px; } }
    @media screen and (max-width: 564px) {
      .left-image--bike {
        background-position-x: -490px; } }
    @media screen and (max-width: 480px) {
      .left-image--bike {
        background-image: none; } }
  .left-image--landlord {
    background-image: url("/assets/images/content-sub-image/head-landlord-mobile.png");
    background-position: 50% 0; }
    .left-image--landlord .contentRight {
      margin: 83px auto 0;
      float: none;
      text-align: center; }
    .left-image--landlord .btn {
      margin-top: 20px; }
    .left-image--landlord h2 {
      font-size: 36px !important;
      line-height: 38px !important; }
    @media screen and (min-width: 768px) {
      .left-image--landlord {
        background-image: url("/assets/images/content-sub-image/head-landlord.png");
        background-position: calc(50% - 217px) 50%; }
        .left-image--landlord .contentRight {
          float: right;
          margin-top: 0;
          text-align: left; }
        .left-image--landlord h2 {
          font-size: 40px !important;
          line-height: 47px !important; }
        .left-image--landlord .btn {
          margin-top: 31px; } }
  @media screen and (max-width: 479px) {
    .left-image--defaqto h2 {
      font-size: 29px;
      line-height: 34px; } }
  .left-image--defaqto p {
    margin-top: 19px;
    padding-right: 60px; }
    @media screen and (max-width: 768px) {
      .left-image--defaqto p {
        padding-right: 0; } }
    @media screen and (max-width: 600px) {
      .left-image--defaqto p {
        padding-right: 0; } }
    @media screen and (max-width: 564px) {
      .left-image--defaqto p {
        margin-top: 0; } }
  .left-image--defaqto .content {
    margin: 0 auto;
    max-width: 100%;
    position: relative;
    width: 1024px; }
    @media screen and (max-width: 600px) {
      .left-image--defaqto .content {
        padding-left: 15px;
        padding-right: 15px; } }
  .left-image--defaqto .contentLeft {
    text-align: center; }
    @media screen and (max-width: 768px) {
      .left-image--defaqto .contentLeft {
        float: none;
        width: 100%; } }
    @media screen and (max-width: 600px) {
      .left-image--defaqto .contentLeft {
        float: none;
        width: 100%; } }
    .left-image--defaqto .contentLeft .imgContent {
      max-width: 100%;
      padding-left: 42px;
      padding-top: 160px; }
      @media screen and (max-width: 768px) {
        .left-image--defaqto .contentLeft .imgContent {
          margin: 0 auto;
          max-width: 75%;
          padding-left: 20px;
          padding-top: 40px; } }
      @media screen and (max-width: 600px) {
        .left-image--defaqto .contentLeft .imgContent {
          margin: 0 auto;
          max-width: 75%;
          padding-left: 20px;
          padding-top: 40px; } }
      @media screen and (max-width: 479px) {
        .left-image--defaqto .contentLeft .imgContent {
          max-width: 100%; } }
  .left-image--defaqto .contentRight {
    float: right;
    padding: 86px 79px 98px 0;
    width: 50%; }
    @media screen and (max-width: 768px) {
      .left-image--defaqto .contentRight {
        float: none;
        padding: 20px 60px 98px;
        text-align: center;
        width: 100%; }
        .left-image--defaqto .contentRight h2 {
          text-align: inherit; } }
    @media screen and (max-width: 600px) {
      .left-image--defaqto .contentRight {
        float: none;
        padding: 20px 60px 98px;
        text-align: center;
        width: 100%; } }
    @media screen and (max-width: 479px) {
      .left-image--defaqto .contentRight {
        padding: 10px 0 50px; } }
  .left-image--defaqto .copyLink {
    margin-top: 36px; }
    @media screen and (max-width: 600px) {
      .left-image--defaqto .copyLink {
        margin: 36px auto 0; } }
    @media screen and (max-width: 460px) {
      .left-image--defaqto .copyLink {
        margin: 20px auto 0; } }
  @media screen and (max-width: 380px) {
    .left-image--great-value {
      text-align: center; } }
  @media screen and (max-width: 380px) {
    .left-image--great-value h2 {
      padding: 0; } }
  .left-image--great-value .content {
    background-image: url("/assets/images/content-sub-image/great-value-sub-image.png");
    background-position: 24px 64px;
    margin: 0 auto;
    max-width: 100%;
    position: relative;
    width: 1024px; }
    @media screen and (max-width: 925px) {
      .left-image--great-value .content {
        background-position-x: -10px; } }
    @media screen and (max-width: 850px) {
      .left-image--great-value .content {
        background-position-x: -150px; } }
    @media screen and (max-width: 767px) {
      .left-image--great-value .content {
        background-position-x: -190px; } }
    @media screen and (max-width: 640px) {
      .left-image--great-value .content {
        background-position-x: -210px; } }
    @media screen and (max-width: 590px) {
      .left-image--great-value .content {
        background-position-x: -240px; } }
    @media screen and (max-width: 510px) {
      .left-image--great-value .content {
        background-position-x: -260px; } }
    @media screen and (max-width: 480px) {
      .left-image--great-value .content {
        background-image: none; } }
  @media screen and (max-width: 925px) {
    .left-image--great-value .contentRight {
      float: right;
      padding: 76px 25px 98px 0;
      width: 45%; } }
  @media screen and (max-width: 850px) {
    .left-image--great-value .contentRight {
      width: 60%; } }
  @media screen and (max-width: 768px) {
    .left-image--great-value .contentRight {
      float: right;
      padding: 76px 0 98px;
      width: 60%; } }
  @media screen and (max-width: 480px) {
    .left-image--great-value .contentRight {
      padding: 40px 0;
      text-align: center;
      width: 100%; } }
  .left-image--home-insurance {
    background-color: #fff;
    background-image: url("/assets/images/content-sub-image/lu-head-home.jpg");
    background-position: center -60px; }
    @media screen and (max-width: 850px) {
      .left-image--home-insurance {
        background-position: -310px center; } }
    @media screen and (max-width: 768px) {
      .left-image--home-insurance {
        background-image: url("/assets/images/content-sub-image/lu-head-home-tablet.png");
        background-position: center 0; } }
    .left-image--home-insurance p:first-of-type {
      margin-top: 8px; }
    .left-image--home-insurance .contentRight {
      padding: 46px 79px 22px 8px; }
      @media screen and (max-width: 960px) {
        .left-image--home-insurance .contentRight {
          padding: 46px 30px 23px 8px; } }
      @media screen and (max-width: 850px) {
        .left-image--home-insurance .contentRight {
          padding: 46px 30px 23px 8px; } }
      @media screen and (max-width: 768px) {
        .left-image--home-insurance .contentRight {
          padding-top: 200px !important;
          width: 100% !important; } }
    .left-image--home-insurance .telLink {
      background-size: 45px 45px;
      clear: both;
      color: #503c3c;
      display: block;
      font-size: 35px;
      height: 45px;
      line-height: 44px;
      margin-top: 23px;
      padding-left: 58px; }
      @media screen and (max-width: 479px) {
        .left-image--home-insurance .telLink {
          background-position: 0 50%;
          background-size: 34px 34px;
          font-size: 23px;
          height: 34px;
          line-height: 33px;
          margin-left: auto;
          margin-right: auto;
          margin-top: 23px;
          padding-left: 44px;
          width: 145px; } }
  .left-image--multi-car {
    background-image: url("/assets/images/content-sub-image/head-multi-car-desktop.jpg");
    background-position: calc(50% - 260px) 11px; }
    @media screen and (max-width: 960px) {
      .left-image--multi-car {
        background-position: calc(100% - 475px) 11px; } }
    @media screen and (max-width: 590px) {
      .left-image--multi-car {
        background-image: url("/assets/images/content-sub-image/head-multi-car-mobile.jpg");
        background-position: center 10px;
        background-size: 414px auto; } }
    @media screen and (max-width: 414px) {
      .left-image--multi-car {
        background-size: 320px auto; } }
    @media screen and (max-width: 479px) {
      .left-image--multi-car .btn {
        margin-left: auto;
        margin-right: auto; } }
    .left-image--multi-car .contentRight {
      margin-top: 10px;
      padding-bottom: 27px; }
      @media screen and (max-width: 590px) {
        .left-image--multi-car .contentRight {
          padding-top: 220px; } }
      @media screen and (max-width: 520px) {
        .left-image--multi-car .contentRight {
          padding-top: 220px; } }
      @media screen and (max-width: 460px) {
        .left-image--multi-car .contentRight {
          padding-top: 220px; } }
      @media screen and (max-width: 414px) {
        .left-image--multi-car .contentRight {
          padding-top: 175px; } }
      @media screen and (max-width: 380px) {
        .left-image--multi-car .contentRight {
          padding-top: 175px; } }
      @media screen and (max-width: 350px) {
        .left-image--multi-car .contentRight {
          padding-top: 175px; } }
    .left-image--multi-car .btn--sm {
      margin-top: 10px; }
      @media screen and (max-width: 479px) {
        .left-image--multi-car .btn--sm {
          margin-left: auto;
          margin-right: auto; } }
  .left-image--van {
    background-image: url("/assets/images/content-sub-image/head-van.png");
    background-position: center 80px; }
    @media screen and (max-width: 959px) {
      .left-image--van {
        background-image: url("/assets/images/content-sub-image/head-van-tablet.png");
        background-position-x: -300px; } }
    @media screen and (max-width: 690px) {
      .left-image--van {
        background-position-x: -320px; } }
    @media screen and (max-width: 670px) {
      .left-image--van {
        background-position-x: -400px; } }
    @media screen and (max-width: 564px) {
      .left-image--van {
        background-position-x: -490px; } }
    @media screen and (max-width: 480px) {
      .left-image--van {
        background-image: none; } }
  .left-image--warranty-direct .content {
    background-image: url("/assets/images/content-sub-image/lucy.jpg");
    background-position: calc(50% - 216px) 50%;
    margin: 0 auto;
    max-width: 100%;
    position: relative;
    width: 1024px; }
    @media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
      .left-image--warranty-direct .content {
        background-image: url("/assets/images/content-sub-image/lucy@2x.jpg");
        background-size: 297px 312px; } }
  @media screen and (max-width: 690px) {
    .left-image--warranty-direct p {
      font-size: 16px;
      line-height: 26px; } }
  @media screen and (max-width: 760px) {
    .left-image--warranty-direct .content {
      background: none; } }
  @media screen and (max-width: 600px) {
    .left-image--warranty-direct .content .mediumHide {
      display: block; } }
  .left-image--warranty-direct .contentRight {
    float: right;
    padding: 58px 100px 80px 0;
    width: 50%; }
    @media screen and (max-width: 959px) {
      .left-image--warranty-direct .contentRight {
        float: right;
        padding: 76px 60px 76px 0;
        width: 55%; } }
    @media screen and (max-width: 768px) {
      .left-image--warranty-direct .contentRight {
        padding-right: 0; } }
    @media screen and (max-width: 760px) {
      .left-image--warranty-direct .contentRight {
        float: none;
        width: 100%; } }
    @media screen and (max-width: 670px) {
      .left-image--warranty-direct .contentRight {
        padding: 76px 0; } }
    @media screen and (max-width: 480px) {
      .left-image--warranty-direct .contentRight {
        padding: 40px 0; } }
    @media screen and (max-width: 760px) {
      .left-image--warranty-direct .contentRight h2 {
        text-align: center !important; } }
    .left-image--warranty-direct .contentRight p {
      margin-top: 9px; }
      @media screen and (max-width: 760px) {
        .left-image--warranty-direct .contentRight p {
          text-align: center !important; } }
  .left-image--warranty-direct .copyLink {
    margin-top: 27px; }
    @media screen and (max-width: 760px) {
      .left-image--warranty-direct .copyLink {
        margin-left: auto;
        margin-right: auto; } }
    @media screen and (max-width: 480px) {
      .left-image--warranty-direct .copyLink {
        margin: 27px auto 0; } }
  .left-image--greggs .content {
    background-image: url("/assets/images/mytrips/greggs-mytrips.png");
    background-position: calc(50% - 260px) 50px;
    background-size: 362px auto;
    margin: 0 auto;
    max-width: 100%;
    position: relative;
    width: 1024px; }
    @media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
      .left-image--greggs .content {
        background-image: url("/assets/images/mytrips/greggs-mytrips@2x.png"); } }
  @media screen and (max-width: 760px) {
    .left-image--greggs h2 {
      font-size: 29px;
      line-height: 34px; } }
  @media screen and (max-width: 760px) {
    .left-image--greggs p {
      font-size: 15px;
      line-height: 22px; } }
  @media screen and (max-width: 760px) {
    .left-image--greggs .content {
      padding-top: 180px;
      background-image: url("/assets/images/mytrips/greggs-mytrips-mob.png");
      background-position: 50% 28px;
      background-size: 196px auto; } }
  @media screen and (max-width: 760px) and (min--moz-device-pixel-ratio: 1.3), screen and (max-width: 760px) and (-o-min-device-pixel-ratio: 2.6 / 2), screen and (max-width: 760px) and (-webkit-min-device-pixel-ratio: 1.3), screen and (max-width: 760px) and (min-device-pixel-ratio: 1.3), screen and (max-width: 760px) and (min-resolution: 1.3dppx) {
    .left-image--greggs .content {
      background-image: url("/assets/images/mytrips/greggs-mytrips-mob@2x.png"); } }
  @media screen and (max-width: 600px) {
    .left-image--greggs .content .mediumHide {
      display: block; } }
  .left-image--greggs .contentRight {
    float: right;
    padding: 58px 100px 80px 0;
    width: 50%; }
    @media screen and (max-width: 959px) {
      .left-image--greggs .contentRight {
        float: right;
        padding: 76px 60px 76px 0;
        width: 55%; } }
    @media screen and (max-width: 768px) {
      .left-image--greggs .contentRight {
        padding-right: 0; } }
    @media screen and (max-width: 760px) {
      .left-image--greggs .contentRight {
        float: none;
        width: 100%; } }
    @media screen and (max-width: 670px) {
      .left-image--greggs .contentRight {
        padding: 76px 0; } }
    @media screen and (max-width: 760px) {
      .left-image--greggs .contentRight h2 {
        font-size: 29px;
        line-height: 34px;
        text-align: left; } }
    @media screen and (max-width: 760px) {
      .left-image--greggs .contentRight p {
        text-align: left; } }
  .left-image--greggs .copyLink {
    margin-top: 27px; }
    @media screen and (max-width: 760px) {
      .left-image--greggs .copyLink {
        margin-left: auto;
        margin-right: auto; } }
    @media screen and (max-width: 480px) {
      .left-image--greggs .copyLink {
        margin: 27px auto 0; } }
  .left-image--just-eat .content {
    margin: 0 auto;
    max-width: 100%;
    position: relative;
    width: 1024px;
    display: flex; }
    .left-image--just-eat .content > div {
      float: none;
      height: 100%;
      z-index: 1; }
    @media screen and (max-width: 768px) {
      .left-image--just-eat .content {
        flex-direction: column-reverse; } }
  .left-image--just-eat .contentLeft .contentLeft__img {
    height: 423px;
    width: 626px;
    background: no-repeat center url("/assets/images/mytrips/just-eat-left-image.jpg");
    background-size: auto 423px;
    bottom: 0;
    right: 50%;
    margin-right: -32px;
    position: absolute; }
    @media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
      .left-image--just-eat .contentLeft .contentLeft__img {
        background-image: url("/assets/images/mytrips/just-eat-left-image@2x.jpg"); } }
    @media screen and (max-width: 768px) {
      .left-image--just-eat .contentLeft .contentLeft__img {
        height: 158px;
        width: 100%;
        background-image: url("/assets/images/mytrips/just-eat-left-image-mob.png");
        background-position: calc(50% - 5px) 0;
        background-size: auto 158px;
        position: static;
        margin-top: 8px; } }
  @media screen and (max-width: 768px) and (min--moz-device-pixel-ratio: 1.3), screen and (max-width: 768px) and (-o-min-device-pixel-ratio: 2.6 / 2), screen and (max-width: 768px) and (-webkit-min-device-pixel-ratio: 1.3), screen and (max-width: 768px) and (min-device-pixel-ratio: 1.3), screen and (max-width: 768px) and (min-resolution: 1.3dppx) {
    .left-image--just-eat .contentLeft .contentLeft__img {
      background-image: url("/assets/images/mytrips/just-eat-left-image-mob@2x.jpg"); } }
  .left-image--just-eat .contentRight {
    float: right;
    padding: 54px 61px 35px 4px;
    width: 50%; }
    @media screen and (max-width: 959px) {
      .left-image--just-eat .contentRight {
        float: right;
        padding: 76px 60px 76px 0;
        width: 55%; } }
    @media screen and (max-width: 768px) {
      .left-image--just-eat .contentRight {
        padding: 34px 0 0; } }
    .left-image--just-eat .contentRight h2 {
      margin-top: -10px; }
      @media screen and (max-width: 768px) {
        .left-image--just-eat .contentRight h2 {
          font-size: 29px;
          line-height: 34px;
          text-align: left; } }
    @media screen and (max-width: 768px) {
      .left-image--just-eat .contentRight p {
        text-align: left;
        font-size: 15px;
        line-height: 20px;
        padding-top: 20px; }
        .left-image--just-eat .contentRight p:first-of-type {
          margin-top: -7px; } }
  @media screen and (max-width: 768px) {
    .left-image--just-eat .contentLeft,
    .left-image--just-eat .contentRight {
      width: auto; } }
  .left-image--just-eat h2 {
    font-weight: 500; }
    @media screen and (max-width: 768px) {
      .left-image--just-eat h2 {
        font-size: 29px;
        line-height: 36px; } }
  .left-image--just-eat p {
    line-height: 24px;
    padding-top: 15px; }
    .left-image--just-eat p:first-of-type {
      margin-top: -2px; }
    @media screen and (max-width: 768px) {
      .left-image--just-eat p {
        font-size: 15px;
        line-height: 22px; } }
  .left-image--just-eat .copyLink {
    margin-top: 27px; }
    @media screen and (max-width: 768px) {
      .left-image--just-eat .copyLink {
        margin-left: auto;
        margin-right: auto; } }
    @media screen and (max-width: 480px) {
      .left-image--just-eat .copyLink {
        margin: 27px auto 0; } }

.message-box {
  padding: 15px 0; }
  .message-box .container {
    border-radius: 4px;
    width: 100%;
    padding: 15px 20px;
    max-width: 984px;
    min-width: 290px;
    text-align: left; }
    @media screen and (min-width: 768px) {
      .message-box .container {
        text-align: center; } }
  .message-box__dark .container {
    background: #282828; }
  .message-box__desk {
    display: none; }
    @media screen and (min-width: 768px) {
      .message-box__desk {
        display: block; } }
  .message-box__mob {
    display: block;
    margin-top: 0;
    margin-bottom: 20px;
    padding: 0; }
    @media screen and (min-width: 768px) {
      .message-box__mob {
        display: none; } }
  .message-box.helpsupport {
    padding-top: 20px; }
    @media screen and (min-width: 768px) {
      .message-box.helpsupport {
        padding-top: 30px; } }
  .message-box p {
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    padding-top: 0; }
    @media screen and (min-width: 768px) {
      .message-box p {
        font-size: 24px; } }
  .message-box a {
    color: #FFF500;
    font-size: 14px;
    display: inline-block;
    margin-top: 5px;
    position: relative; }
    .message-box a span {
      color: inherit;
      font-size: inherit;
      display: inline-block;
      background-image: url(/assets/images/icon-new-arrow-yellow.svg);
      background-repeat: no-repeat;
      position: relative;
      background-size: 6px 12px;
      background-position: center right;
      padding-right: 11px; }
      @media only screen and (max-width: 767px) {
        .message-box a span {
          background-size: 5px 10px; } }
    @media screen and (min-width: 768px) {
      .message-box a {
        font-size: 18px; } }

/*
Page specifc padding styles
*/
.message-box + .tabs--lg {
  margin-top: 10px; }
  @media screen and (min-width: 768px) {
    .message-box + .tabs--lg {
      margin-top: 20px; } }

.nudge-box {
  background: #ffdc00;
  border-radius: 4px;
  border: 1px solid #ffb200;
  padding: 13px 16px;
  margin: 25px auto;
  padding: 15px 21px; }
  @media screen and (min-width: 768px) {
    .nudge-box {
      padding: 24px 21px 18px;
      margin-bottom: 20px;
      margin-top: 20px; } }
  .nudge-box .heading--h2 {
    margin-top: 0;
    margin-bottom: 7px; }
    @media screen and (max-width: 767px) {
      .nudge-box .heading--h2 {
        font-size: 20px; } }
  .nudge-box h3 {
    font-size: 18px;
    line-height: 22px; }
    @media screen and (min-width: 768px) {
      .nudge-box h3 {
        font-size: 20px; } }
  .nudge-box p {
    padding: 0;
    font-size: 14px;
    line-height: 19px; }
    @media screen and (min-width: 768px) {
      .nudge-box p {
        font-size: 16px;
        line-height: 1.2;
        margin-bottom: 9px; } }
  @media screen and (max-width: 767px) {
    .nudge-box .copyLink {
      margin-left: 0; } }
  .nudge-box + .message-box {
    padding-top: 0; }
  .hero .nudge-box {
    background: #ffe300;
    border-color: #ffac00;
    margin: 10px auto;
    max-width: 340px; }
    @media screen and (min-width: 414px) {
      .hero .nudge-box {
        margin-bottom: 25px; } }
    @media screen and (min-width: 768px) {
      .hero .nudge-box {
        margin: 0 auto 43px;
        max-width: none;
        padding-bottom: 15px;
        padding-top: 15px; } }
    .hero .nudge-box p {
      padding-top: 2px; }
      @media screen and (min-width: 768px) {
        .hero .nudge-box p {
          padding-top: 7px; } }
  @media screen and (max-width: 767px) {
    .nudge-box.text-center {
      text-align: left; } }

.modal {
  background: #f0f0f0;
  border-radius: 5px;
  left: 50% !important;
  margin: 0 auto;
  padding: 10px 10px 31px;
  position: fixed;
  top: 50px;
  transform: translateX(-50%);
  width: 280px;
  z-index: 600; }
  .modal.call h3 {
    color: #5a5046;
    font-size: 22px;
    font-weight: 500;
    line-height: 26px;
    padding: 0 0 10px; }
  .modal.call .telLink {
    display: inline-block;
    font-size: 24px;
    font-weight: 400;
    margin-top: 10px; }
  .modal h3 {
    padding-top: 0; }
  .modal img .cashback {
    clear: both;
    display: block;
    margin-bottom: 15px;
    margin-top: 77px; }
    .modal img .cashback.tcb {
      margin-left: -7px;
      margin-top: 61px; }

.modal-overlay {
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.7);
  display: none;
  left: 0;
  min-width: 320px;
  opacity: 0;
  position: fixed;
  top: 0;
  transition: .2s linear;
  z-index: 500; }
  .modal-overlay.open {
    animation-iteration-count: 1;
    animation-name: fadein .4s forwards;
    display: block !important;
    opacity: 1 !important; }

.modal-container {
  background: #fff;
  border-radius: 4px;
  box-sizing: border-box;
  left: calc(50% - 160px);
  max-height: calc(80% - 51px);
  min-width: 320px;
  padding-top: 45px;
  position: relative;
  text-align: left;
  top: 10%;
  width: 320px; }
  .modal-container .modal-head {
    background-color: #f0f0eb;
    border-bottom: 1px solid #d1c7bd;
    border-radius: 4px 4px 0 0;
    height: 45px;
    min-width: 320px;
    position: absolute;
    top: 0;
    width: 320px;
    z-index: 505; }
  .modal-container .modal-content {
    margin: 0 auto;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 20px 0 40px;
    width: 100%;
    z-index: 502; }
    .modal-container .modal-content .buttons {
      box-sizing: border-box;
      clear: both;
      float: none;
      height: auto;
      margin: 0 auto;
      padding: 23px 10px 0;
      width: 100%; }
      .modal-container .modal-content .buttons .modal-button {
        background: #fff;
        border: 1px solid #aa8c8c;
        border-radius: 4px;
        box-sizing: border-box;
        color: #695a3c;
        cursor: pointer;
        display: inline-block;
        float: none;
        font-size: 20px;
        max-height: 48px;
        min-height: 50px;
        padding: 0;
        text-align: center;
        text-decoration: none;
        width: 100%; }
        .modal-container .modal-content .buttons .modal-button + .modal-button {
          margin-top: 10px; }
        .modal-container .modal-content .buttons .modal-button.green-button {
          background: #00b000;
          background: linear-gradient(to bottom, #00b000 0%, #007e00 100%);
          border: 1px solid #007D00;
          color: #fff;
          filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b000', endColorstr='#007e00',GradientType=0 ); }
        .modal-container .modal-content .buttons .modal-button span {
          display: inline-block;
          font-size: 20px;
          line-height: 48px;
          padding: 0 7px; }
    .modal-container .modal-content .modal-image {
      background: #e6e8ec;
      height: auto;
      margin: -20px auto 20px;
      max-width: 100%;
      padding: 0;
      width: 100%; }
      .modal-container .modal-content .modal-image img {
        display: block;
        height: auto;
        margin: 0 auto;
        max-width: 100%;
        padding: 0; }
    .modal-container .modal-content .text-block {
      box-sizing: border-box;
      margin: 0 auto;
      overflow: hidden;
      padding: 0 10px; }
      .modal-container .modal-content .text-block h2 {
        color: #503c3c;
        font-size: 22px;
        line-height: 27px;
        padding-top: 3px; }
      .modal-container .modal-content .text-block p {
        color: #695a3c;
        font-size: 18px;
        line-height: 28px; }
  @media screen and (max-width: 519px) {
    .modal-container {
      border-radius: 0;
      left: 0;
      max-height: 100%;
      max-width: 100%;
      min-width: 320px;
      top: 0;
      width: 100%; }
      .modal-container .modal-head {
        width: 100%; }
      .modal-container .modal-content .buttons {
        margin-left: auto;
        margin-right: auto;
        width: 320px; }
      .modal-container .modal-content .text-block {
        width: 320px; } }

.otherProductsModal {
  background: #f0f0f0;
  border-radius: 3px;
  display: none;
  margin: 0 auto;
  padding: 43px 20px 29px;
  position: fixed;
  top: 50px;
  width: 280px;
  z-index: 600; }
  .otherProductsModal p {
    color: #826e46;
    font-size: 16px;
    line-height: 20px;
    padding: 0 0 15px; }
    .otherProductsModal p.number {
      font-size: 24px; }
    .otherProductsModal p:first-of-type {
      font-size: 16px; }
    .otherProductsModal p.tel-link {
      font-size: 22px;
      font-weight: 500;
      line-height: 26px; }
      .otherProductsModal p.tel-link:first-of-type {
        font-size: 22px; }
      .otherProductsModal p.tel-link a {
        color: #503c3c; }
  .otherProductsModal .btn {
    width: 100%; }
  .otherProductsModal .close,
  .otherProductsModal .special-modal-link {
    background: no-repeat center / auto auto;
    color: #0078ff;
    font-size: 20px;
    font-weight: 400;
    line-height: 30px;
    overflow: visible;
    position: absolute;
    top: 5px; }
  .otherProductsModal .close {
    background-image: url("/assets/images/modal-close.svg");
    background-position-x: right;
    padding-right: 21px;
    right: 10px; }
  .otherProductsModal .special-modal-link {
    background-image: url("/assets/images/arrow-back.svg");
    background-position-x: left;
    background-size: 12px 20px;
    left: 10px;
    padding-left: 21px; }
  @media screen and (max-device-width: 600px) and (orientation: landscape) {
    .otherProductsModal.call {
      position: absolute; } }
  .otherProductsModal.call .openingHours p:first-of-type {
    font-weight: 600;
    margin: 5px 0 0; }
  .otherProductsModal.notification {
    padding: 20px 10px 30px;
    text-align: left; }
    .otherProductsModal.notification h2.mainHeading {
      font-size: 24px;
      line-height: 24px;
      margin-bottom: 8px; }

@media screen and (max-width: 690px) {
  .policyWrapper {
    overflow: visible; } }

.policyWrapper h2 {
  margin-top: 55px; }

@media screen and (max-width: 690px) {
  .policyWrapper h3 {
    padding-left: 60px;
    padding-right: 60px; } }

@media screen and (max-width: 460px) {
  .policyWrapper h3 {
    padding-left: 15px;
    padding-right: 15px; } }

@media screen and (max-width: 690px) {
  .policyWrapper p {
    padding-left: 60px;
    padding-right: 60px; } }

@media screen and (max-width: 460px) {
  .policyWrapper p {
    padding-left: 15px;
    padding-right: 15px; } }

@media screen and (max-width: 690px) {
  .policyWrapper .content {
    padding: 0; } }

.policyDocs {
  border-bottom: 1px solid #d2c8c8;
  display: block;
  margin: 20px 0 50px; }
  .policyDocs li {
    background: transparent url("/assets/images/doc-icon-seville.svg") 0 10px/27px 33px no-repeat;
    border-top: 1px solid #d2c8c8;
    color: #503c3c;
    display: block;
    font-weight: 500;
    padding: 17px 40px;
    position: relative; }
  .policyDocs .arrow {
    height: 16px;
    width: 9px;
    background: transparent url("/assets/images/arrow-charcoal.svg") 0 0/9px 16px no-repeat;
    position: absolute;
    right: 8px;
    top: 18px; }
    @media screen and (max-width: 767px) {
      .policyDocs .arrow {
        right: 0px; } }
  .policyDocs.azzuri li {
    background-image: url("/assets/images/doc-icon-azzuri.svg"); }

.jsonPopup {
  background: #f0f0f0;
  border-radius: 4px;
  display: none;
  font-size: 16px;
  left: 50%;
  line-height: 20px;
  max-height: 95%;
  overflow: auto;
  position: fixed;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 280px;
  z-index: 200; }
  @media screen and (max-width: 380px) {
    .jsonPopup {
      width: 280px; } }

.popTop {
  height: 100px;
  width: 100%;
  background: transparent url("/assets/images/doc-icon-ash.svg") 115px 31px/51px 65px no-repeat;
  position: relative; }

.popMiddle {
  font-weight: 500;
  height: auto;
  margin: 0 auto;
  overflow: hidden;
  text-align: center;
  width: 262px; }
  .popMiddle p {
    padding-top: 8px; }
  .popMiddle ul {
    margin: 20px auto 4px;
    width: 258px; }
    .popMiddle ul li {
      display: block;
      list-style-type: none;
      margin: 0;
      padding-bottom: 14px;
      width: 100%; }
      .popMiddle ul li .btn {
        display: block;
        font-size: 16px;
        font-weight: 500;
        height: 28px;
        line-height: 28px;
        margin: 0;
        text-align: center;
        width: 100%; }
        .popMiddle ul li .btn span {
          height: 100%;
          width: 100%;
          display: block; }
        .popMiddle ul li .btn.btn--yellow--grad {
          color: #503c3c; }

.close2 {
  height: 25px;
  width: 70px;
  background: url("/assets/images/policy-doc-close.svg") 100% 50%/17px 17px no-repeat;
  color: #0078ff;
  display: block;
  font-size: 20px;
  left: 200px;
  line-height: 22px;
  position: relative;
  top: 7px; }

.blackoutScreen {
  height: 100%;
  width: 100%;
  background: #000;
  display: none;
  left: 0;
  opacity: .7;
  overflow: auto;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 101; }

.reveal {
  background-color: #343434;
  display: none;
  padding-bottom: 55px;
  position: relative; }
  @media (max-width: 767px) {
    .reveal {
      padding-bottom: 45px; } }
  .reveal > .group:first-of-type {
    margin: 0 auto;
    max-width: 100%;
    padding: 0 11px;
    width: 1024px; }
  .reveal .container {
    margin: 17px auto 0;
    padding: 0;
    width: 728px; }
    @media (max-width: 767px) {
      .reveal .container {
        box-sizing: border-box;
        margin: 0 auto;
        max-width: 530px;
        padding: 0 15px;
        width: 100%; } }
  .reveal .btn {
    box-sizing: border-box; }
    .reveal .btn + .btn {
      margin-top: 10px; }
      .reveal .btn + .btn p {
        margin-top: 12px; }
    .reveal .btn.call::before {
      height: 20px;
      width: 15px;
      background-image: url("/assets/images/phone-icon.svg") no-repeat;
      content: '';
      display: inline-block;
      margin-right: 8px;
      margin-top: 11px;
      vertical-align: top; }
    .reveal .btn.continue-mobile {
      opacity: 0.5;
      cursor: default;
      display: none; }
      @media screen and (max-width: 767px) {
        .reveal .btn.continue-mobile {
          display: block;
          margin-left: 0;
          margin-top: 25px; } }
    @media screen and (max-width: 767px) {
      .reveal .btn.disabled {
        cursor: default;
        opacity: .5; } }
    @media (max-width: 767px) {
      .reveal .btn {
        margin-left: 0; } }
  .reveal .content-to-show {
    display: none; }
    .reveal .content-to-show p:not(:last-child) {
      margin-bottom: 10px; }
  .reveal .close {
    background: #343434 url("/assets/images/modal-close-orange.svg") 100% 50% no-repeat;
    color: #ff5f00;
    float: right;
    font-size: 17px;
    height: 30px;
    line-height: 30px;
    margin-right: 10px;
    margin-top: 10px;
    padding-right: 37px;
    position: static;
    text-decoration: none;
    text-transform: uppercase;
    width: auto; }
    @media (max-width: 767px) {
      .reveal .close {
        font-size: 14px;
        background-size: 20px 20px;
        padding-right: 26px;
        position: absolute;
        top: 0;
        right: 0;
        margin-top: 6px;
        z-index: 5; } }
  .reveal .title p {
    margin-bottom: 0 !important;
    padding-bottom: 5px; }
    @media (max-width: 767px) {
      .reveal .title p {
        font-size: 14px;
        padding-bottom: 0;
        margin-bottom: 16px !important; } }
  @media (max-width: 767px) {
    .reveal .title {
      width: 50%;
      margin-top: 40px; } }
  .reveal p {
    color: #a4ccea;
    font-size: 18px;
    font-weight: 400;
    padding-top: 0; }
    @media (max-width: 767px) {
      .reveal p {
        font-size: 14px; } }
    @media (max-width: 767px) {
      .reveal p.blue-title {
        font-size: 18px; } }
  .reveal hr {
    background-color: #595959;
    border: 0;
    height: 1px;
    margin-bottom: 29px;
    margin-top: 20px; }
    @media (max-width: 767px) {
      .reveal hr {
        margin-top: 0;
        margin-bottom: 20px; } }
  .reveal .back-mobile {
    display: none; }
    @media screen and (max-width: 767px) {
      .reveal .back-mobile {
        display: block;
        text-transform: uppercase;
        color: #ff5f00;
        padding-left: 15px;
        font-size: 14px;
        position: relative;
        margin-bottom: 10px;
        text-decoration: none; }
        .reveal .back-mobile::after {
          height: 0;
          width: 0;
          content: " ";
          left: 0;
          pointer-events: none;
          position: absolute;
          top: 50%;
          transform: translateY(-50%);
          border: solid transparent;
          border-style: solid;
          border-width: 5.5px 10px 5.5px 0;
          border-color: transparent #ff5f00 transparent transparent; } }
  .reveal .left,
  .reveal .right {
    box-sizing: border-box;
    width: 50%; }
  .reveal .left {
    float: left;
    padding-right: 10px; }
  .reveal .right {
    float: right;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 4px; }
    .reveal .right > div {
      display: none; }
    @media screen and (max-width: 767px) {
      .reveal .right {
        margin-top: -92px;
        padding: 0; } }
  .reveal input[type='radio'] {
    border: 0;
    cursor: pointer;
    display: block;
    float: left;
    height: 30px;
    left: -10100px;
    position: absolute;
    width: 30px; }
    .reveal input[type='radio'] + label {
      background: transparent url("/assets/images/form-scale-unchecked.svg") 0 0/30px 30px no-repeat;
      box-sizing: border-box;
      color: #fff;
      cursor: pointer;
      display: block;
      font-size: 18px;
      font-weight: 400;
      line-height: 22px;
      margin-bottom: 12px;
      min-height: 30px;
      padding: 3px 0 0 40px !important;
      user-select: none; }
      @media screen and (max-width: 767px) {
        .reveal input[type='radio'] + label {
          background-size: 20px 20px;
          font-size: 14px;
          line-height: 20px;
          margin-bottom: 10px;
          margin-bottom: 5px;
          min-height: 0;
          padding: 0 0 0 30px !important; } }
    .reveal input[type='radio']:checked + label {
      background: transparent url("/assets/images/form-scale-checked.svg") 0 0/30px 30px no-repeat; }
      @media screen and (max-width: 767px) {
        .reveal input[type='radio']:checked + label {
          background-size: 20px 20px; } }
  @media screen and (max-width: 767px) {
    .reveal .overflow-container {
      overflow: hidden; } }
  @media screen and (max-width: 767px) {
    .reveal .sliding-content {
      transition: .3s ease;
      width: 200%; }
      .reveal .sliding-content.notransition {
        transition: none !important; }
      .reveal .sliding-content.toggled {
        transform: translateX(-50%); } }
  .reveal .ticks p {
    background: url("/assets/images/icon-accidental-damage.svg") 0 0/32px auto no-repeat;
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    line-height: 22px;
    margin-bottom: 16px;
    padding-bottom: 2px;
    padding-left: 39px;
    padding-top: 3px; }
    @media screen and (max-width: 767px) {
      .reveal .ticks p {
        font-size: 16px; } }
    @media screen and (max-width: 480px) {
      .reveal .ticks p {
        background-size: 26px auto;
        font-size: 16px;
        margin-bottom: 10px;
        padding-left: 34px;
        padding-top: 0; } }
  .reveal.signposting .container {
    margin-top: 0;
    padding-top: 50px;
    text-align: center;
    max-width: 100%;
    width: 480px; }
    @media only screen and (max-width: 767px) {
      .reveal.signposting .container {
        padding-top: 35px; } }
  .reveal.signposting .phone {
    color: #fff;
    display: block;
    font-weight: 600;
    font-size: 22px;
    margin-top: 25px; }
    @media only screen and (max-width: 767px) {
      .reveal.signposting .phone {
        font-size: 16px;
        margin-top: 15px; } }
    .reveal.signposting .phone .phone-icon {
      display: inline-block;
      background-image: url(/assets/images/icon-white-phone.svg);
      background-repeat: no-repeat;
      width: 13px;
      height: 18px;
      background-size: 100% auto;
      margin-right: 5px;
      margin-bottom: -2px; }
      @media only screen and (max-width: 767px) {
        .reveal.signposting .phone .phone-icon {
          width: 9px;
          height: 11px;
          margin-bottom: 0; } }
    .reveal.signposting .phone--large {
      font-size: 42px;
      font-weight: 500; }
      @media only screen and (max-width: 767px) {
        .reveal.signposting .phone--large {
          font-size: 30px; } }
      .reveal.signposting .phone--large .phone-icon {
        width: 24px;
        height: 31px;
        margin-bottom: -2px; }
        @media only screen and (max-width: 767px) {
          .reveal.signposting .phone--large .phone-icon {
            width: 18px;
            height: 22px;
            margin-bottom: -1px; } }
  .reveal.signposting .caveat {
    color: #fff;
    font-size: 13px;
    line-height: 18px;
    margin-top: 15px;
    padding-bottom: 0; }
    @media only screen and (max-width: 767px) {
      .reveal.signposting .caveat {
        font-size: 11px;
        line-height: 16px; } }

.reveal-arrow {
  display: none;
  height: 12px;
  margin-top: -55px;
  position: relative; }
  .reveal-arrow::before {
    height: 0;
    width: 0;
    content: " ";
    position: absolute;
    pointer-events: none;
    border-style: solid;
    border-width: 0 12px 12px;
    border-color: transparent transparent #343434;
    transform: translateX(-50%);
    bottom: 0;
    left: 350px; }
  .reveal-arrow.show {
    display: block; }
  .reveal-arrow[data-arrow-position='multi-car']:before {
    left: calc(((100% - 600px) / 2) + 450px); }
    @media screen and (max-width: 767px) {
      .reveal-arrow[data-arrow-position='multi-car']:before {
        left: calc(((100% - 500px) / 2) + 375px); } }
    @media screen and (max-width: 529px) {
      .reveal-arrow[data-arrow-position='multi-car']:before {
        left: calc(15px + (   ((100% - 30px)/4) * 3)); } }
  .reveal-arrow[data-arrow-position='single-car']::before {
    left: calc(((100% - 600px) / 2) + 150px); }
    @media screen and (max-width: 767px) {
      .reveal-arrow[data-arrow-position='single-car']::before {
        left: calc(((100% - 500px) / 2) + 122.5px); } }
    @media screen and (max-width: 529px) {
      .reveal-arrow[data-arrow-position='single-car']::before {
        left: calc(15px + ((100% - 30px)/4)); } }

.reveal-arrow {
  height: 12px;
  margin-top: -55px;
  position: relative; }
  .reveal-arrow.show {
    display: block; }
  .reveal-arrow::before {
    height: 0;
    width: 0;
    border-color: transparent transparent #343434;
    border-style: solid;
    border-width: 0 12px 12px;
    bottom: 0;
    content: " ";
    left: 350px;
    pointer-events: none;
    position: absolute;
    transform: translateX(-50%); }

.simple-table {
  border: 1px solid #b8b8cc;
  border-top: 0;
  margin: 16px auto;
  width: 640px; }
  @media screen and (max-width: 460px) {
    .simple-table {
      margin-left: 15px;
      margin-right: 15px; } }
  .simple-table > div {
    border-top: 1px solid #b8b8cc;
    float: left;
    height: 86px; }
    .simple-table > div p {
      padding: 0;
      position: relative;
      top: 50%;
      transform: translateY(-50%); }
      @media (max-width: 767px) {
        .simple-table > div p {
          top: 0;
          transform: none; } }
    .simple-table > div:nth-of-type(even) {
      background-color: #f0f0f0;
      border-left: 1px solid #b8b8cc;
      text-align: center;
      width: 27.2%; }
      @media screen and (max-width: 767px) {
        .simple-table > div:nth-of-type(even) {
          background-color: #fff;
          border-left: 0;
          border-top: 0;
          height: auto;
          padding-bottom: 16px;
          padding-left: 25px;
          padding-right: 25px;
          text-align: left;
          width: 100%; } }
    .simple-table > div:nth-of-type(odd) {
      background-color: #fff;
      clear: left;
      padding-left: 5.3%;
      padding-right: 10.7%;
      width: 72.8%; }
      @media screen and (max-width: 767px) {
        .simple-table > div:nth-of-type(odd) {
          height: auto;
          padding-top: 16px 25px 5px;
          width: 100%; } }
  @media screen and (max-width: 767px) {
    .simple-table {
      margin-left: 45px;
      margin-right: 45px;
      padding-left: 0;
      padding-right: 0;
      width: auto; } }

.social {
  height: 56px;
  width: 100%;
  border-bottom: 1px solid #d2c8c8;
  border-top: 1px solid #d2c8c8;
  margin: 26px 0 5px; }
  .social li {
    height: 40px;
    width: 40px;
    display: block;
    float: left;
    margin: 8px 20px 8px 0; }
    @media screen and (max-width: 480px) {
      .social li {
        height: 30px;
        width: 30px;
        display: block;
        float: left;
        margin-bottom: 5px;
        margin-top: 11px; } }
    .social li span {
      display: none; }
    .social li.email {
      background: url("/assets/images/icons/social-email.svg") 0 0/40px no-repeat; }
      @media screen and (max-width: 480px) {
        .social li.email {
          background-size: 30px 30px; } }
    .social li.facebook {
      background: url("/assets/images/icons/social-facebook.svg") 0 0/40px no-repeat; }
      @media screen and (max-width: 480px) {
        .social li.facebook {
          background-size: 30px 30px; } }
    .social li.google {
      background: url("/assets/images/icons/social-google.svg") 0 0/40px no-repeat; }
      @media screen and (max-width: 480px) {
        .social li.google {
          background-size: 30px 30px; } }
    .social li.twitter {
      background: url("/assets/images/icons/social-twitter.svg") 0 0/40px no-repeat; }
      @media screen and (max-width: 480px) {
        .social li.twitter {
          background-size: 30px 30px; } }
  @media screen and (max-width: 480px) {
    .social {
      border-bottom: 1px solid #d2c8c8;
      border-top: 1px solid #d2c8c8;
      height: 52px;
      margin: 15px 0 0;
      width: 100%; } }

@media screen and (min-width: 768px) {
  .tabs {
    margin: 0 auto; } }

.tabs__content {
  display: none;
  margin-top: 15px; }

.tabs--sm .tabs__nav {
  display: flex;
  margin: 0 auto; }
  @media (max-width: 767px) {
    .tabs--sm .tabs__nav {
      margin: 0 -5px; } }

.tabs--lg {
  margin-bottom: 50px;
  margin-top: 25px; }
  @media screen and (min-width: 768px) {
    .tabs--lg {
      max-width: 680px; } }
  .tabs--lg .tabs__nav {
    display: flex;
    margin: 0 auto 38px; }
  @media screen and (min-width: 1024px) {
    .tabs--lg {
      margin-bottom: 60px;
      margin-top: 48px; } }

.tab-btn {
  height: 84px;
  width: 100%;
  -webkit-appearance: none;
  background: #fff;
  border-radius: 4px;
  cursor: pointer;
  display: block;
  font: 500 16px/18px "effra", Verdana, Arial, sans-serif;
  margin: 0;
  padding: 0 20px;
  text-align: center; }
  .tab-btn.active {
    background: #0096ff;
    background: linear-gradient(to bottom, #0096ff 0%, #005abe 100%);
    border: 0;
    color: #fff;
    overflow: visible;
    position: relative; }
    .tab-btn.active::after {
      border-color: #005abe transparent transparent transparent;
      border-style: solid;
      border-width: 12px 21.5px 0 21.5px;
      content: '';
      height: 0;
      left: 50%;
      margin-left: -21.5px;
      position: absolute;
      top: 100%;
      width: 0; }
    + .tab-btn.active {
      border-left: 0; }
  .tab-btn--sm {
    color: #0078ff;
    flex-grow: 1;
    flex-shrink: 1;
    width: 100%; }
    @media (max-width: 767px) {
      .tab-btn--sm {
        margin: 0 5px; } }
    @media (min-width: 768px) {
      .tab-btn--sm:first-of-type {
        border-radius: 4px 0 0 4px;
        border-right: 0; }
      .tab-btn--sm:last-of-type {
        border-radius: 0 4px 4px 0; } }
  .tab-btn--lg {
    border-color: #aa8c8c;
    border-radius: 0;
    color: #503c3c;
    font: 500 20px/22px "effra", Verdana, Arial, sans-serif;
    height: 130px;
    padding: 10px;
    flex-grow: 1;
    flex-shrink: 1;
    width: 33%; }
    .tab-btn--lg:first-of-type {
      border-radius: 4px 0 0 4px;
      border-right: 0; }
    .tab-btn--lg:last-of-type {
      border-radius: 0 4px 4px 0;
      border-left: 0; }
    @media screen and (min-width: 768px) {
      .tab-btn--lg {
        height: 110px;
        letter-spacing: .04em;
        line-height: 26px; }
        .tab-btn--lg.active::after {
          border-width: 18px 28px 0 28px;
          margin-left: -28px; } }
  .tab-btn:focus {
    outline: none; }
  .tab-btn .svg-container {
    height: 32px;
    width: 50px;
    margin: 0 auto 5px; }
  .tab-btn svg {
    display: block;
    fill: currentColor;
    margin: 0 auto; }

.tile-btns {
  margin-top: 22px; }
  .tile-btns ul {
    box-sizing: border-box;
    margin: 0;
    display: flex; }
  .tile-btns li {
    box-sizing: border-box;
    width: 50%; }
    .tile-btns li:first-of-type .tile-btns__btn {
      border-left-width: 0; }
  .tile-btns__title {
    color: #503c3c;
    font: 500 20px/22px "effra", Verdana, Arial, sans-serif;
    margin: 10px 0 8px;
    padding-top: 0; }
  .tile-btns p {
    margin: 8px 0;
    padding: 0; }
  .tile-btns__description {
    color: #826e46;
    font: 500 16px/20px "effra", Verdana, Arial, sans-serif;
    padding-top: 0; }
    @media screen and (min-width: 414px) {
      .tile-btns__description {
        display: none; } }
  .tile-btns__btn {
    background: #fff;
    border: 1px solid #aa8c8c;
    border-right-width: 0;
    box-sizing: border-box;
    display: block;
    padding: 8px 10px 7px;
    height: 100%; }
  .tile-btns img {
    display: block;
    height: 43px; }
  .tile-btns + .card {
    margin-top: 27px; }
  @media screen and (min-width: 414px) {
    .tile-btns {
      margin-left: auto;
      margin-right: auto;
      max-width: 340px; }
      .tile-btns ul {
        margin: 0 -5px; }
      .tile-btns li {
        padding: 0 5px; }
        .tile-btns li:first-of-type .tile-btns__btn {
          border-left-width: 1px; }
      .tile-btns__title {
        letter-spacing: -.02em; }
      .tile-btns__btn {
        border-radius: 12px;
        border-right-width: 1px;
        text-align: center; }
      .tile-btns img {
        margin: 7px auto; } }
  @media screen and (min-width: 768px) {
    .tile-btns {
      margin: 40px auto 30px;
      max-width: 590px; }
      .tile-btns ul {
        margin: 0 -15px; }
      .tile-btns li {
        padding: 0 15px; }
      .tile-btns__title {
        font-size: 30px;
        line-height: 38px;
        margin: 5px 0; }
        .tile-btns__title::after {
          height: 21px;
          width: 10.9px;
          background-size: 10.9px 21px;
          margin-left: 3px; }
      .tile-btns img {
        height: 58px; }
      .tile-btns__description {
        font-size: 22px;
        line-height: 27px; }
      .tile-btns__btn {
        border-radius: 30px;
        padding: 17px 25px; } }

.holidayCover {
  padding: 20px 0 64px; }
  .holidayCover h2 {
    font-size: 40px;
    margin-bottom: 20px; }
  .holidayCover .options-link {
    left: 0;
    margin-bottom: 0;
    padding-top: 20px; }
    .holidayCover .options-link .arrow {
      top: 20px; }

.magazine-story .page-header h1 {
  text-align: center;
  font-weight: 300; }

.magazine-story .page-header strong {
  display: block; }

@media screen and (min-width: 768px) {
  .magazine-story .page-header {
    padding: 60px 0 65px; } }

.magazine-story__meta {
  background: #fff;
  align-items: center;
  display: grid;
  grid-gap: 0 10px;
  grid-template-columns: 1fr 42px;
  grid-template-rows: auto 1fr auto;
  padding: 30px 0;
  position: relative; }
  @media screen and (min-width: 768px) {
    .magazine-story__meta {
      grid-template-columns: 42px 1fr auto;
      grid-template-rows: 1fr 1fr;
      margin-left: 0;
      margin-right: 0;
      padding: 39px 0; } }
  .magazine-story__meta p {
    font-weight: 400;
    margin: 0;
    padding: 0; }
  @media screen and (min-width: 768px) {
    .magazine-story__meta br {
      display: none; } }
  .magazine-story__meta-pipe {
    display: none; }
    @media screen and (min-width: 768px) {
      .magazine-story__meta-pipe {
        display: inline; } }
  .magazine-story__meta-avatar {
    max-height: 42px;
    max-width: 42px;
    min-width: 42px;
    margin-bottom: -1px; }
    @media screen and (min-width: 768px) {
      .magazine-story__meta-avatar {
        grid-column: 1;
        grid-row: 1 / 3;
        width: 100%;
        margin-bottom: 6px; } }
  .magazine-story__meta-author {
    font-size: 18px !important;
    font-weight: 500 !important;
    line-height: 22px;
    grid-row: 1 / 2;
    margin-top: -26px !important; }
    @media screen and (min-width: 768px) {
      .magazine-story__meta-author {
        margin-top: -11px !important; } }
  .magazine-story__meta-date {
    grid-row: 2 / 3;
    margin-top: -19px !important;
    font-size: 14px;
    line-height: 24px; }
    @media screen and (min-width: 768px) {
      .magazine-story__meta-date {
        font-size: 14px;
        margin-top: 0 !important; } }

.magazine-story .bullet {
  max-width: none; }

.magazine-story__social {
  display: flex;
  grid-column: 1 / span 2;
  grid-row: 3 / 4;
  margin-top: 13px; }
  @media screen and (min-width: 768px) {
    .magazine-story__social {
      grid-column: 3;
      grid-row: 1 / 3;
      margin-top: -5px; } }
  .magazine-story__social-icon {
    height: 40px;
    width: 40px;
    background: #a9a9a9 no-repeat center / auto 100%;
    display: block;
    flex-grow: 1;
    line-height: 40px;
    text-align: center; }
    .magazine-story__social-icon:not(:first-of-type) {
      margin-left: 6px; }
    .magazine-story__social-icon--next {
      background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2010%2010%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M2.76%200l3.38%205-3.38%205h1.51l3.38-5-3.38-5H2.76z%22%2F%3E%3C%2Fsvg%3E"); }
    .magazine-story__social-icon--prev {
      background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2010%2010%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M7.65%2010L4.27%205l3.38-5H6.14L2.76%205l3.38%205h1.51z%22%2F%3E%3C%2Fsvg%3E"); }
    .magazine-story__social-icon--email {
      background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2040%2040%22%3E%3Cpath%20d%3D%22M32.9%2013.5v11.8c0%20.6-.2%201.2-.6%201.6l-7.1-7.1%207.5-7.5c.1.3.2.7.2%201.2zM7.4%2012.1c-.2.4-.4.9-.4%201.4v11.8c0%20.6.2%201.2.6%201.6l7.3-7.3-7.5-7.5zm14.4%2011c-1%201-2.3%201.1-3.3.1%200%200-.9-1-2.4-2.4l-6.9%206.9H30.8L24%2020.9l-2.2%202.2zm-5-3.9l.4.4%201.6%201.6.6.6.2.2c.3.3.6.4%201-.1l2.2-2.2%208.5-8.5c-.3-.1-.7-.2-1-.2H9.6c-.3%200-.6%200-.8.1l2%202c2.1%202.2%204.3%204.4%206%206.1z%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E"); }
    .magazine-story__social-icon--facebook {
      background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2040%2040%22%3E%3Cpath%20d%3D%22M28.3%2011H12c-.6%200-1%20.5-1%201v16.3c0%20.6.5%201%201%201h8.8v-7.1h-2.4v-2.8h2.4v-2c0-2.4%201.4-3.7%203.6-3.7%201%200%201.9.1%202.1.1v2.5H25c-1.1%200-1.4.5-1.4%201.3v1.8h2.7l-.3%202.8h-2.4v7.1h4.7c.6%200%201-.5%201-1V12c0-.5-.4-1-1-1%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E");
      background-color: #3b5998; }
    .magazine-story__social-icon--share {
      background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2040%2040%22%3E%3Cpath%20d%3D%22M26.8%2022.7c-1.3%200-2.5.6-3.3%201.6l-7.2-3.7c.1-.4.2-.7.2-1.1%200-.4-.1-.8-.2-1.2l7.1-3.7c.8%201%202%201.7%203.4%201.7%202.3%200%204.2-1.9%204.2-4.2C31%209.9%2029.1%208%2026.8%208c-2.3%200-4.2%201.9-4.2%204.2%200%20.4.1.7.2%201.1L15.5%2017c-.8-1-2-1.6-3.3-1.6-2.3%200-4.2%201.9-4.2%204.2s1.9%204.2%204.2%204.2c1.4%200%202.6-.7%203.4-1.7l7.1%203.7c-.1.4-.2.8-.2%201.2%200%202.3%201.9%204.2%204.2%204.2%202.3%200%204.2-1.9%204.2-4.2.1-2.4-1.8-4.3-4.1-4.3z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E"); }
    .magazine-story__social-icon--twitter {
      background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2040%2040%22%3E%3Cpath%20d%3D%22M16.725%2027.793c6.868%200%2010.625-5.691%2010.625-10.626%200-.161-.003-.322-.011-.482a7.6%207.6%200%20001.864-1.934c-.67.297-1.39.498-2.145.588a3.747%203.747%200%20001.642-2.066%207.498%207.498%200%2001-2.371.907%203.735%203.735%200%2000-6.365%203.405%2010.6%2010.6%200%2001-7.697-3.901%203.73%203.73%200%20001.156%204.985%203.708%203.708%200%2001-1.691-.467l-.001.048a3.736%203.736%200%20002.996%203.661%203.762%203.762%200%2001-1.687.064%203.74%203.74%200%20003.49%202.593A7.497%207.497%200%200111%2026.115a10.569%2010.569%200%20005.725%201.678%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E");
      background-color: #1da1f2; }

.magazine-story__featured-image {
  margin-bottom: 28px; }
  .magazine-story__featured-image img {
    height: auto;
    max-width: 100%; }

.magazine-story figure {
  margin: 20px auto; }
  .magazine-story figure img {
    display: block;
    width: 100%; }

.magazine-story figcaption {
  margin-top: 15px; }
  @media screen and (min-width: 768px) {
    .magazine-story figcaption {
      margin-top: 20px; } }

.video {
  padding: 80px 0; }
  @media screen and (max-width: 690px) {
    .video h2 {
      font-size: 29px !important;
      line-height: 34px !important; } }
  .video .content {
    max-width: 100%;
    padding: 0 15px;
    width: 954px; }
  .video .copy {
    margin: 0 auto;
    max-width: 100%;
    width: 660px; }
    .video .copy p {
      margin: 0 auto;
      max-width: 90%; }
      @media screen and (max-width: 690px) {
        .video .copy p {
          font-size: 29px !important;
          line-height: 34px !important; } }
      @media screen and (max-width: 590px) {
        .video .copy p {
          font-size: 15px;
          line-height: 22px; } }
      @media screen and (max-width: 479px) {
        .video .copy p {
          margin: 0 auto;
          max-width: 100%; } }
  .video .videos {
    display: block;
    margin-top: 22px;
    min-height: 375px;
    position: relative; }
    @media screen and (max-width: 925px) {
      .video .videos {
        min-height: 325px; } }
    @media screen and (max-width: 900px) {
      .video .videos {
        min-height: 325px; } }
    @media screen and (max-width: 850px) {
      .video .videos {
        min-height: 300px; } }
    @media screen and (max-width: 768px) {
      .video .videos {
        min-height: 300px; } }
    @media screen and (max-width: 520px) {
      .video .videos {
        min-height: 280px; } }
    @media screen and (max-width: 480px) {
      .video .videos {
        min-height: 240px; } }
    @media screen and (max-width: 380px) {
      .video .videos {
        min-height: 170px; } }
    .video .videos .videoLeft,
    .video .videos .videoRight {
      display: inline-block;
      height: 222px;
      position: absolute;
      top: 73px;
      width: 395px;
      z-index: 1; }
      @media screen and (max-width: 915px) {
        .video .videos .videoLeft,
        .video .videos .videoRight {
          top: 63px; } }
      @media screen and (max-width: 900px) {
        .video .videos .videoLeft,
        .video .videos .videoRight {
          top: 53px; } }
      @media screen and (max-width: 850px) {
        .video .videos .videoLeft,
        .video .videos .videoRight {
          height: 180px;
          top: 43px;
          width: 320px; } }
      @media screen and (max-width: 719px) {
        .video .videos .videoLeft,
        .video .videos .videoRight {
          display: none; } }
    .video .videos .videoLeft {
      background: #00f;
      left: 0; }
    .video .videos .videoRight {
      background: #080;
      right: 0; }
  .video .videoMain {
    display: block;
    margin: 0 auto;
    padding: 0;
    position: absolute;
    width: 70%;
    z-index: 10; }
    @media screen and (min-width: 720px) {
      .video .videoMain {
        left: 15%;
        top: 0; } }
    @media screen and (max-width: 719px) {
      .video .videoMain {
        margin: 0 auto;
        max-width: 90%;
        position: relative !important;
        width: 90% !important; } }
    @media screen and (max-width: 460px) {
      .video .videoMain {
        margin: 0 auto;
        max-width: 100%;
        position: relative !important;
        width: 100% !important; } }