@charset "UTF-8";

/**

 * Owl Carousel v2.3.4

 * Copyright 2013-2018 David Deutsch

 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE

 */

/*

 *  Owl Carousel - Core

 */

.owl-carousel {

  display: none;

  width: 100%;

  -webkit-tap-highlight-color: transparent;

  /* position relative and z-index fix webkit rendering fonts issue */

  position: relative;

  z-index: 1; }



.owl-carousel .owl-stage {

  position: relative;

  touch-action: manipulation;

  -moz-backface-visibility: hidden;

  /* fix firefox animation glitch */ }



.owl-carousel .owl-stage:after {

  content: ".";

  display: block;

  clear: both;

  visibility: hidden;

  line-height: 0;

  height: 0; }



.owl-carousel .owl-stage-outer {

  position: relative;

  overflow: hidden;

  /* fix for flashing background */

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



.owl-carousel .owl-wrapper,

.owl-carousel .owl-item {

  -webkit-backface-visibility: hidden;

  -moz-backface-visibility: hidden;

  -ms-backface-visibility: hidden;

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

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

  -ms-transform: translate3d(0, 0, 0); }



.owl-carousel .owl-item {

  position: relative;

  min-height: 1px;

  float: left;

  -webkit-backface-visibility: hidden;

  -webkit-tap-highlight-color: transparent;

  -webkit-touch-callout: none; }



.owl-carousel .owl-item img {

  display: block;

  width: 100%; }



.owl-carousel .owl-nav.disabled,

.owl-carousel .owl-dots.disabled {

  display: none; }



.owl-carousel .owl-nav .owl-prev,

.owl-carousel .owl-nav .owl-next,

.owl-carousel .owl-dot {

  cursor: pointer;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none; }



.owl-carousel .owl-nav button.owl-prev,

.owl-carousel .owl-nav button.owl-next,

.owl-carousel button.owl-dot {

  background: none;

  color: inherit;

  border: none;

  padding: 0 !important;

  font: inherit; }



.owl-carousel.owl-loaded {

  display: block; }



.owl-carousel.owl-loading {

  opacity: 0;

  display: block; }



.owl-carousel.owl-hidden {

  opacity: 0; }



.owl-carousel.owl-refresh .owl-item {

  visibility: hidden; }



.owl-carousel.owl-drag .owl-item {

  touch-action: pan-y;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none; }



.owl-carousel.owl-grab {

  cursor: move;

  cursor: -webkit-grab;

  cursor: grab; }



.owl-carousel.owl-rtl {

  direction: rtl; }



.owl-carousel.owl-rtl .owl-item {

  float: right; }



/* No Js */

.no-js .owl-carousel {

  display: block; }



/*

 *  Owl Carousel - Animate Plugin

 */

.owl-carousel .animated {

  -webkit-animation-duration: 1000ms;

          animation-duration: 1000ms;

  -webkit-animation-fill-mode: both;

          animation-fill-mode: both; }



.owl-carousel .owl-animated-in {

  z-index: 0; }



.owl-carousel .owl-animated-out {

  z-index: 1; }



.owl-carousel .fadeOut {

  -webkit-animation-name: fadeOut;

          animation-name: fadeOut; }



@-webkit-keyframes fadeOut {

  0% {

    opacity: 1; }

  100% {

    opacity: 0; } }



@keyframes fadeOut {

  0% {

    opacity: 1; }

  100% {

    opacity: 0; } }



/*

 * 	Owl Carousel - Auto Height Plugin

 */

.owl-height {

  transition: height 500ms ease-in-out; }



/*

 * 	Owl Carousel - Lazy Load Plugin

 */

.owl-carousel .owl-item {

  /**

			This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong

			calculation of the height of the owl-item that breaks page layouts

		 */ }



.owl-carousel .owl-item .owl-lazy {

  opacity: 0;

  transition: opacity 400ms ease; }



.owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) {

  max-height: 0; }



.owl-carousel .owl-item img.owl-lazy {

  transform-style: preserve-3d; }



/*

 * 	Owl Carousel - Video Plugin

 */

.owl-carousel .owl-video-wrapper {

  position: relative;

  height: 100%;

  background: #000; }



.owl-carousel .owl-video-play-icon {

  position: absolute;

  height: 80px;

  width: 80px;

  left: 50%;

  top: 50%;

  margin-left: -40px;

  margin-top: -40px;

  background: url(img/owl.video.play.png) no-repeat;

  cursor: pointer;

  z-index: 1;

  -webkit-backface-visibility: hidden;

  transition: transform 100ms ease; }



.owl-carousel .owl-video-play-icon:hover {

  transform: scale(1.3, 1.3); }



.owl-carousel .owl-video-playing .owl-video-tn,

.owl-carousel .owl-video-playing .owl-video-play-icon {

  display: none; }



.owl-carousel .owl-video-tn {

  opacity: 0;

  height: 100%;

  background-position: center center;

  background-repeat: no-repeat;

  background-size: contain;

  transition: opacity 400ms ease; }



.owl-carousel .owl-video-frame {

  position: relative;

  z-index: 1;

  height: 100%;

  width: 100%; }

/**

 * Owl Carousel v2.3.4

 * Copyright 2013-2018 David Deutsch

 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE

 */

.owl-theme .owl-dots, .owl-theme .owl-nav {

  text-align: center;

  -webkit-tap-highlight-color: transparent; }



.owl-theme .owl-nav {

  margin-top: 10px; }



.owl-theme .owl-nav [class*=owl-] {

  color: #FFF;

  font-size: 14px;

  margin: 5px;

  padding: 4px 7px;

  background: #D6D6D6;

  display: inline-block;

  cursor: pointer;

  border-radius: 3px; }



.owl-theme .owl-nav [class*=owl-]:hover {

  background: #869791;

  color: #FFF;

  text-decoration: none; }



.owl-theme .owl-nav .disabled {

  opacity: .5;

  cursor: default; }



.owl-theme .owl-nav.disabled + .owl-dots {

  margin-top: 10px; }



.owl-theme .owl-dots .owl-dot {

  display: inline-block;

  zoom: 1; }



.owl-theme .owl-dots .owl-dot span {

  width: 10px;

  height: 10px;

  margin: 5px 7px;

  background: #D6D6D6;

  display: block;

  -webkit-backface-visibility: visible;

  transition: opacity .2s ease;

  border-radius: 30px; }



.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {

  background: #869791; }

/*!

 * 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);

    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);

    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);

    transform: translate3d(0, -15px, 0); }

  90% {

    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);

    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);

    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);

    transform: translate3d(0, -15px, 0); }

  90% {

    transform: translate3d(0, -4px, 0); } }



.bounce {

  -webkit-animation-name: bounce;

  animation-name: bounce;

  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 {

    transform: scale3d(1, 1, 1); }

  50% {

    transform: scale3d(1.05, 1.05, 1.05); }

  to {

    transform: scale3d(1, 1, 1); } }



@keyframes pulse {

  from {

    transform: scale3d(1, 1, 1); }

  50% {

    transform: scale3d(1.05, 1.05, 1.05); }

  to {

    transform: scale3d(1, 1, 1); } }



.pulse {

  -webkit-animation-name: pulse;

  animation-name: pulse; }



@-webkit-keyframes rubberBand {

  from {

    transform: scale3d(1, 1, 1); }

  30% {

    transform: scale3d(1.25, 0.75, 1); }

  40% {

    transform: scale3d(0.75, 1.25, 1); }

  50% {

    transform: scale3d(1.15, 0.85, 1); }

  65% {

    transform: scale3d(0.95, 1.05, 1); }

  75% {

    transform: scale3d(1.05, 0.95, 1); }

  to {

    transform: scale3d(1, 1, 1); } }



@keyframes rubberBand {

  from {

    transform: scale3d(1, 1, 1); }

  30% {

    transform: scale3d(1.25, 0.75, 1); }

  40% {

    transform: scale3d(0.75, 1.25, 1); }

  50% {

    transform: scale3d(1.15, 0.85, 1); }

  65% {

    transform: scale3d(0.95, 1.05, 1); }

  75% {

    transform: scale3d(1.05, 0.95, 1); }

  to {

    transform: scale3d(1, 1, 1); } }



.rubberBand {

  -webkit-animation-name: rubberBand;

  animation-name: rubberBand; }



@-webkit-keyframes shake {

  from,

  to {

    transform: translate3d(0, 0, 0); }

  10%,

  30%,

  50%,

  70%,

  90% {

    transform: translate3d(-10px, 0, 0); }

  20%,

  40%,

  60%,

  80% {

    transform: translate3d(10px, 0, 0); } }



@keyframes shake {

  from,

  to {

    transform: translate3d(0, 0, 0); }

  10%,

  30%,

  50%,

  70%,

  90% {

    transform: translate3d(-10px, 0, 0); }

  20%,

  40%,

  60%,

  80% {

    transform: translate3d(10px, 0, 0); } }



.shake {

  -webkit-animation-name: shake;

  animation-name: shake; }



@-webkit-keyframes headShake {

  0% {

    transform: translateX(0); }

  6.5% {

    transform: translateX(-6px) rotateY(-9deg); }

  18.5% {

    transform: translateX(5px) rotateY(7deg); }

  31.5% {

    transform: translateX(-3px) rotateY(-5deg); }

  43.5% {

    transform: translateX(2px) rotateY(3deg); }

  50% {

    transform: translateX(0); } }



@keyframes headShake {

  0% {

    transform: translateX(0); }

  6.5% {

    transform: translateX(-6px) rotateY(-9deg); }

  18.5% {

    transform: translateX(5px) rotateY(7deg); }

  31.5% {

    transform: translateX(-3px) rotateY(-5deg); }

  43.5% {

    transform: translateX(2px) rotateY(3deg); }

  50% {

    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% {

    transform: rotate3d(0, 0, 1, 15deg); }

  40% {

    transform: rotate3d(0, 0, 1, -10deg); }

  60% {

    transform: rotate3d(0, 0, 1, 5deg); }

  80% {

    transform: rotate3d(0, 0, 1, -5deg); }

  to {

    transform: rotate3d(0, 0, 1, 0deg); } }



@keyframes swing {

  20% {

    transform: rotate3d(0, 0, 1, 15deg); }

  40% {

    transform: rotate3d(0, 0, 1, -10deg); }

  60% {

    transform: rotate3d(0, 0, 1, 5deg); }

  80% {

    transform: rotate3d(0, 0, 1, -5deg); }

  to {

    transform: rotate3d(0, 0, 1, 0deg); } }



.swing {

  transform-origin: top center;

  -webkit-animation-name: swing;

  animation-name: swing; }



@-webkit-keyframes tada {

  from {

    transform: scale3d(1, 1, 1); }

  10%,

  20% {

    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }

  30%,

  50%,

  70%,

  90% {

    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }

  40%,

  60%,

  80% {

    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }

  to {

    transform: scale3d(1, 1, 1); } }



@keyframes tada {

  from {

    transform: scale3d(1, 1, 1); }

  10%,

  20% {

    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }

  30%,

  50%,

  70%,

  90% {

    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }

  40%,

  60%,

  80% {

    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }

  to {

    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 {

    transform: translate3d(0, 0, 0); }

  15% {

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

  30% {

    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); }

  45% {

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

  60% {

    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); }

  75% {

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

  to {

    transform: translate3d(0, 0, 0); } }



@keyframes wobble {

  from {

    transform: translate3d(0, 0, 0); }

  15% {

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

  30% {

    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); }

  45% {

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

  60% {

    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); }

  75% {

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

  to {

    transform: translate3d(0, 0, 0); } }



.wobble {

  -webkit-animation-name: wobble;

  animation-name: wobble; }



@-webkit-keyframes jello {

  from,

  11.1%,

  to {

    transform: translate3d(0, 0, 0); }

  22.2% {

    transform: skewX(-12.5deg) skewY(-12.5deg); }

  33.3% {

    transform: skewX(6.25deg) skewY(6.25deg); }

  44.4% {

    transform: skewX(-3.125deg) skewY(-3.125deg); }

  55.5% {

    transform: skewX(1.5625deg) skewY(1.5625deg); }

  66.6% {

    transform: skewX(-0.78125deg) skewY(-0.78125deg); }

  77.7% {

    transform: skewX(0.39062deg) skewY(0.39062deg); }

  88.8% {

    transform: skewX(-0.19531deg) skewY(-0.19531deg); } }



@keyframes jello {

  from,

  11.1%,

  to {

    transform: translate3d(0, 0, 0); }

  22.2% {

    transform: skewX(-12.5deg) skewY(-12.5deg); }

  33.3% {

    transform: skewX(6.25deg) skewY(6.25deg); }

  44.4% {

    transform: skewX(-3.125deg) skewY(-3.125deg); }

  55.5% {

    transform: skewX(1.5625deg) skewY(1.5625deg); }

  66.6% {

    transform: skewX(-0.78125deg) skewY(-0.78125deg); }

  77.7% {

    transform: skewX(0.39062deg) skewY(0.39062deg); }

  88.8% {

    transform: skewX(-0.19531deg) skewY(-0.19531deg); } }



.jello {

  -webkit-animation-name: jello;

  animation-name: jello;

  transform-origin: center; }



@-webkit-keyframes heartBeat {

  0% {

    transform: scale(1); }

  14% {

    transform: scale(1.3); }

  28% {

    transform: scale(1); }

  42% {

    transform: scale(1.3); }

  70% {

    transform: scale(1); } }



@keyframes heartBeat {

  0% {

    transform: scale(1); }

  14% {

    transform: scale(1.3); }

  28% {

    transform: scale(1); }

  42% {

    transform: scale(1.3); }

  70% {

    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;

    transform: scale3d(0.3, 0.3, 0.3); }

  20% {

    transform: scale3d(1.1, 1.1, 1.1); }

  40% {

    transform: scale3d(0.9, 0.9, 0.9); }

  60% {

    opacity: 1;

    transform: scale3d(1.03, 1.03, 1.03); }

  80% {

    transform: scale3d(0.97, 0.97, 0.97); }

  to {

    opacity: 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;

    transform: scale3d(0.3, 0.3, 0.3); }

  20% {

    transform: scale3d(1.1, 1.1, 1.1); }

  40% {

    transform: scale3d(0.9, 0.9, 0.9); }

  60% {

    opacity: 1;

    transform: scale3d(1.03, 1.03, 1.03); }

  80% {

    transform: scale3d(0.97, 0.97, 0.97); }

  to {

    opacity: 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;

    transform: translate3d(0, -3000px, 0); }

  60% {

    opacity: 1;

    transform: translate3d(0, 25px, 0); }

  75% {

    transform: translate3d(0, -10px, 0); }

  90% {

    transform: translate3d(0, 5px, 0); }

  to {

    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;

    transform: translate3d(0, -3000px, 0); }

  60% {

    opacity: 1;

    transform: translate3d(0, 25px, 0); }

  75% {

    transform: translate3d(0, -10px, 0); }

  90% {

    transform: translate3d(0, 5px, 0); }

  to {

    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;

    transform: translate3d(-3000px, 0, 0); }

  60% {

    opacity: 1;

    transform: translate3d(25px, 0, 0); }

  75% {

    transform: translate3d(-10px, 0, 0); }

  90% {

    transform: translate3d(5px, 0, 0); }

  to {

    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;

    transform: translate3d(-3000px, 0, 0); }

  60% {

    opacity: 1;

    transform: translate3d(25px, 0, 0); }

  75% {

    transform: translate3d(-10px, 0, 0); }

  90% {

    transform: translate3d(5px, 0, 0); }

  to {

    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;

    transform: translate3d(3000px, 0, 0); }

  60% {

    opacity: 1;

    transform: translate3d(-25px, 0, 0); }

  75% {

    transform: translate3d(10px, 0, 0); }

  90% {

    transform: translate3d(-5px, 0, 0); }

  to {

    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;

    transform: translate3d(3000px, 0, 0); }

  60% {

    opacity: 1;

    transform: translate3d(-25px, 0, 0); }

  75% {

    transform: translate3d(10px, 0, 0); }

  90% {

    transform: translate3d(-5px, 0, 0); }

  to {

    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;

    transform: translate3d(0, 3000px, 0); }

  60% {

    opacity: 1;

    transform: translate3d(0, -20px, 0); }

  75% {

    transform: translate3d(0, 10px, 0); }

  90% {

    transform: translate3d(0, -5px, 0); }

  to {

    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;

    transform: translate3d(0, 3000px, 0); }

  60% {

    opacity: 1;

    transform: translate3d(0, -20px, 0); }

  75% {

    transform: translate3d(0, 10px, 0); }

  90% {

    transform: translate3d(0, -5px, 0); }

  to {

    transform: translate3d(0, 0, 0); } }



.bounceInUp {

  -webkit-animation-name: bounceInUp;

  animation-name: bounceInUp; }



@-webkit-keyframes bounceOut {

  20% {

    transform: scale3d(0.9, 0.9, 0.9); }

  50%,

  55% {

    opacity: 1;

    transform: scale3d(1.1, 1.1, 1.1); }

  to {

    opacity: 0;

    transform: scale3d(0.3, 0.3, 0.3); } }



@keyframes bounceOut {

  20% {

    transform: scale3d(0.9, 0.9, 0.9); }

  50%,

  55% {

    opacity: 1;

    transform: scale3d(1.1, 1.1, 1.1); }

  to {

    opacity: 0;

    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% {

    transform: translate3d(0, 10px, 0); }

  40%,

  45% {

    opacity: 1;

    transform: translate3d(0, -20px, 0); }

  to {

    opacity: 0;

    transform: translate3d(0, 2000px, 0); } }



@keyframes bounceOutDown {

  20% {

    transform: translate3d(0, 10px, 0); }

  40%,

  45% {

    opacity: 1;

    transform: translate3d(0, -20px, 0); }

  to {

    opacity: 0;

    transform: translate3d(0, 2000px, 0); } }



.bounceOutDown {

  -webkit-animation-name: bounceOutDown;

  animation-name: bounceOutDown; }



@-webkit-keyframes bounceOutLeft {

  20% {

    opacity: 1;

    transform: translate3d(20px, 0, 0); }

  to {

    opacity: 0;

    transform: translate3d(-2000px, 0, 0); } }



@keyframes bounceOutLeft {

  20% {

    opacity: 1;

    transform: translate3d(20px, 0, 0); }

  to {

    opacity: 0;

    transform: translate3d(-2000px, 0, 0); } }



.bounceOutLeft {

  -webkit-animation-name: bounceOutLeft;

  animation-name: bounceOutLeft; }



@-webkit-keyframes bounceOutRight {

  20% {

    opacity: 1;

    transform: translate3d(-20px, 0, 0); }

  to {

    opacity: 0;

    transform: translate3d(2000px, 0, 0); } }



@keyframes bounceOutRight {

  20% {

    opacity: 1;

    transform: translate3d(-20px, 0, 0); }

  to {

    opacity: 0;

    transform: translate3d(2000px, 0, 0); } }



.bounceOutRight {

  -webkit-animation-name: bounceOutRight;

  animation-name: bounceOutRight; }



@-webkit-keyframes bounceOutUp {

  20% {

    transform: translate3d(0, -10px, 0); }

  40%,

  45% {

    opacity: 1;

    transform: translate3d(0, 20px, 0); }

  to {

    opacity: 0;

    transform: translate3d(0, -2000px, 0); } }



@keyframes bounceOutUp {

  20% {

    transform: translate3d(0, -10px, 0); }

  40%,

  45% {

    opacity: 1;

    transform: translate3d(0, 20px, 0); }

  to {

    opacity: 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;

    transform: translate3d(0, -100%, 0); }

  to {

    opacity: 1;

    transform: translate3d(0, 0, 0); } }



@keyframes fadeInDown {

  from {

    opacity: 0;

    transform: translate3d(0, -100%, 0); }

  to {

    opacity: 1;

    transform: translate3d(0, 0, 0); } }



.fadeInDown {

  -webkit-animation-name: fadeInDown;

  animation-name: fadeInDown; }



@-webkit-keyframes fadeInDownBig {

  from {

    opacity: 0;

    transform: translate3d(0, -2000px, 0); }

  to {

    opacity: 1;

    transform: translate3d(0, 0, 0); } }



@keyframes fadeInDownBig {

  from {

    opacity: 0;

    transform: translate3d(0, -2000px, 0); }

  to {

    opacity: 1;

    transform: translate3d(0, 0, 0); } }



.fadeInDownBig {

  -webkit-animation-name: fadeInDownBig;

  animation-name: fadeInDownBig; }



@-webkit-keyframes fadeInLeft {

  from {

    opacity: 0;

    transform: translate3d(-100%, 0, 0); }

  to {

    opacity: 1;

    transform: translate3d(0, 0, 0); } }



@keyframes fadeInLeft {

  from {

    opacity: 0;

    transform: translate3d(-100%, 0, 0); }

  to {

    opacity: 1;

    transform: translate3d(0, 0, 0); } }



.fadeInLeft {

  -webkit-animation-name: fadeInLeft;

  animation-name: fadeInLeft; }



@-webkit-keyframes fadeInLeftBig {

  from {

    opacity: 0;

    transform: translate3d(-2000px, 0, 0); }

  to {

    opacity: 1;

    transform: translate3d(0, 0, 0); } }



@keyframes fadeInLeftBig {

  from {

    opacity: 0;

    transform: translate3d(-2000px, 0, 0); }

  to {

    opacity: 1;

    transform: translate3d(0, 0, 0); } }



.fadeInLeftBig {

  -webkit-animation-name: fadeInLeftBig;

  animation-name: fadeInLeftBig; }



@-webkit-keyframes fadeInRight {

  from {

    opacity: 0;

    transform: translate3d(100%, 0, 0); }

  to {

    opacity: 1;

    transform: translate3d(0, 0, 0); } }



@keyframes fadeInRight {

  from {

    opacity: 0;

    transform: translate3d(100%, 0, 0); }

  to {

    opacity: 1;

    transform: translate3d(0, 0, 0); } }



.fadeInRight {

  -webkit-animation-name: fadeInRight;

  animation-name: fadeInRight; }



@-webkit-keyframes fadeInRightBig {

  from {

    opacity: 0;

    transform: translate3d(2000px, 0, 0); }

  to {

    opacity: 1;

    transform: translate3d(0, 0, 0); } }



@keyframes fadeInRightBig {

  from {

    opacity: 0;

    transform: translate3d(2000px, 0, 0); }

  to {

    opacity: 1;

    transform: translate3d(0, 0, 0); } }



.fadeInRightBig {

  -webkit-animation-name: fadeInRightBig;

  animation-name: fadeInRightBig; }



@-webkit-keyframes fadeInUp {

  from {

    opacity: 0;

    transform: translate3d(0, 100%, 0); }

  to {

    opacity: 1;

    transform: translate3d(0, 0, 0); } }



@keyframes fadeInUp {

  from {

    opacity: 0;

    transform: translate3d(0, 100%, 0); }

  to {

    opacity: 1;

    transform: translate3d(0, 0, 0); } }



.fadeInUp {

  -webkit-animation-name: fadeInUp;

  animation-name: fadeInUp; }



@-webkit-keyframes fadeInUpBig {

  from {

    opacity: 0;

    transform: translate3d(0, 2000px, 0); }

  to {

    opacity: 1;

    transform: translate3d(0, 0, 0); } }



@keyframes fadeInUpBig {

  from {

    opacity: 0;

    transform: translate3d(0, 2000px, 0); }

  to {

    opacity: 1;

    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;

    transform: translate3d(0, 100%, 0); } }



@keyframes fadeOutDown {

  from {

    opacity: 1; }

  to {

    opacity: 0;

    transform: translate3d(0, 100%, 0); } }



.fadeOutDown {

  -webkit-animation-name: fadeOutDown;

  animation-name: fadeOutDown; }



@-webkit-keyframes fadeOutDownBig {

  from {

    opacity: 1; }

  to {

    opacity: 0;

    transform: translate3d(0, 2000px, 0); } }



@keyframes fadeOutDownBig {

  from {

    opacity: 1; }

  to {

    opacity: 0;

    transform: translate3d(0, 2000px, 0); } }



.fadeOutDownBig {

  -webkit-animation-name: fadeOutDownBig;

  animation-name: fadeOutDownBig; }



@-webkit-keyframes fadeOutLeft {

  from {

    opacity: 1; }

  to {

    opacity: 0;

    transform: translate3d(-100%, 0, 0); } }



@keyframes fadeOutLeft {

  from {

    opacity: 1; }

  to {

    opacity: 0;

    transform: translate3d(-100%, 0, 0); } }



.fadeOutLeft {

  -webkit-animation-name: fadeOutLeft;

  animation-name: fadeOutLeft; }



@-webkit-keyframes fadeOutLeftBig {

  from {

    opacity: 1; }

  to {

    opacity: 0;

    transform: translate3d(-2000px, 0, 0); } }



@keyframes fadeOutLeftBig {

  from {

    opacity: 1; }

  to {

    opacity: 0;

    transform: translate3d(-2000px, 0, 0); } }



.fadeOutLeftBig {

  -webkit-animation-name: fadeOutLeftBig;

  animation-name: fadeOutLeftBig; }



@-webkit-keyframes fadeOutRight {

  from {

    opacity: 1; }

  to {

    opacity: 0;

    transform: translate3d(100%, 0, 0); } }



@keyframes fadeOutRight {

  from {

    opacity: 1; }

  to {

    opacity: 0;

    transform: translate3d(100%, 0, 0); } }



.fadeOutRight {

  -webkit-animation-name: fadeOutRight;

  animation-name: fadeOutRight; }



@-webkit-keyframes fadeOutRightBig {

  from {

    opacity: 1; }

  to {

    opacity: 0;

    transform: translate3d(2000px, 0, 0); } }



@keyframes fadeOutRightBig {

  from {

    opacity: 1; }

  to {

    opacity: 0;

    transform: translate3d(2000px, 0, 0); } }



.fadeOutRightBig {

  -webkit-animation-name: fadeOutRightBig;

  animation-name: fadeOutRightBig; }



@-webkit-keyframes fadeOutUp {

  from {

    opacity: 1; }

  to {

    opacity: 0;

    transform: translate3d(0, -100%, 0); } }



@keyframes fadeOutUp {

  from {

    opacity: 1; }

  to {

    opacity: 0;

    transform: translate3d(0, -100%, 0); } }



.fadeOutUp {

  -webkit-animation-name: fadeOutUp;

  animation-name: fadeOutUp; }



@-webkit-keyframes fadeOutUpBig {

  from {

    opacity: 1; }

  to {

    opacity: 0;

    transform: translate3d(0, -2000px, 0); } }



@keyframes fadeOutUpBig {

  from {

    opacity: 1; }

  to {

    opacity: 0;

    transform: translate3d(0, -2000px, 0); } }



.fadeOutUpBig {

  -webkit-animation-name: fadeOutUpBig;

  animation-name: fadeOutUpBig; }



@-webkit-keyframes flip {

  from {

    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% {

    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% {

    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% {

    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 {

    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 {

    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% {

    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% {

    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% {

    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 {

    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 {

    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);

    -webkit-animation-timing-function: ease-in;

    animation-timing-function: ease-in;

    opacity: 0; }

  40% {

    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);

    -webkit-animation-timing-function: ease-in;

    animation-timing-function: ease-in; }

  60% {

    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);

    opacity: 1; }

  80% {

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

  to {

    transform: perspective(400px); } }



@keyframes flipInX {

  from {

    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);

    -webkit-animation-timing-function: ease-in;

    animation-timing-function: ease-in;

    opacity: 0; }

  40% {

    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);

    -webkit-animation-timing-function: ease-in;

    animation-timing-function: ease-in; }

  60% {

    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);

    opacity: 1; }

  80% {

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

  to {

    transform: perspective(400px); } }



.flipInX {

  -webkit-backface-visibility: visible !important;

  backface-visibility: visible !important;

  -webkit-animation-name: flipInX;

  animation-name: flipInX; }



@-webkit-keyframes flipInY {

  from {

    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);

    -webkit-animation-timing-function: ease-in;

    animation-timing-function: ease-in;

    opacity: 0; }

  40% {

    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);

    -webkit-animation-timing-function: ease-in;

    animation-timing-function: ease-in; }

  60% {

    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);

    opacity: 1; }

  80% {

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

  to {

    transform: perspective(400px); } }



@keyframes flipInY {

  from {

    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);

    -webkit-animation-timing-function: ease-in;

    animation-timing-function: ease-in;

    opacity: 0; }

  40% {

    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);

    -webkit-animation-timing-function: ease-in;

    animation-timing-function: ease-in; }

  60% {

    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);

    opacity: 1; }

  80% {

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

  to {

    transform: perspective(400px); } }



.flipInY {

  -webkit-backface-visibility: visible !important;

  backface-visibility: visible !important;

  -webkit-animation-name: flipInY;

  animation-name: flipInY; }



@-webkit-keyframes flipOutX {

  from {

    transform: perspective(400px); }

  30% {

    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);

    opacity: 1; }

  to {

    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);

    opacity: 0; } }



@keyframes flipOutX {

  from {

    transform: perspective(400px); }

  30% {

    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);

    opacity: 1; }

  to {

    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 {

    transform: perspective(400px); }

  30% {

    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);

    opacity: 1; }

  to {

    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);

    opacity: 0; } }



@keyframes flipOutY {

  from {

    transform: perspective(400px); }

  30% {

    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);

    opacity: 1; }

  to {

    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 {

    transform: translate3d(100%, 0, 0) skewX(-30deg);

    opacity: 0; }

  60% {

    transform: skewX(20deg);

    opacity: 1; }

  80% {

    transform: skewX(-5deg); }

  to {

    transform: translate3d(0, 0, 0); } }



@keyframes lightSpeedIn {

  from {

    transform: translate3d(100%, 0, 0) skewX(-30deg);

    opacity: 0; }

  60% {

    transform: skewX(20deg);

    opacity: 1; }

  80% {

    transform: skewX(-5deg); }

  to {

    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 {

    transform: translate3d(100%, 0, 0) skewX(30deg);

    opacity: 0; } }



@keyframes lightSpeedOut {

  from {

    opacity: 1; }

  to {

    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 {

    transform-origin: center;

    transform: rotate3d(0, 0, 1, -200deg);

    opacity: 0; }

  to {

    transform-origin: center;

    transform: translate3d(0, 0, 0);

    opacity: 1; } }



@keyframes rotateIn {

  from {

    transform-origin: center;

    transform: rotate3d(0, 0, 1, -200deg);

    opacity: 0; }

  to {

    transform-origin: center;

    transform: translate3d(0, 0, 0);

    opacity: 1; } }



.rotateIn {

  -webkit-animation-name: rotateIn;

  animation-name: rotateIn; }



@-webkit-keyframes rotateInDownLeft {

  from {

    transform-origin: left bottom;

    transform: rotate3d(0, 0, 1, -45deg);

    opacity: 0; }

  to {

    transform-origin: left bottom;

    transform: translate3d(0, 0, 0);

    opacity: 1; } }



@keyframes rotateInDownLeft {

  from {

    transform-origin: left bottom;

    transform: rotate3d(0, 0, 1, -45deg);

    opacity: 0; }

  to {

    transform-origin: left bottom;

    transform: translate3d(0, 0, 0);

    opacity: 1; } }



.rotateInDownLeft {

  -webkit-animation-name: rotateInDownLeft;

  animation-name: rotateInDownLeft; }



@-webkit-keyframes rotateInDownRight {

  from {

    transform-origin: right bottom;

    transform: rotate3d(0, 0, 1, 45deg);

    opacity: 0; }

  to {

    transform-origin: right bottom;

    transform: translate3d(0, 0, 0);

    opacity: 1; } }



@keyframes rotateInDownRight {

  from {

    transform-origin: right bottom;

    transform: rotate3d(0, 0, 1, 45deg);

    opacity: 0; }

  to {

    transform-origin: right bottom;

    transform: translate3d(0, 0, 0);

    opacity: 1; } }



.rotateInDownRight {

  -webkit-animation-name: rotateInDownRight;

  animation-name: rotateInDownRight; }



@-webkit-keyframes rotateInUpLeft {

  from {

    transform-origin: left bottom;

    transform: rotate3d(0, 0, 1, 45deg);

    opacity: 0; }

  to {

    transform-origin: left bottom;

    transform: translate3d(0, 0, 0);

    opacity: 1; } }



@keyframes rotateInUpLeft {

  from {

    transform-origin: left bottom;

    transform: rotate3d(0, 0, 1, 45deg);

    opacity: 0; }

  to {

    transform-origin: left bottom;

    transform: translate3d(0, 0, 0);

    opacity: 1; } }



.rotateInUpLeft {

  -webkit-animation-name: rotateInUpLeft;

  animation-name: rotateInUpLeft; }



@-webkit-keyframes rotateInUpRight {

  from {

    transform-origin: right bottom;

    transform: rotate3d(0, 0, 1, -90deg);

    opacity: 0; }

  to {

    transform-origin: right bottom;

    transform: translate3d(0, 0, 0);

    opacity: 1; } }



@keyframes rotateInUpRight {

  from {

    transform-origin: right bottom;

    transform: rotate3d(0, 0, 1, -90deg);

    opacity: 0; }

  to {

    transform-origin: right bottom;

    transform: translate3d(0, 0, 0);

    opacity: 1; } }



.rotateInUpRight {

  -webkit-animation-name: rotateInUpRight;

  animation-name: rotateInUpRight; }



@-webkit-keyframes rotateOut {

  from {

    transform-origin: center;

    opacity: 1; }

  to {

    transform-origin: center;

    transform: rotate3d(0, 0, 1, 200deg);

    opacity: 0; } }



@keyframes rotateOut {

  from {

    transform-origin: center;

    opacity: 1; }

  to {

    transform-origin: center;

    transform: rotate3d(0, 0, 1, 200deg);

    opacity: 0; } }



.rotateOut {

  -webkit-animation-name: rotateOut;

  animation-name: rotateOut; }



@-webkit-keyframes rotateOutDownLeft {

  from {

    transform-origin: left bottom;

    opacity: 1; }

  to {

    transform-origin: left bottom;

    transform: rotate3d(0, 0, 1, 45deg);

    opacity: 0; } }



@keyframes rotateOutDownLeft {

  from {

    transform-origin: left bottom;

    opacity: 1; }

  to {

    transform-origin: left bottom;

    transform: rotate3d(0, 0, 1, 45deg);

    opacity: 0; } }



.rotateOutDownLeft {

  -webkit-animation-name: rotateOutDownLeft;

  animation-name: rotateOutDownLeft; }



@-webkit-keyframes rotateOutDownRight {

  from {

    transform-origin: right bottom;

    opacity: 1; }

  to {

    transform-origin: right bottom;

    transform: rotate3d(0, 0, 1, -45deg);

    opacity: 0; } }



@keyframes rotateOutDownRight {

  from {

    transform-origin: right bottom;

    opacity: 1; }

  to {

    transform-origin: right bottom;

    transform: rotate3d(0, 0, 1, -45deg);

    opacity: 0; } }



.rotateOutDownRight {

  -webkit-animation-name: rotateOutDownRight;

  animation-name: rotateOutDownRight; }



@-webkit-keyframes rotateOutUpLeft {

  from {

    transform-origin: left bottom;

    opacity: 1; }

  to {

    transform-origin: left bottom;

    transform: rotate3d(0, 0, 1, -45deg);

    opacity: 0; } }



@keyframes rotateOutUpLeft {

  from {

    transform-origin: left bottom;

    opacity: 1; }

  to {

    transform-origin: left bottom;

    transform: rotate3d(0, 0, 1, -45deg);

    opacity: 0; } }



.rotateOutUpLeft {

  -webkit-animation-name: rotateOutUpLeft;

  animation-name: rotateOutUpLeft; }



@-webkit-keyframes rotateOutUpRight {

  from {

    transform-origin: right bottom;

    opacity: 1; }

  to {

    transform-origin: right bottom;

    transform: rotate3d(0, 0, 1, 90deg);

    opacity: 0; } }



@keyframes rotateOutUpRight {

  from {

    transform-origin: right bottom;

    opacity: 1; }

  to {

    transform-origin: right bottom;

    transform: rotate3d(0, 0, 1, 90deg);

    opacity: 0; } }



.rotateOutUpRight {

  -webkit-animation-name: rotateOutUpRight;

  animation-name: rotateOutUpRight; }



@-webkit-keyframes hinge {

  0% {

    transform-origin: top left;

    -webkit-animation-timing-function: ease-in-out;

    animation-timing-function: ease-in-out; }

  20%,

  60% {

    transform: rotate3d(0, 0, 1, 80deg);

    transform-origin: top left;

    -webkit-animation-timing-function: ease-in-out;

    animation-timing-function: ease-in-out; }

  40%,

  80% {

    transform: rotate3d(0, 0, 1, 60deg);

    transform-origin: top left;

    -webkit-animation-timing-function: ease-in-out;

    animation-timing-function: ease-in-out;

    opacity: 1; }

  to {

    transform: translate3d(0, 700px, 0);

    opacity: 0; } }



@keyframes hinge {

  0% {

    transform-origin: top left;

    -webkit-animation-timing-function: ease-in-out;

    animation-timing-function: ease-in-out; }

  20%,

  60% {

    transform: rotate3d(0, 0, 1, 80deg);

    transform-origin: top left;

    -webkit-animation-timing-function: ease-in-out;

    animation-timing-function: ease-in-out; }

  40%,

  80% {

    transform: rotate3d(0, 0, 1, 60deg);

    transform-origin: top left;

    -webkit-animation-timing-function: ease-in-out;

    animation-timing-function: ease-in-out;

    opacity: 1; }

  to {

    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;

    transform: scale(0.1) rotate(30deg);

    transform-origin: center bottom; }

  50% {

    transform: rotate(-10deg); }

  70% {

    transform: rotate(3deg); }

  to {

    opacity: 1;

    transform: scale(1); } }



@keyframes jackInTheBox {

  from {

    opacity: 0;

    transform: scale(0.1) rotate(30deg);

    transform-origin: center bottom; }

  50% {

    transform: rotate(-10deg); }

  70% {

    transform: rotate(3deg); }

  to {

    opacity: 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;

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

  to {

    opacity: 1;

    transform: translate3d(0, 0, 0); } }



@keyframes rollIn {

  from {

    opacity: 0;

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

  to {

    opacity: 1;

    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;

    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } }



@keyframes rollOut {

  from {

    opacity: 1; }

  to {

    opacity: 0;

    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } }



.rollOut {

  -webkit-animation-name: rollOut;

  animation-name: rollOut; }



@-webkit-keyframes zoomIn {

  from {

    opacity: 0;

    transform: scale3d(0.3, 0.3, 0.3); }

  50% {

    opacity: 1; } }



@keyframes zoomIn {

  from {

    opacity: 0;

    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;

    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;

    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;

    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;

    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;

    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;

    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;

    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;

    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;

    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;

    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;

    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;

    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;

    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;

    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;

    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;

    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;

    transform: scale3d(0.3, 0.3, 0.3); }

  to {

    opacity: 0; } }



@keyframes zoomOut {

  from {

    opacity: 1; }

  50% {

    opacity: 0;

    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;

    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;

    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);

    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;

    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;

    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);

    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;

    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }

  to {

    opacity: 0;

    transform: scale(0.1) translate3d(-2000px, 0, 0);

    transform-origin: left center; } }



@keyframes zoomOutLeft {

  40% {

    opacity: 1;

    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }

  to {

    opacity: 0;

    transform: scale(0.1) translate3d(-2000px, 0, 0);

    transform-origin: left center; } }



.zoomOutLeft {

  -webkit-animation-name: zoomOutLeft;

  animation-name: zoomOutLeft; }



@-webkit-keyframes zoomOutRight {

  40% {

    opacity: 1;

    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }

  to {

    opacity: 0;

    transform: scale(0.1) translate3d(2000px, 0, 0);

    transform-origin: right center; } }



@keyframes zoomOutRight {

  40% {

    opacity: 1;

    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }

  to {

    opacity: 0;

    transform: scale(0.1) translate3d(2000px, 0, 0);

    transform-origin: right center; } }



.zoomOutRight {

  -webkit-animation-name: zoomOutRight;

  animation-name: zoomOutRight; }



@-webkit-keyframes zoomOutUp {

  40% {

    opacity: 1;

    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;

    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);

    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;

    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;

    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);

    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 {

    transform: translate3d(0, -100%, 0);

    visibility: visible; }

  to {

    transform: translate3d(0, 0, 0); } }



@keyframes slideInDown {

  from {

    transform: translate3d(0, -100%, 0);

    visibility: visible; }

  to {

    transform: translate3d(0, 0, 0); } }



.slideInDown {

  -webkit-animation-name: slideInDown;

  animation-name: slideInDown; }



@-webkit-keyframes slideInLeft {

  from {

    transform: translate3d(-100%, 0, 0);

    visibility: visible; }

  to {

    transform: translate3d(0, 0, 0); } }



@keyframes slideInLeft {

  from {

    transform: translate3d(-100%, 0, 0);

    visibility: visible; }

  to {

    transform: translate3d(0, 0, 0); } }



.slideInLeft {

  -webkit-animation-name: slideInLeft;

  animation-name: slideInLeft; }



@-webkit-keyframes slideInRight {

  from {

    transform: translate3d(100%, 0, 0);

    visibility: visible; }

  to {

    transform: translate3d(0, 0, 0); } }



@keyframes slideInRight {

  from {

    transform: translate3d(100%, 0, 0);

    visibility: visible; }

  to {

    transform: translate3d(0, 0, 0); } }



.slideInRight {

  -webkit-animation-name: slideInRight;

  animation-name: slideInRight; }



@-webkit-keyframes slideInUp {

  from {

    transform: translate3d(0, 100%, 0);

    visibility: visible; }

  to {

    transform: translate3d(0, 0, 0); } }



@keyframes slideInUp {

  from {

    transform: translate3d(0, 100%, 0);

    visibility: visible; }

  to {

    transform: translate3d(0, 0, 0); } }



.slideInUp {

  -webkit-animation-name: slideInUp;

  animation-name: slideInUp; }



@-webkit-keyframes slideOutDown {

  from {

    transform: translate3d(0, 0, 0); }

  to {

    visibility: hidden;

    transform: translate3d(0, 100%, 0); } }



@keyframes slideOutDown {

  from {

    transform: translate3d(0, 0, 0); }

  to {

    visibility: hidden;

    transform: translate3d(0, 100%, 0); } }



.slideOutDown {

  -webkit-animation-name: slideOutDown;

  animation-name: slideOutDown; }



@-webkit-keyframes slideOutLeft {

  from {

    transform: translate3d(0, 0, 0); }

  to {

    visibility: hidden;

    transform: translate3d(-100%, 0, 0); } }



@keyframes slideOutLeft {

  from {

    transform: translate3d(0, 0, 0); }

  to {

    visibility: hidden;

    transform: translate3d(-100%, 0, 0); } }



.slideOutLeft {

  -webkit-animation-name: slideOutLeft;

  animation-name: slideOutLeft; }



@-webkit-keyframes slideOutRight {

  from {

    transform: translate3d(0, 0, 0); }

  to {

    visibility: hidden;

    transform: translate3d(100%, 0, 0); } }



@keyframes slideOutRight {

  from {

    transform: translate3d(0, 0, 0); }

  to {

    visibility: hidden;

    transform: translate3d(100%, 0, 0); } }



.slideOutRight {

  -webkit-animation-name: slideOutRight;

  animation-name: slideOutRight; }



@-webkit-keyframes slideOutUp {

  from {

    transform: translate3d(0, 0, 0); }

  to {

    visibility: hidden;

    transform: translate3d(0, -100%, 0); } }



@keyframes slideOutUp {

  from {

    transform: translate3d(0, 0, 0); }

  to {

    visibility: hidden;

    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;

    transition: none !important; } }

@media (max-width: 768px) {

  .row .sm-first {

    order: 1; }

  .row .sm-second {

    order: 2; }

  .row .sm-third {

    order: 3; }

  .row .sm-fourth {

    order: 4; }

  .row .sm-fifth {

    order: 5; }

  .row .sm-sixth {

    order: 6; } }



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, embed,

figure, figcaption, footer, header, hgroup,

menu, nav, output, ruby, section, summary,

time, mark, audio, video {

  margin: 0;

  padding: 0;

  border: 0;

  box-sizing: border-box; }



html {

  font-size: 62.5%; }



div.my-container {

  width: 100%; }

  @media (min-width: 1400px) {

    div.my-container {

      max-width: 1400px;

      margin: 0 auto; } }



img {

  max-width: 100%;

  height: auto; }



button:hover {

  cursor: pointer; }



a:hover {

  text-decoration: none;

  cursor: pointer; }



a:active, button:active {

  outline: none; }



.space-top {

  padding-top: 200px; }



body {

  font-family: Verlag A, Verlag B;

  color: #51514D;

  font-size: 1.8rem;

  font-weight: 500;

  font-style: normal;

  line-height: 2.4rem;

  letter-spacing: 0.025rem; }

  @media (max-width: 768px) {

    body {

      font-size: 1.7rem;

      line-height: 2.2rem;

      letter-spacing: 0.025rem; } }



.jumbo-stats {

  font-family: Archer A, Archer B;

  color: #1A4B9D;

  font-size: 8rem;

  font-weight: 600;

  font-style: normal;

  line-height: .69; }

  @media (max-width: 768px) {

    .jumbo-stats {

      font-size: 5.5rem; } }



.large-head {

  font-family: Archer A, Archer B;

  color: #1A4B9D;

  font-size: 4.5rem;

  font-weight: 600;

  font-style: normal;

  line-height: 5.0rem;

  letter-spacing: 0rem; }

  @media (max-width: 768px) {

    .large-head {

      font-size: 3.6rem;

      line-height: 4rem; } }



.medium-head {

  font-family: Archer A, Archer B;

  color: #1A4B9D;

  font-size: 2.8rem;

  font-weight: 600;

  font-style: normal;

  line-height: 4.0rem;

  letter-spacing: 0rem; }



.small-head {

  font-family: Archer A, Archer B;

  color: #1A4B9D;

  font-size: 2.4rem;

  font-weight: 600;

  font-style: normal; }

  @media (max-width: 768px) {

    .small-head {

      font-size: 1.8rem;

      line-height: 2.2rem; } }



.sub-head {

  font-family: Verlag A, Verlag B;

  color: #51514D;

  font-size: 1.6rem;

  font-weight: 700;

  font-style: normal;

  line-height: 2.0rem;

  letter-spacing: .15rem;

  text-transform: uppercase; }

  @media (max-width: 768px) {

    .sub-head {

      font-size: 1.4rem;

      letter-spacing: .15rem; } }



.romance-copy {

  font-family: Archer A, Archer B;

  color: #51514D;

  font-size: 2.7rem;

  font-weight: 600;

  font-style: italic;

  line-height: 4.0rem;

  letter-spacing: 0rem; }

  @media (max-width: 768px) {

    .romance-copy {

      font-size: 2.2rem;

      line-height: 3.2rem; } 

 }

.romance-copy-small {
	
	font-family: Archer A, Archer B;

  color: #51514D;

      font-size: 2.0rem;

      line-height: 3.0rem; 

font-weight: 600;

  font-style: italic;
	 letter-spacing: 0rem; 
}

 @media (max-width: 768px) {

    .romance-copy-small {

      font-size: 1.6rem;

      line-height: 2.0rem; } 

 }

.large-body-copy {

  font-family: Verlag A, Verlag B;

  color: #51514D;

  font-size: 2.5rem;

  font-weight: 400;

  font-style: normal;

  line-height: 3.5rem;

  letter-spacing: .025rem; }

  @media (max-width: 768px) {

    .large-body-copy {

      font-size: 2rem;

      line-height: 3.0rem;

      letter-spacing: 0.025rem; } }



.standard-body-copy {

  font-family: Verlag A, Verlag B;

  color: #51514D;

  font-size: 1.8rem;

  font-weight: 500;

  font-style: normal;

  line-height: 2.4rem;

  letter-spacing: 0.025rem; }

  @media (max-width: 768px) {

    .standard-body-copy {

      font-size: 1.7rem;

      line-height: 2.2rem;

      letter-spacing: 0.025rem; } }



.small-body-copy {

  font-family: Verlag A, Verlag B;

  color: #51514D;

  font-size: 1.6rem;

  font-weight: 500;

  font-style: normal;

  line-height: 2.2rem;

  letter-spacing: 0.025rem; }

  @media (max-width: 768px) {

    .small-body-copy {

      font-size: 1.4rem;

      line-height: 2.0rem;

      letter-spacing: 0.025rem; } }



.cta {

  font-family: Verlag A, Verlag B;

  color: #1A4B9D;

  font-size: 1.2rem;

  font-weight: 700;

  font-style: normal;

  line-height: 3.0rem;

  letter-spacing: .15rem;

  text-transform: uppercase; }

  @media (max-width: 768px) {

    .cta {

      font-size: 1.2rem;

      line-height: 3.0rem;

      letter-spacing: .15rem; } }



.cta {

  display: inline;

  position: relative;

  overflow: hidden; }



.cta:after {

  content: "";

  position: absolute;

  z-index: 1;

  right: 0;

  width: 0;

  bottom: -6px;

  background: #1A4B9D;

  height: 1px;

  transition-property: width;

  transition-duration: 0.3s;

  transition-timing-function: ease-out; }



.cta:hover:after,

.cta:focus:after,

.cta:active:after {

  left: 0;

  right: auto;

  width: 100%; }



.cta:hover,

.cta:focus,

.cta:active {

  color: #1A4B9D; }



.global-nav {

  font-family: Verlag A, Verlag B;

  color: #51514D;

  font-size: 1.1rem;

  font-weight: 700;

  font-style: normal;

  letter-spacing: .15rem;

  text-transform: uppercase; }



.link-list {

  font-family: Verlag A, Verlag B;

  color: #51514D;

  font-size: 1.3rem;

  font-weight: 400;

  font-style: normal;

  line-height: 3.0rem;

  letter-spacing: .05rem; }

  @media (max-width: 768px) {

    .link-list {

      font-size: 1.7rem;

      line-height: 4.8rem;

      letter-spacing: 0 0.25rem; } }



.link-list {

  display: inline;

  position: relative;

  overflow: hidden; }



.link-list:after {

  content: "";

  position: absolute;

  z-index: 1;

  right: 0;

  width: 0;

  bottom: -6px;

  background: #51514D;

  height: 1px;

  transition-property: width;

  transition-duration: 0.3s;

  transition-timing-function: ease-out; }



.link-list:hover:after,

.link-list:focus:after,

.link-list:active:after {

  left: 0;

  right: auto;

  width: 100%; }



.small-utility {

  font-family: Verlag A, Verlag B;

  color: #51514D;

  font-size: 1.2rem;

  font-weight: 400;

  font-style: normal;

  line-height: 1.3rem;

  letter-spacing: .05rem; }

  @media (max-width: 768px) {

    .small-utility {

      font-size: 1.4rem;

      line-height: 1.3rem;

      letter-spacing: .05rem; } }



.nav-donate-button {

  background-color: #26AE58;

  transition: background-color 0.4s cubic-bezier(0.39, 0.575, 0.565, 1);

  border-radius: 6px;

  border: none;

  width: 10.8rem;

  height: 3rem;

  display: flex;

  justify-content: center;

  align-items: center;

  font-family: Verlag A, Verlag B;

  color: #ffffff;

  font-size: 1.1rem;

  font-weight: 700;

  font-style: normal;

  letter-spacing: .15rem;

  text-transform: uppercase; }

  @media (max-width: 768px) {

    .nav-donate-button {

      font-size: 1rem; } }

  @media (max-width: 768px) {

    .nav-donate-button {

      width: 85px;

      height: 35px;

      padding-top: 3px;

      padding-bottom: 2px;

      border-radius: 9px; } }



.nav-donate-button:hover {

  background-color: #43D082;

  color: #ffffff; }



.amount-button, .other-amount-button {

  background-color: #ffffff;

  border-radius: 9px;

  border: 1px solid #979797;

  width: 14.4rem;

  height: 4rem;

  display: flex;

  justify-content: center;

  align-items: center;

  font-family: Verlag A, Verlag B;

  color: #707070;

  font-size: 1.4rem;

  font-weight: 400;

  font-style: normal;

  line-height: 1.4rem;

  letter-spacing: .15rem; }

  @media (max-width: 768px) {

    .amount-button, .other-amount-button {

      width: 132px; } }



.other-amount-button {

  letter-spacing: 0.25rem; }



.selected {

  background-color: #1A4B9D;

  border: none;

  color: white; }



.selected:hover {

  color: white; }



.navigation-button-back {

  background-color: #ffffff;

  border-radius: 9px;

  border: 1px solid #979797;

  width: 14.4rem;

  height: 4rem;

  display: flex;

  justify-content: center;

  align-items: center;

  font-family: Verlag A, Verlag B;

  color: #707070;

  font-size: 1.2rem;

  font-weight: 700;

  font-style: normal;

  line-height: 1.2rem;

  letter-spacing: .2rem;

  text-transform: uppercase; }

  @media (max-width: 768px) {

    .navigation-button-back {

      width: 132px; } }



.navigation-button-next {

  background-color: #26AE58;

  border-radius: 9px;

  border: none;

  width: 14.4rem;

  height: 4rem;

  display: flex;

  justify-content: center;

  align-items: center;

  font-family: Verlag A, Verlag B;

  color: #ffffff;

  font-size: 1.2rem;

  font-weight: 700;

  font-style: normal;

  line-height: 1.2rem;

  letter-spacing: .2rem;

  text-transform: uppercase; }

  @media (max-width: 768px) {

    .navigation-button-next {

      width: 132px; } }



.navigation-button:hover, .navigation-button-next:hover {

  background-color: dark(10);

  transition: all 0.4s cubic-bezier(0.39, 0.575, 0.565, 1); }



form {

  max-width: 100%; }

  form .form-field {

    font-family: Verlag A, Verlag B;

    color: #51514D;

    font-size: 1.6rem;

    font-weight: 400;

    font-style: normal;

    line-height: 2.4rem;

    letter-spacing: .025rem; }

    form .form-field textarea,

    form .form-field input[type="text"],

    form .form-field input[type="email"],

    form .form-field input[type="password"] {

      font-family: Verlag A, Verlag B;

      color: #51514D;

      font-size: 1.6rem;

      font-weight: 400;

      font-style: normal;

      line-height: 2.4rem;

      letter-spacing: .025rem;

      height: 40px;

      display: flex;

      flex-direction: column;

      width: 90%; }

    form .form-field > textarea {

      height: 105px;

      padding-top: 0.5rem;

      padding-right: 0.5rem;

      padding-bottom: 0.5rem;

      padding-left: 0.5rem; }

    form .form-field .form-ctrl {

      border-radius: 0;

      border: 1px solid #979797;

      padding-left: 1rem;

      height: 4rem; }

    form .form-field ul {

      list-style: none;

      margin: 0 0 20px 0; }

      form .form-field ul li {

        margin: 10px 20px; }

        @media (min-width: 768px) {

          form .form-field ul li {

            display: inline; } }

    form .form-field .styled-checkbox {

      position: relative;

      opacity: 0; }

      form .form-field .styled-checkbox + label {

        position: relative;

        padding: 0;

        cursor: pointer; }

      form .form-field .styled-checkbox + label:before {

        content: '';

        margin-right: 10px;

        display: inline-block;

        width: 13px;

        height: 13px;

        border: 0.5px #51514D solid; }

      form .form-field .styled-checkbox:checked + label:after {

        content: "\D7";

        font-weight: 100;

        font-size: 1.7em;

        position: relative;

        right: 93px;

        left: -1px;

        bottom: .1rem;

        color: #979797; }



.error-text {

  color: #E10000; }



.error-input {

  border: 1px solid #E10000; }



.pallete-box {

  display: inline-block;

  height: 140px;

  width: 140px; }



.dark-blue {

  background-color: #1A4B9D; }



.light-blue {

  background-color: #DEEBFB; }



.light-blue-2 {

  background-color: #F4F8FD; }



.our-green {

  background-color: #26AE58; }



.dark-grey {

  background-color: #51514D; }



.medium-grey {

  background-color: #979797; }



.light-grey {

  background-color: #CCCCCC; }



.error-red {

  background-color: #E10000; }



header {

  position: fixed;

  z-index: 9;

  left: 50%;

  transform: translateX(-50%);

  padding: 0;

  box-shadow: none;

  border-bottom: 1px solid rgba(204, 204, 204, 0);

  background-color: rgba(255, 255, 255, 0);

  transition: background-color .3s ease-in-out, border-bottom .3s ease-in-out; }

  header nav.navbar {

    min-height: 8vh;

    padding: 45px 0 20px 0;

    transition: padding .3s ease-in-out;

    border-bottom: 1px solid rgba(204, 204, 204, 0); }

  header #persistent-logo {

    display: none; }

  header #logo {

    width: 169px;

    height: 56.12px; }

    @media (max-width: 992px) {

      header #logo {

        width: 120px;

        height: 40px; } }

  header .burger-menu {

    width: 30px;

    height: 22px; }

  header button.navbar-toggler {

    padding: 0; }

  header button.navbar-toggler:focus {

    outline: none; }

  header .mobile-nav {

    display: none; }

  header .small-nav {

    margin-bottom: 15px; }

    header .small-nav ul {

      list-style: none;

      padding: 0;

      margin: 0; }

      header .small-nav ul li a {

        text-decoration: none; }

        header .small-nav ul li a span.search-icon {

          padding: 0 10px 0 0; }

          header .small-nav ul li a span.search-icon img {

            vertical-align: text-top; }

      header .small-nav ul li a:hover {

        color: #51514D; }

      header .small-nav ul li:after {

        content: "|";

        padding-left: 10px;

        padding-right: 10px; }

        @media (max-width: 992px) {

          header .small-nav ul li:after {

            content: ""; } }

      header .small-nav ul li:last-child:after {

        content: "";

        padding: 0; }

    @media (max-width: 992px) {

      header .small-nav {

        display: none; } }

  header #magic-line {

    position: absolute;

    bottom: -1px;

    left: 0;

    width: 100px;

    height: 3px;

    background: #1A4B9D;

    display: none; }

  header .main-nav ul {

    list-style: none;

    padding: 0;

    margin: 0; }

    header .main-nav ul li.nav-item {

      display: inline-block;

      margin-right: 40px; }

      header .main-nav ul li.nav-item a.global-nav {

        padding-top: 8px;

        padding-bottom: 2px; }

      header .main-nav ul li.nav-item div.dropdown-menu {

        background: #F4F8FD;

        position: absolute;

        z-index: 10;

        top: 144px;

        left: 400px;

        max-width: 768px;

        padding: 0;

        border-bottom: 1px solid #ccc;

        opacity: 0;

        visibility: hidden;

        transform-origin: top;

        display: block;

        transition: all .3s ease-in-out;

        border-radius: 0; }

        header .main-nav ul li.nav-item div.dropdown-menu a, header .main-nav ul li.nav-item div.dropdown-menu p, header .main-nav ul li.nav-item div.dropdown-menu h3 {

          padding: 0; }

        @media (max-width: 992px) {

          header .main-nav ul li.nav-item div.dropdown-menu {

            display: none; } }

        header .main-nav ul li.nav-item div.dropdown-menu .row div:nth-child(1) {

          background: #fff;

          padding: 30px; }

          header .main-nav ul li.nav-item div.dropdown-menu .row div:nth-child(1) a {

            padding-bottom: 20px; }

          header .main-nav ul li.nav-item div.dropdown-menu .row div:nth-child(1) a:hover {

            background: none;

            color: #1A4B9D; }

          header .main-nav ul li.nav-item div.dropdown-menu .row div:nth-child(1) .underline {

            display: inline-block;

            position: relative;

            overflow: hidden; }

          header .main-nav ul li.nav-item div.dropdown-menu .row div:nth-child(1) .underline:after {

            content: "";

            position: absolute;

            z-index: 1;

            right: 0;

            width: 0;

            bottom: 15px;

            background: #1A4B9D;

            height: 1px;

            transition-property: width;

            transition-duration: 0.3s;

            transition-timing-function: ease-out; }

          header .main-nav ul li.nav-item div.dropdown-menu .row div:nth-child(1) .underline:hover:after,

          header .main-nav ul li.nav-item div.dropdown-menu .row div:nth-child(1) .underline:focus:after,

          header .main-nav ul li.nav-item div.dropdown-menu .row div:nth-child(1) .underline:active:after {

            left: 0;

            right: auto;

            width: 100%; }

        header .main-nav ul li.nav-item div.dropdown-menu .row div:nth-child(2) {

          padding: 30px 15px 30px 30px; }

        header .main-nav ul li.nav-item div.dropdown-menu .row div:nth-child(3) {

          padding: 30px 30px 30px 15px; }

          header .main-nav ul li.nav-item div.dropdown-menu .row div:nth-child(3) h3 {

            padding-bottom: 15px; }

          header .main-nav ul li.nav-item div.dropdown-menu .row div:nth-child(3) p {

            padding-bottom: 15px; }

      header .main-nav ul li.nav-item .dropdown-menu.show {

        opacity: 1;

        visibility: visible; }

      @media only screen and (min-width: 768px) {

        header .main-nav ul li.nav-item .dropdown-toggle:hover .dropdown-menu {

          display: block; } }

  header .mobile-nav-footer {

    display: none; }

    @media (max-width: 992px) {

      header .mobile-nav-footer {

        display: flex; } }



header:hover nav.navbar #logo {

  display: none; }



header:hover nav.navbar #persistent-logo {

  display: block;

  width: 169px;

  height: 56.12px;

  transition: all .3s ease-in-out; }



header.active {

  background-color: white;

  border-bottom: 1px solid #cccccc;

  transition: all .3s ease-in-out; }

  header.active nav.navbar #logo {

    display: none; }

  header.active nav.navbar #persistent-logo {

    display: block;

    width: 169px;

    height: 56.12px;

    transition: all .3s ease-in-out; }



header.persistent {

  background-color: white;

  border-bottom: 1px solid #cccccc;

  transition: all .3s ease-in-out; }

  header.persistent nav.navbar {

    padding: 10px 0;

    transition: padding .3s ease-in-out; }

    header.persistent nav.navbar #logo {

      display: none; }

    header.persistent nav.navbar #persistent-logo {

      display: block;

      width: 169px;

      height: 56.12px;

      transform: scale(0.75);

      transition: all .5s; }

    header.persistent nav.navbar .main-nav div.dropdown-menu {

      top: 82px; }

  header.persistent div.small-nav {

    display: none; }



@media (max-width: 1200px) {

  header:hover {

    background-color: white;

    border-bottom: 1px solid #cccccc;

    transition: all .3s ease-in-out; }

    header:hover nav.navbar #logo {

      display: none; }

    header:hover nav.navbar #persistent-logo {

      display: block;

      width: 120px;

      height: 40px;

      transition: all .3s ease-in-out; }

  header.active {

    background-color: white;

    border-bottom: 1px solid #cccccc;

    transition: all .3s ease-in-out; }

    header.active nav.navbar #logo {

      display: none; }

    header.active nav.navbar #persistent-logo {

      display: block;

      width: 120px;

      height: 40px;

      transition: all .3s ease-in-out; }

  header.persistent {

    border-bottom: 1px solid #ccc; }

    header.persistent nav.navbar {

      padding: 20px 30px;

      transition: all 1s; }

      header.persistent nav.navbar #persistent-logo {

        width: 120px;

        height: 40px;

        transform: scale(1); }

  header.container-fluid {

    padding: 0; }

  header nav.navbar {

    transition: all 1s;

    padding: 20px 30px;

    min-height: 8vh;

    height: 10vh; }

    header nav.navbar #magic-line {

      display: none; }

    header nav.navbar .main-nav {

      display: none; }

  nav.mobile-nav {

    display: block;

    width: 100vw;

    overflow-x: hidden;

    overflow-y: scroll;

    -webkit-overflow-scrolling: touch;

    /*MAKES OVERFLOWN OBJECTS HAVE INERTIA SCROLLING*/

    -webkit-transform: translateZ(0px);

    /*HELPS THE ABOVE WORK IN IOS5*/ }

    nav.mobile-nav .bottom-menu {

      background-color: #fff;

      width: 100%;

      position: absolute;

      bottom: 0;

      -webkit-overflow-scrolling: touch;

      /*MAKES OVERFLOWN OBJECTS HAVE INERTIA SCROLLING*/

      -webkit-transform: translateZ(0px);

      /*HELPS THE ABOVE WORK IN IOS5*/ }

      nav.mobile-nav .bottom-menu div.col {

        border: 1px solid #CCCCCC; }

        nav.mobile-nav .bottom-menu div.col a {

          display: flex;

          justify-content: center; }

    nav.mobile-nav .collapse.navbar-collapse {

      width: 100vw;

      min-height: 90vh;

      height: 90vh;

      overflow-y: scroll;

      overflow: scroll; }

    nav.mobile-nav .custom-spec {

      border-top: 1px solid #CCCCCC;

      padding-left: 0 !important;

      padding-right: 0 !important;

      margin-bottom: 60px; }

      nav.mobile-nav .custom-spec .row.no-gutters {

        margin-right: 0;

        margin-left: 0; }

        nav.mobile-nav .custom-spec .row.no-gutters > [class^="col-"],

        nav.mobile-nav .custom-spec .row.no-gutters > [class*=" col-"] {

          padding-right: 30px;

          padding-left: 30px; }

      nav.mobile-nav .custom-spec .nav-folderized .nav h4 {

        cursor: pointer; }

      nav.mobile-nav .custom-spec .nav-folderized ul.accordion-mobile-collapse {

        max-height: 0;

        overflow: hidden;

        transition: max-height .3s ease-out !important; }

      nav.mobile-nav .custom-spec .nav-folderized .nav-mobile-collapsable p:after {

        content: url(img/expand-icon-top.svg);

        float: right; }

      nav.mobile-nav .custom-spec .nav-folderized .nav-mobile-collapsable.open p:after {

        content: url(img/collapse-icon-top.svg); }

      nav.mobile-nav .custom-spec .nav-folderized .nav-mobile-collapsable.open ul.accordion-mobile-collapse {

        height: auto;

        max-height: 500px;

        transition: max-height .3s ease-in !important; }

        nav.mobile-nav .custom-spec .nav-folderized .nav-mobile-collapsable.open ul.accordion-mobile-collapse li:last-child {

          margin-bottom: 1.5rem; }

      nav.mobile-nav .custom-spec .my-col {

        border-bottom: 1.3px solid #CCCCCC; }

        nav.mobile-nav .custom-spec .my-col p.medium-head {

          margin-top: 20px;

          margin-bottom: 20px; } }



section.hero {

  position: relative;

  padding: 0 !important; }

  section.hero .home-hero-image {

    margin: 0 auto;

    position: relative; }

    @media (min-width: 1400px) {

      section.hero .home-hero-image {

        max-height: 900px;

        overflow: hidden; } }

    section.hero .home-hero-image img.full-hero {

      height: auto;

      width: 100vw; }

      @media (min-width: 1769px) {

        section.hero .home-hero-image img.full-hero {

          width: 100%;

          height: auto;

          margin: 0 auto;

          position: relative;

          transform: translateY(-12.5%);

          transition: bottom 2s; } }

  section.hero div.home-hero-contents {

    width: 90%;

    max-width: 360px;

    position: absolute;

    top: 37%;

    left: 60%; }

    @media (min-width: 768px) {

      section.hero div.home-hero-contents h1.large-head {

        width: 25rem;

        color: #51514D;

        margin-bottom: 20px; }

      section.hero div.home-hero-contents p.standard-copy-body {

        width: 35rem;

        margin-bottom: 20px; }

      section.hero div.home-hero-contents a.cta {

        color: #51514D;

        text-decoration: none; }

      section.hero div.home-hero-contents a.cta:after {

        background: #51514D; } }

    @media (max-width: 992px) {

      section.hero div.home-hero-contents {

        top: 30%;

        left: 53%; } }

    @media (max-width: 768px) {

      section.hero div.home-hero-contents {

        position: static;

        display: block;

        margin-top: 30px;

        margin-bottom: 40px;

        margin: 30px auto 40px auto; }

        section.hero div.home-hero-contents h1.large-head {

          margin-bottom: 15px; }

        section.hero div.home-hero-contents p.standard-copy-body {

          margin-bottom: 15px; } }

  @media (max-width: 768px) {

    section.hero .mobile-hero {

      display: block; }

    section.hero .full-hero {

      display: none; } }

  @media (min-width: 768px) {

    section.hero .mobile-hero {

      display: none; }

    section.hero .full-hero {

      display: block; } }



section.about-hero {

  position: static; }

  section.about-hero .about-hero__image-container img {

    width: 100%;

    margin-top: 140px; }

    @media (max-width: 992px) {

      section.about-hero .about-hero__image-container img {

        margin-top: 10vh; } }



section.copy-block {

  background: #F4F8FD;

  padding: 10rem 0; }

  @media (max-width: 768px) {

    section.copy-block {

      padding: 6rem 0; } }

  section.copy-block .copy-block-contents {

    max-width: 992px;

    width: 60%;

    margin: 0 auto; }

    section.copy-block .copy-block-contents h3 {

      margin: 0 0 40px 0; }

    section.copy-block .copy-block-contents .irs-forms-section ul {

      display: inline-block;

      margin-top: 40px; }

      section.copy-block .copy-block-contents .irs-forms-section ul li {

        margin: 0 60px 15px 0;

        list-style: none; }

        section.copy-block .copy-block-contents .irs-forms-section ul li img {

          vertical-align: baseline; }

      @media (max-width: 768px) {

        section.copy-block .copy-block-contents .irs-forms-section ul {

          display: block;

          margin: 0; }

          section.copy-block .copy-block-contents .irs-forms-section ul li {

            margin: 0; } }

      section.copy-block .copy-block-contents .irs-forms-section ul li:last-child {

        margin-bottom: 0; }

    @media (max-width: 768px) {

      section.copy-block .copy-block-contents {

        width: 90%;

        margin: 0 auto; }

        section.copy-block .copy-block-contents h3 {

          margin: 0 0 20px 0; }

        section.copy-block .copy-block-contents p {

          margin-bottom: 40px; } }



.copy-block--two-column {

  background: white;

  padding: 0;

  position: relative;

  margin: 0 auto 0 auto; }

  .copy-block--two-column .left-content-container {

    padding: 65px 65px 0 0;

    display: flex;

    flex-direction: column;

    align-items: flex-end; }

    .copy-block--two-column .left-content-container ul p {

      font-size: 1.4rem;

      margin-bottom: 1rem;

      font-style: italic; }

    .copy-block--two-column .left-content-container ul li {

      list-style-type: none;

      margin-bottom: 1rem; }

  .copy-block--two-column .right-content-container {

    position: relative;

    top: -95px;

    background-color: white; }

    .copy-block--two-column .right-content-container .right-content {

      width: 90%;

      max-width: 900px;

      padding: 60px 0 0 80px; }

    .copy-block--two-column .right-content-container h1 {

      margin-bottom: 20px; }

    .copy-block--two-column .right-content-container p.large-body-copy {

      margin-bottom: 20px; }

  @media (max-width: 768px) {

    .copy-block--two-column .row {

      padding: 40px 20px; }

      .copy-block--two-column .row div:nth-child(2) {

        order: 1;

        position: static;

        display: block;

        width: 100%;

        margin: 0 auto;

        padding: 0;

        margin-bottom: 30px; }

      .copy-block--two-column .row div:nth-child(1) {

        order: 2;

        display: block;

        width: 100%;

        margin: 0 auto;

        padding: 0; }

        .copy-block--two-column .row div:nth-child(1) ul p {

          font-style: normal;

          font-size: 1.7rem;

          margin-bottom: 1rem; }

        .copy-block--two-column .row div:nth-child(1) ul li {

          list-style-type: none;

          margin-bottom: 5px; } }



section.copy-block--x-space {

  padding: 16rem 0; }

  @media (max-width: 768px) {

    section.copy-block--x-space {

      padding: 6rem 0; } }



section.image-content-grid {

  padding: 0 !important; }

  section.image-content-grid .row {

    margin-right: 0;

    margin-left: 0; }

  section.image-content-grid .center-content {

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translateX(-50%) translateY(-50%);

    width: 350px; }

    section.image-content-grid .center-content h1, section.image-content-grid .center-content p {

      margin-bottom: 1.5rem; }

    @media (max-width: 768px) {

      section.image-content-grid .center-content {

        position: static;

        top: 0;

        left: 0;

        transform: none;

        margin: 30px auto 45px auto;

        width: 90%; } }



section.image-content-grid.image-content-grid__carousel {

  margin: 100px auto 100px auto; }

  @media (max-width: 768px) {

    section.image-content-grid.image-content-grid__carousel {

      margin: 60px auto 60px auto; } }



section.image-content-grid.image-content-grid--content-wide .center-content {

  max-width: 450px;

  width: 90%; }

  section.image-content-grid.image-content-grid--content-wide .center-content p.indented {

    margin-left: 35px; }

    section.image-content-grid.image-content-grid--content-wide .center-content p.indented span {

      margin-left: -25px; }



#my-carousel-1 .owl-dots {

  margin-top: 30px;

  margin-bottom: 0; }

  @media (max-width: 768px) {

    #my-carousel-1 .owl-dots {

      margin-top: -30px; } }

  #my-carousel-1 .owl-dots .owl-dot {

    margin: 5px; }

    #my-carousel-1 .owl-dots .owl-dot span {

      background: rgba(26, 75, 157, 0.5); }

  #my-carousel-1 .owl-dots .active {

    outline: 0; }

    #my-carousel-1 .owl-dots .active span {

      background: #1A4B9D; }



#my-carousel-1 .owl-nav .owl-prev, #my-carousel-1 .owl-nav .owl-next {

  position: absolute;

  top: 300px; }



#my-carousel-1 .owl-nav .owl-prev {

  left: -100px; }



#my-carousel-1 .owl-nav .owl-next {

  right: -100px; }



#my-carousel-1 .owl-nav img.right_arrow, #my-carousel-1 .owl-nav img.left_arrow {

  width: 30px;

  height: auto; }



@media (max-width: 768px) {

  #my-carousel-1 .owl-nav {

    display: none; } }



#my-carousel-1 .owl-nav [class*=owl-]:hover {

  background: none; }



#my-carousel-1 .owl-nav [class*=owl-]:focus {

  outline: none; }



section.glossary-layout {

  background-color: #DEEBFB;

  padding-top: 10rem;

  padding-bottom: 10rem; }

  section.glossary-layout .glossary-layout--title {

    padding: 0 15px; }

  section.glossary-layout .glossary-layout--title,

  section.glossary-layout .my-row {

    max-width: 110rem;

    margin: 0 auto;

    padding-bottom: 3rem;

    margin-bottom: 3rem;

    border-bottom: 2px solid rgba(128, 128, 128, 0.5); }

  section.glossary-layout .glossary-layout--fullsize {

    display: block; }

  section.glossary-layout .glossary-layout--mobile {

    display: none; }

  @media (max-width: 768px) {

    section.glossary-layout {

      padding: 3rem 0; }

      section.glossary-layout .glossary-layout--title {

        border-bottom: 1px solid #979797;

        margin: 0;

        width: 100%;

        padding: 0 1.5rem 2rem 1.5rem; }

      section.glossary-layout .my-row {

        border-bottom: 1px solid #979797;

        padding-bottom: 2rem;

        margin-bottom: 2rem; }

        section.glossary-layout .my-row .toggler-container {

          padding: 0 2rem; }

        section.glossary-layout .my-row .accordion-mobile-collapse p {

          padding: 2rem 5rem 2rem 0;

          font-size: 1.7rem; }

      section.glossary-layout .custom-spec {

        padding-left: 0 !important;

        padding-right: 0 !important;

        padding-top: 2rem; }

        section.glossary-layout .custom-spec .nav-folderized h1 {

          cursor: pointer; }

        section.glossary-layout .custom-spec .nav-folderized div.accordion-mobile-collapse {

          max-height: 0;

          overflow: hidden;

          transition: max-height .3s ease-out !important; }

        section.glossary-layout .custom-spec .nav-folderized .nav-mobile-collapsable h1:after {

          content: url(img/expand-icon-top.svg);

          float: right; }

        section.glossary-layout .custom-spec .nav-folderized .nav-mobile-collapsable.open h1:after {

          content: url(img/collapse-icon-top.svg); }

        section.glossary-layout .custom-spec .nav-folderized .nav-mobile-collapsable.open div.accordion-mobile-collapse {

          height: auto;

          max-height: 500px;

          transition: max-height .3s ease-in !important; } }



section.four-column-row {

  background: #F4F8FD;

  padding-top: 11rem;

  padding-bottom: 11rem; }

  section.four-column-row .row:nth-child(1) {

    margin-bottom: 4.5rem; }

  @media (max-width: 992px) {

    section.four-column-row {

      padding: 5.5rem 0 1.5rem 0; }

      section.four-column-row .row:nth-child(1) {

        margin-bottom: 3rem; } }

  section.four-column-row .grid-item h1 {

    margin-bottom: 4rem; }

  section.four-column-row .grid-item p {

    margin-bottom: 1.5rem; }

  @media (max-width: 992px) {

    section.four-column-row .grid-item {

      margin-bottom: 4rem; }

      section.four-column-row .grid-item h1 {

        margin-bottom: 2rem; }

      section.four-column-row .grid-item p {

        margin-bottom: 1rem; } }



section.three-column-cards {

  background-color: #DEEBFB;

  padding-bottom: 110px;

  padding-top: 110px; }

  @media (max-width: 768px) {

    section.three-column-cards {

      padding-top: 6rem;

      padding-bottom: 6rem; } }

  section.three-column-cards h1.large-head {

    padding-bottom: 5rem; }

    @media (max-width: 768px) {

      section.three-column-cards h1.large-head {

        padding-bottom: 2rem; } }

  section.three-column-cards .card {

    border: none;

    border-radius: 0;

    padding: 0; }

    @media (max-width: 768px) {

      section.three-column-cards .card {

        margin-bottom: 2rem; } }

  section.three-column-cards div.card-body {

    padding: 4.5rem; }

    section.three-column-cards div.card-body h1, section.three-column-cards div.card-body p {

      margin-bottom: 1.5rem; }

    @media (max-width: 768px) {

      section.three-column-cards div.card-body {

        padding: 2.5rem; }

        section.three-column-cards div.card-body h1, section.three-column-cards div.card-body .cta {

          margin: 0; }

        section.three-column-cards div.card-body p {

          margin-bottom: .5rem; } }

  @media (max-width: 576px) {

    section.three-column-cards #my-carousel [class*='col-'] {

      padding-right: 0 !important;

      padding-left: 0 !important; }

    section.three-column-cards .owl-carousel .owl-dots .owl-dot {

      margin: 5px; }

      section.three-column-cards .owl-carousel .owl-dots .owl-dot span {

        background: rgba(26, 75, 157, 0.5); }

    section.three-column-cards .owl-carousel .owl-dots .active {

      outline: 0; }

      section.three-column-cards .owl-carousel .owl-dots .active span {

        background: #1A4B9D; } }



section.grid-layout {

  padding-top: 145px;

  padding-bottom: 165px; }

  section.grid-layout .large-head {

    margin-bottom: 5rem;

    margin-right: 3rem; }

    section.grid-layout .large-head span.instagram-logo {

      margin-right: 10px; }

      section.grid-layout .large-head span.instagram-logo img {

        vertical-align: baseline; }

    @media (max-width: 768px) {

      section.grid-layout .large-head {

        margin-bottom: 2rem; } }

  section.grid-layout .container .row img {

    width: 100%;

    height: auto; }

  section.grid-layout .container .row img.insta-feed-img {

    width: 100%;

    height: auto;

    margin-bottom: 30px; }

    @media (max-width: 768px) {

      section.grid-layout .container .row img.insta-feed-img {

        margin-bottom: 1rem; } }

  section.grid-layout .container .row img.thumbnail {

    width: 100%;

    max-width: 110px;

    max-height: 110px; }

    @media (max-width: 768px) {

      section.grid-layout .container .row img.thumbnail {

        width: 93px;

        height: 93px; } }

  section.grid-layout span.arrow img {

    max-width: 26px; }

  @media (max-width: 768px) {

    section.grid-layout {

      padding-top: 60px;

      padding-bottom: 60px; }

      section.grid-layout .w-75 {

        width: 100% !important;

        font-size: 1.7rem;

        font-weight: 100; }

      section.grid-layout .sm-mb-0 {

        margin-bottom: 0 !important; }

      section.grid-layout .row div:nth-child(1), section.grid-layout .row div:nth-child(2) {

        margin-bottom: 3rem; }

      section.grid-layout h2.sub-head {

        margin-bottom: .5rem; } }



section.grid-layout--blue {

  background-color: #F4F8FD; }



section.grid-layout--reduced-gap {

  padding-top: 10rem;

  padding-bottom: 10rem; }

  @media (max-width: 768px) {

    section.grid-layout--reduced-gap {

      padding-top: 60px;

      padding-bottom: 60px; } }



section.bottom-nav {

  background-color: #1A4B9D;

  padding-top: 4rem;

  padding-bottom: 3.5rem; }

  section.bottom-nav .custom-spec p.global-nav {

    margin-bottom: 1em; }

  section.bottom-nav .custom-spec .global-nav, section.bottom-nav .custom-spec .link-list {

    color: white; }

  section.bottom-nav .custom-spec ul > li {

    list-style: none;

    margin-bottom: .2em; }

    section.bottom-nav .custom-spec ul > li a {

      color: #fff; }

    section.bottom-nav .custom-spec ul > li a.link-list:after {

      background: #fff; }

  section.bottom-nav .custom-spec ul.social-media-list li a > span {

    width: 30px;

    display: inline-block; }

    section.bottom-nav .custom-spec ul.social-media-list li a > span > img {

      transform: scale(0.7);

      position: relative;

      left: 0;

      top: -2px;

      margin: 0 auto; }

  section.bottom-nav .custom-spec ul.social-media-list li a p.link-list {

    display: inline; }

  section.bottom-nav .custom-spec ul.social-media-list li a p.link-list:after {

    background: #fff; }

  section.bottom-nav .custom-spec ul.social-media-list li:nth-child(2) a span img {

    left: 4px; }

  @media (max-width: 992px) {

    section.bottom-nav .custom-spec {

      padding-top: 2rem;

      padding-left: 0 !important;

      padding-right: 0 !important; }

      section.bottom-nav .custom-spec .row.no-gutters {

        margin-right: 0;

        margin-left: 0; }

        section.bottom-nav .custom-spec .row.no-gutters > [class^="col-"],

        section.bottom-nav .custom-spec .row.no-gutters > [class*=" col-"] {

          padding-right: 30px;

          padding-left: 30px; }

      section.bottom-nav .custom-spec .global-nav, section.bottom-nav .custom-spec .link-list {

        color: #F4F8FD; }

      section.bottom-nav .custom-spec .nav-folderized .nav h4 {

        cursor: pointer; }

      section.bottom-nav .custom-spec .nav-folderized ul.accordion-mobile-collapse {

        max-height: 0;

        overflow: hidden;

        transition: max-height .2s ease-in-out !important; }

      section.bottom-nav .custom-spec .nav-folderized .nav-mobile-collapsable p:after {

        content: url(img/expand-sign.svg);

        float: right; }

      section.bottom-nav .custom-spec .nav-folderized .nav-mobile-collapsable.open p:after {

        content: url(img/collapse-sign.svg); }

      section.bottom-nav .custom-spec .nav-folderized .nav-mobile-collapsable.open ul.accordion-mobile-collapse {

        height: auto;

        max-height: 500px;

        transition: all .5s ease-in-out !important; }

        section.bottom-nav .custom-spec .nav-folderized .nav-mobile-collapsable.open ul.accordion-mobile-collapse li:last-child {

          margin-bottom: 1.5rem; }

      section.bottom-nav .custom-spec #social-list p.global-nav {

        margin-bottom: 25px; }

      section.bottom-nav .custom-spec #social-list > ul > li {

        display: inline-block;

        margin: 0 5rem 3rem 0; }

        section.bottom-nav .custom-spec #social-list > ul > li a img {

          transform: scale(1); }

        section.bottom-nav .custom-spec #social-list > ul > li a p {

          display: none; }

        section.bottom-nav .custom-spec #social-list > ul > li a:hover {

          width: 0; }

      section.bottom-nav .custom-spec .my-col {

        border-bottom: 1.3px solid white; }

        section.bottom-nav .custom-spec .my-col p.global-nav {

          margin-top: 20px;

          margin-bottom: 20px;

          font-size: 14px; } }

  @media (max-width: 992px) {

    section.bottom-nav {

      padding: 0; }

      section.bottom-nav div.container-fluid {

        padding: 0; } }



.section-label {

  font-family: 'Verlag A', 'Verlag B';

  font-size: 2rem;

  font-weight: 400;

  color: #51514d;

  letter-spacing: .2rem;

  text-transform: uppercase;

  margin-top: 10rem;

  margin-bottom: 10rem; }



.label {

  font-family: 'Verlag A', 'Verlag B';

  font-size: 1.5rem;

  font-weight: 300;

  color: #51514d;

  letter-spacing: .15rem;

  text-transform: uppercase; }



.small-label {

  font-family: 'Verlag A', 'Verlag B';

  font-size: 1.2em;

  font-weight: 300;

  color: #51514d;

  letter-spacing: .15rem;

  padding-bottom: 2rem; }



.type-styles-container {

  width: 90%;

  max-width: 782px;

  margin: 0 auto;

  padding: 0 !important; }



.small-width {

  max-width: 46rem; }



.inline-container {

  display: flex; }



.mt-80 {

  margin-top: 7.5rem; }



.mb-80 {

  margin-bottom: 7.5rem; }



.mb-10 {

  margin-bottom: 2rem; }



.mt-40 {

  margin-top: 4rem; }



.mr-10 {

  margin-right: 2rem; }



.mr-40 {

  margin-right: 4rem; }



@media (max-width: 768px) {

  .palletes {

    display: none; } }



.page-styles {

  background: white;

  margin: 200px auto 100px auto; }

  .page-styles .contents {

    padding: 100px 50px; }



section.form-layout {

  padding-top: 200px;

  padding-bottom: 120px; }

  @media (max-width: 992px) {

    section.form-layout {

      padding-top: 120px;

      padding-bottom: 60px; } }

  section.form-layout h1.form-layout--title {

    margin: 0 auto 3rem 1.3rem; }

    @media (max-width: 992px) {

      section.form-layout h1.form-layout--title {

        margin: 0 auto .5rem auto; } }

  section.form-layout .progress-bar-container {

    position: relative;

    top: 0;

    left: 11px;

    height: 15px;

    z-index: 1;

    background-color: #DEEBFB;

    max-width: 715px;

    border-radius: 0; }

    @media (max-width: 1300px) {

      section.form-layout .progress-bar-container {

        left: 0;

        top: 10px;

        height: 10px; } }

  section.form-layout .progress-bar {

    width: 25%;

    background-color: #1A4B9D; }

section.form-layout .form-container-checkbox {

    max-width: 715px;

    background-color: white;   
	
	padding-top: 10px;
	padding-bottom: 5px;
	padding-left: 20px;
	padding-right: 20px;

    margin: 0 auto 0 auto; }

  section.form-layout .form-container {

    max-width: 715px;

    background-color: white;

    padding: 10px 10px 20px 20px;

    margin: 0 auto 0 auto; }

    section.form-layout .form-container h1.sub-head {

      color: #1A4B9D;

      border-bottom: 1px solid #CCCCCC;

      margin-bottom: 3rem;

      padding-bottom: 1rem; }

      @media (max-width: 768px) {

        section.form-layout .form-container h1.sub-head {

          margin-bottom: 2rem;

          padding-bottom: .5rem; } }

    section.form-layout .form-container .form-row {

      margin-bottom: 2rem; }

    section.form-layout .form-container input {

      width: 100%;

      margin-right: 0 !important; }

    @media (max-width: 992px) {

      section.form-layout .form-container {

        padding: 3.5rem 2rem; } }

  section.form-layout .amount-buttons,

  section.form-layout .winner-circle,

  section.form-layout .select-section {

    margin-bottom: 3rem; }

    section.form-layout .amount-buttons p,

    section.form-layout .winner-circle p,

    section.form-layout .select-section p {

      margin-bottom: 1rem; }

  section.form-layout .tool-tip--box {

    display: none;

    position: absolute;

    background: white;

    z-index: 2;

    border: 1px solid #CCCCCC;

    padding: 15px 20px;

    max-width: 620px;

    width: 90%; }

    @media (max-width: 768px) {

      section.form-layout .tool-tip--box {

        left: 17px; } }

    section.form-layout .tool-tip--box p {

      margin: 0; }

      @media (max-width: 768px) {

        section.form-layout .tool-tip--box p {

          font-size: .8em; } }

    section.form-layout .tool-tip--box .small-x {

      position: absolute;

      top: 8px;

      left: 600px; }

      @media (max-width: 992px) {

        section.form-layout .tool-tip--box .small-x {

          left: 275px; } }

  section.form-layout .tool-tip--box--open {

    display: block; }

  section.form-layout .select-section {

    border-bottom: 1px solid #CCCCCC;

    margin-bottom: 2rem;

    padding-bottom: 1rem; }

    section.form-layout .select-section > ul > li {

      margin-left: 0; }

    section.form-layout .select-section img.tool-tip-toggler {

      position: relative;

      bottom: 6px;

      transition: transform .3 ease-in-out; }

    section.form-layout .select-section .styled-checkbox:checked + label:after {

      left: -.17rem;

      bottom: .354rem; }

  section.form-layout span.inline-blue {

    color: #1A4B9D;

    font-size: 1.1em; }



div.sidebar-component {

  max-width: 350px;

  background-color: white;

  padding: 20px 20px 40px 20px; }

  div.sidebar-component .card {

    border: none; }

    div.sidebar-component .card .card-img {

      margin-bottom: 3rem; }

    div.sidebar-component .card .card-body h1.card-title {

      color: #1A4B9D; }

  @media (max-width: 992px) {

    div.sidebar-component {

      display: none; } }



#sidebar-carousel .owl-dots {

  margin-top: -25px;

  margin-bottom: 10px; }

  #sidebar-carousel .owl-dots .owl-dot {

    margin: 5px; }

    #sidebar-carousel .owl-dots .owl-dot span {

      background: rgba(26, 75, 157, 0.5); }

  #sidebar-carousel .owl-dots .active {

    outline: 0; }

    #sidebar-carousel .owl-dots .active span {

      background: #1A4B9D; }



footer {

  background-color: #1A4B9D;

  border-top: 1.3px solid rgba(255, 255, 255, 0.4); }

  footer .custom-spec {

    padding-top: 2.5rem;

    padding-bottom: 2.4rem;

    color: white; }

    footer .custom-spec p.small-utility {

      color: white;

      opacity: .5; }

    footer .custom-spec ul {

      list-style: none;

      display: flex;

      justify-content: flex-end; }

      footer .custom-spec ul li {

        display: inline-block;

        color: white; }

        footer .custom-spec ul li a {

          text-decoration: none; }

      footer .custom-spec ul li:after {

        content: "|";
        
        padding-left: 10px;

        padding-right: 10px; }

      footer .custom-spec ul li:last-child:after {

        content: "";

        padding: 0; }

  @media (max-width: 768px) {

    footer {

      border-top: none; }

      footer .my-col:nth-child(1) {

        order: +1;

        justify-content: flex-start;

        margin-bottom: 2rem; }

      footer .my-col p {

        margin-bottom: 2rem; } }



.dropdown-menu .col {

  -ms-flex-preferred-size: 0;

  -ms-flex: 1 0 auto;

  -ms-flex-positive: 1;

  flex-basis: auto;

  flex-grow: 1;

  max-width: 100%; }



.dropdown-menu .col:nth-of-type(1) {

  width: 256px; }



.dropdown-menu .col:nth-of-type(2) {

  width: 241px; }



.dropdown-menu .col:nth-of-type(3) {

  width: 241px; }



/**

 * Added

  */

section.form-layout .progress-bar-75 {

  width: 75%;

  background-color: #1A4B9D; }



section.form-layout .progress-bar-50 {

  width: 50%;

  background-color: #1A4B9D; }



section.form-layout .progress-bar-100 {

  width: 100%;

  background-color: #1A4B9D; }



.red {

  color: #E10000; }



.fs14 {

  font-size: 14px; }



.jumbo-stats-2 {

  font-family: Archer A, Archer B;

  color: #1A4B9D;

  font-size: 4.5rem;

  font-weight: 600;

  font-style: normal;

  line-height: 5.0rem;

  letter-spacing: 0rem; }



@media (max-width: 768px) {

  .jumbo-stats-2 {

    font-size: 3.6rem;

    line-height: 4rem; } }



.border-box {

  padding: 20px;

  background-color: #FFF;

  border: 2px solid #CCCCCC; }



.fl-right {

  float: right; }



.submitstyle {

  background-color: #26AE58;

  border-radius: 9px;

  border: none;

  width: 14.4rem;

  height: 4rem;

  justify-content: center;

  align-items: center;

  font-family: Verlag A, Verlag B;

  color: #ffffff;

  font-size: 1.2rem;

  font-weight: 700;

  font-style: normal;

  line-height: 1.2rem;

  letter-spacing: .2rem;

  text-transform: uppercase; }



@media (max-width: 768px) {

  .navigation-button-next {

    width: 132px; } }



.istyle1 {

  border-radius: 0;

  border: 1px solid #979797;

  padding-left: 1rem;

  height: 4rem; }



.content-wrap-mobile {

  height: auto;

  width: 640px;

  background-color: #ffffff; }

.content-wrap-wide {

	height: auto;

	width: 1400px;

	background-color: #ffffff;

	}

.content-wrap {

	height: auto;

	width: 960px;

	background-color: #ffffff;

	}


.clear {

  clear: both; }



/*************************************************************************

http://www.sitepoint.com/css3-vertical-accordion-t1-using-target-selector/

*************************************************************************

How to Create a CSS3-Only Vertical accordion-t1 Using the :target Selector/

/*************************************************************************

	

*************************************************************************/

article.accordion-t1 {

  display: block;

  width: 100%;

  margin: 0 auto;

  background-color: transparent; }



article.accordion-t1 section {

  display: block;

  height: 2em;

  margin: 0 0 0.5em 0;

  color: #000000;

  background-color: transparent;

  overflow: hidden; }



/*************************************************************************

The section title is now styled to use all the available room in the closed state:

*************************************************************************/

article.accordion-t1 section h2 {

  font-size: 18px;

  font-weight: bold;

  width: 100%;

  padding: 0;

  margin: 0;

  color: #000000; }



article.accordion-t1 section h2 a {

  display: block;

  line-height: 150%;

  text-decoration: none;

  color: #000000;

  outline: 0 none; }



/*************************************************************************

We can now ‘open’ the active section using the :target selector. We set a larger height and background color, then enlarge and re-color the title too:

#E9E6F1

*************************************************************************/

article.accordion-t1 section:target {

  height: auto;

  background-color: #ffffff; }



article.accordion-t1 section:target h2 {

  font-size: 16px;

  color: #000000; }



/*************************************************************************

If necessary, you can set the section height to auto so it uses the minimum space it requires. However, that makes it impossible to add nice CSS3 transitions which smoothly resizes the element…

*************************************************************************/

article.accordion-t1 section,

article.accordion-t1 section h2 {

  transition: all 1s ease; }



/*************************************************************************

	

*************************************************************************/

article.accordion-blue-bar {

  display: block;

  max-width: 350px;

  padding: 0.5em 0.5em 1px 0.5em;

  margin: 0 auto;

  background-color: #1A4B9D;

  border-radius: 5px;

  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3); }



article.accordion-blue-bar section {

  display: block;

  max-width: 325px;

  height: 2em;

  padding: 0 1em;

  margin: 0 0 0.5em 0;

  color: #ffffff;

  background-color: #1A4B9D;

  overflow: hidden;

  border-radius: 3px; }



/*************************************************************************

The section title is now styled to use all the available room in the closed state:

color: #a28800;

*************************************************************************/

article.accordion-blue-bar section h2 {

  font-size: 14px;

  font-weight: bold;

  width: 100%;

  line-height: 2em;

  padding: 0;

  margin: 0;

  color: #ffffff; }



article.accordion-blue-bar section h2 a {

  display: block;

  width: 100%;

  line-height: 2em;

  text-decoration: none;

  color: #ffffff;

  outline: 0 none; }



/*************************************************************************

We can now ‘open’ the active section using the :target selector. We set a larger height and background color, then enlarge and re-color the title too:

*************************************************************************/

article.accordion-blue-bar section:target {

  height: auto;

  background-color: #1A4B9D; }



article.accordion-blue-bar section:target h2 {

  font-size: 1em;

  color: #1A4B9D; }



/*************************************************************************

If necessary, you can set the section height to auto so it uses the minimum space it requires. However, that makes it impossible to add nice CSS3 transitions which smoothly resizes the element…

*************************************************************************/

article.accordion-blue-bar section,

article.accordion-blue-bar section h2 {

  transition: all 1s ease; }



/*************************************************************************

Modified copy block

*************************************************************************/

section.copy-block-modified {

  background: #F4F8FD;

  padding: 10rem 0; }



@media (max-width: 768px) {

  section.copy-block-modified {

    padding: 6rem 0; } }



.copy-block-modified--two-column {

  background: white;

  padding: 0;

  position: relative;

  margin: 0 auto 0 auto; }



.copy-block-modified--two-column .left-content-container {

  padding: 20px 65px 0 0;

  display: flex;

  flex-direction: column;

  align-items: flex-end; }



.copy-block-modified--two-column .left-content-container ul p {

  font-size: 1.4rem;

  margin-bottom: 1rem;

  font-style: italic; }



.copy-block-modified--two-column .left-content-container ul li {

  list-style-type: none;

  margin-bottom: 1rem; }



.copy-block-modified--two-column .right-content-container {

  position: relative;

  top: 0;

  background-color: white; }



.copy-block-modified--two-column .right-content-container .right-content {

  width: 90%;

  max-width: 900px;

  padding: 60px 0 0 80px; }



.copy-block-modified--two-column .right-content-container h1 {

  margin-bottom: 20px; }



.copy-block-modified--two-column .right-content-container p.large-body-copy {

  margin-bottom: 20px; }



@media (max-width: 768px) {

  .copy-block-modified--two-column .row {

    padding: 40px 20px; } }



/* Container holding the image and the text */

.image_holder {

  position: relative;

  text-align: center;

  color: white; }



/* Bottom left text */

.section_image_holder_bottom-left {

  position: absolute;

  bottom: 8px;

  left: 16px;

  font-family: 'Verlag A' !important;

  font-size: 18px;

  line-height: 125%; }



/* Top left text */

.section_image_holder_top-left {

  position: absolute;

  top: 8px;

  left: 16px;

  font-family: 'Verlag A' !important;

  font-size: 36px;

  line-height: 125%; }



/* Top right text */

.section_image_holder_top-right {

  position: absolute;

  top: 8px;

  right: 16px;

  font-family: 'Verlag A' !important;

  font-size: 36px;

  line-height: 125%; }



/* Bottom right text */

.section_image_holder_bottom-right {

  position: absolute;

  bottom: 8px;

  right: 16px;

  font-family: 'Verlag A' !important;

  font-size: 36px;

  line-height: 125%; }



/* Centered text */

.section_image_holder_centered {

  position: absolute;

  top: 50%;

  left: 50%;

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

  font-family: 'Verlag A' !important;

  font-size: 36px;

  line-height: 125%; }



/* special for fairfield headertext */

.section_image_holder_fairfield {

  position: absolute;

  top: 40%;

  left: 50%;

  transform: translate(-40%, -50%);

  font-family: 'Verlag A' !important;

  font-size: 36px;

  line-height: 125%; }