/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
@import url("https://fonts.googleapis.com/css?family=Karla:400,400i,700,700i");
/* line 9, ../scss/includes/_normalize.scss */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/**
 * Remove default margin.
 */
/* line 19, ../scss/includes/_normalize.scss */
body {
  margin: 0;
}

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

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

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

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */
/* line 77, ../scss/includes/_normalize.scss */
[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
/* line 89, ../scss/includes/_normalize.scss */
a {
  background-color: transparent;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
/* line 97, ../scss/includes/_normalize.scss */
a:active,
a:hover {
  outline: 0;
}

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

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

/**
 * Address styling not present in Safari and Chrome.
 */
/* line 126, ../scss/includes/_normalize.scss */
dfn {
  font-style: italic;
}

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

/**
 * Address styling not present in IE 8/9.
 */
/* line 144, ../scss/includes/_normalize.scss */
mark {
  background: #ff0;
  color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
/* line 153, ../scss/includes/_normalize.scss */
small {
  font-size: 80%;
}

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

/* line 169, ../scss/includes/_normalize.scss */
sup {
  top: -0.5em;
}

/* line 173, ../scss/includes/_normalize.scss */
sub {
  bottom: -0.25em;
}

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

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
/* line 192, ../scss/includes/_normalize.scss */
svg:not(:root) {
  overflow: hidden;
}

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

/**
 * Address differences between Firefox and other browsers.
 */
/* line 211, ../scss/includes/_normalize.scss */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */
/* line 221, ../scss/includes/_normalize.scss */
pre {
  overflow: auto;
}

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

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

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
/* line 266, ../scss/includes/_normalize.scss */
button {
  overflow: visible;
}

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

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

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

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

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

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

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

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */
/* line 357, ../scss/includes/_normalize.scss */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box;
}

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

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

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

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
/* line 399, ../scss/includes/_normalize.scss */
textarea {
  overflow: auto;
}

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

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
/* line 419, ../scss/includes/_normalize.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* line 424, ../scss/includes/_normalize.scss */
td,
th {
  padding: 0;
}

/*
  Fonts
  
  Any @font-face or third party font imports should go in this file

*/
/* Mixins
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* Variables
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/*

	THESE ARE JUST DEFAULTS and should be changed to suit the needs of your project.

	Note:
		+ Mixin names should describe what things ARE, not what they look like.
		+ As much as it kills me, colour is spelled the American way to be consistant
		  with colour declarations in css.

	For example, the following are good variable names:
	$font-base, $font-header, $color-brand, $color-accent, $breakpoint-midsize, $breakpoint-small

	These are bad variable names:
	$blue, $orange, $helvetica, $ipad, $iphone

	On naming conventions, a good convention is to use underscores for spaces, and dashes to indicate
	a subsidiary relationship. All punctuation is meaningful, and this allows you to easily group
	variables by type.

	The following are good examples of variable groups named with a dash to indicate descendency:

	$font-x
	$font-weight-x
	$color-x
	$icon-x
	$breakpoint-x

*/
/* The following variables are needed by some of our mixins and can be adjust to meet
   the needs of the site.
*/
/* line 1, ../scss/_typography.scss */
h1 {
  text-transform: uppercase;
  font-size: 100px;
  line-height: 85px;
  font-weight: 900;
}
@media (max-width: 960px) {
  /* line 1, ../scss/_typography.scss */
  h1 {
    font-size: 45px;
    line-height: 40px;
  }
}

/* line 11, ../scss/_typography.scss */
h2 {
  font-size: 54px;
  line-height: 54px;
  font-family: "trumpsoftpro", "trumpsoftpro", helvetica, sans-serif;
  letter-spacing: 2px;
  text-transform: uppercase;
  position: relative;
}
@media (max-width: 414px) {
  /* line 11, ../scss/_typography.scss */
  h2 {
    font-size: 80px;
    line-height: 86px;
  }
}
@media (max-width: 375px) {
  /* line 11, ../scss/_typography.scss */
  h2 {
    font-size: 64px;
    line-height: 76px;
  }
}

/* line 27, ../scss/_typography.scss */
h2.afterblock {
  margin-bottom: 50px;
}
/* line 30, ../scss/_typography.scss */
h2.afterblock--blue::after {
  content: '';
  position: absolute;
  bottom: -18px;
  left: 0;
  height: 8px;
  width: 100px;
  background: #34B7DC;
}
/* line 41, ../scss/_typography.scss */
h2.afterblock--purple::after {
  content: '';
  position: absolute;
  bottom: -18px;
  left: 0;
  height: 8px;
  width: 100px;
  background: #B183EC;
}
/* line 52, ../scss/_typography.scss */
h2.afterblock--red::after {
  content: '';
  position: absolute;
  bottom: -18px;
  left: 0;
  height: 8px;
  width: 100px;
  background: #CC4A4A;
}

/* line 63, ../scss/_typography.scss */
h3 {
  font-family: "karla", "karla", Arial, sans-serif;
  font-size: 20px;
  line-height: 24px;
  font-weight: 700;
  position: relative;
}

/* line 70, ../scss/_typography.scss */
h3.afterblock {
  margin-bottom: 50px;
}
/* line 73, ../scss/_typography.scss */
h3.afterblock--blue::after {
  content: '';
  position: absolute;
  bottom: -18px;
  left: 0;
  height: 8px;
  width: 100px;
  background: #34B7DC;
}
/* line 84, ../scss/_typography.scss */
h3.afterblock--orange::after {
  content: '';
  position: absolute;
  bottom: -18px;
  left: 0;
  height: 8px;
  width: 100px;
  background: #faa642;
}

/* line 95, ../scss/_typography.scss */
h4 {
  font-size: 16px;
  font-family: "karla", "karla", Arial, sans-serif;
  letter-spacing: 2px;
  text-transform: uppercase;
}

/* line 101, ../scss/_typography.scss */
h5 {
  text-transform: uppercase;
}

/* line 104, ../scss/_typography.scss */
h6 {
  text-transform: none;
  font-size: 20px;
  line-height: 26px;
}

/* line 109, ../scss/_typography.scss */
p {
  font-size: 18px;
  line-height: 24px;
  margin-bottom: 10px;
  font-weight: 300;
}
/* line 114, ../scss/_typography.scss */
p:last-of-type {
  margin-bottom: 0;
}
/* line 117, ../scss/_typography.scss */
p.small {
  font-size: 16px;
  line-height: 24px;
}

/* line 122, ../scss/_typography.scss */
ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* line 127, ../scss/_typography.scss */
a {
  text-decoration: none;
}

/* line 130, ../scss/_typography.scss */
.section-title {
  width: 15.25424%;
  float: left;
  margin-right: 1.69492%;
  margin-left: 0%;
  margin-bottom: 60px;
}

/* line 135, ../scss/_typography.scss */
.button {
  font-family: "trumpsoftpro", "trumpsoftpro", helvetica, sans-serif;
  font-size: 22px;
  text-transform: uppercase;
  letter-spacing: 2px;
  border-radius: 4px;
  padding: 10px 20px;
  position: relative;
  z-index: 10;
  display: inline-block;
}
/* line 145, ../scss/_typography.scss */
.button--smalltext {
  font-size: 18px;
  font-family: "karla", "karla", Arial, sans-serif;
  text-transform: none;
  letter-spacing: 0;
}
/* line 152, ../scss/_typography.scss */
.button--white {
  color: #ffffff;
  border: 2px solid #ffffff;
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
}
/* line 158, ../scss/_typography.scss */
.button--white .svg {
  fill: #ffffff;
}
/* line 161, ../scss/_typography.scss */
.button--white:hover {
  background: #ffffff;
  color: #000000;
}
/* line 164, ../scss/_typography.scss */
.button--white:hover .svg {
  fill: #000000;
}
/* line 169, ../scss/_typography.scss */
.button--blue {
  color: #34B7DC;
  border: 2px solid #34B7DC;
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
}
/* line 175, ../scss/_typography.scss */
.button--blue .svg {
  fill: #34B7DC;
}
/* line 178, ../scss/_typography.scss */
.button--blue:hover {
  background: #34B7DC;
  color: #ffffff;
}
/* line 181, ../scss/_typography.scss */
.button--blue:hover .svg {
  fill: #ffffff;
}
/* line 186, ../scss/_typography.scss */
.button--orange {
  color: #faa642;
  border: 2px solid #faa642;
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
}
/* line 192, ../scss/_typography.scss */
.button--orange:hover {
  background: #faa642;
  color: #ffffff;
}
/* line 197, ../scss/_typography.scss */
.button--purple {
  color: #B183EC;
  border: 2px solid #B183EC;
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
}
/* line 203, ../scss/_typography.scss */
.button--purple:hover {
  background: #B183EC;
  color: #ffffff;
}
/* line 208, ../scss/_typography.scss */
.button--yellow {
  color: #E2A15C;
  border: 2px solid #E2A15C;
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
}
/* line 214, ../scss/_typography.scss */
.button--yellow .svg {
  fill: #E2A15C;
}
/* line 217, ../scss/_typography.scss */
.button--yellow:hover {
  background: #E2A15C;
  color: #ffffff;
}
/* line 220, ../scss/_typography.scss */
.button--yellow:hover .svg {
  fill: #ffffff;
}
/* line 225, ../scss/_typography.scss */
.button--large {
  font-size: 22px;
}
/* line 228, ../scss/_typography.scss */
.button img {
  display: inline-block !important;
  width: 14px;
  position: relative;
  top: 3px;
}

/* line 1, ../scss/_animation.scss */
.fade-in {
  opacity: 0;
}

/* line 4, ../scss/_animation.scss */
.path {
  stroke-dasharray: 1000;
  stroke-dashoffset: 1000;
  animation: dash 2s linear forwards;
  animation-delay: 0.5s;
}

@keyframes dash {
  from {
    stroke-dashoffset: 1000;
  }
  to {
    stroke-dashoffset: 0;
  }
}
/* line 18, ../scss/_animation.scss */
.centered {
  position: relative;
}

/* line 21, ../scss/_animation.scss */
#ripple {
  color: #34B7DC;
  width: 22px;
  height: 22px;
  float: left;
  margin-right: 15px;
  margin-bottom: 25px;
}

/* line 29, ../scss/_animation.scss */
.circle {
  position: absolute;
  height: 22px;
  width: 22px;
  border: 3px solid #34B7DC;
  top: 12px;
  border-radius: 50px;
  animation: wave 5s linear;
  animation-fill-mode: both;
}
@media (max-width: 960px) {
  /* line 29, ../scss/_animation.scss */
  .circle {
    top: 0;
  }
}

/* line 43, ../scss/_animation.scss */
.circle:nth-child(2) {
  animation-delay: 1.66s;
}

/* line 46, ../scss/_animation.scss */
.circle:nth-child(3) {
  animation-delay: 3.33s;
}

/* line 49, ../scss/_animation.scss */
.circle:nth-child(4) {
  animation: last-wave 2s linear;
  animation-delay: 5.55s;
}

@keyframes wave {
  0% {
    transform: scale(0);
    opacity: 0.0;
  }
  25% {
    opacity: 0.0;
  }
  50% {
    opacity: 1.0;
  }
  75% {
    transform: scale(1);
    opacity: 0.0;
  }
  100% {
    opacity: 1.0;
  }
}
@keyframes last-wave {
  0% {
    transform: scale(0);
    opacity: 0.0;
  }
  100% {
    transform: scale(0.5);
    opacity: 1.0;
  }
}
/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.2
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2017 Daniel Eden
 */
/* line 93, ../scss/_animation.scss */
.animated {
  animation-duration: 1s;
  animation-fill-mode: both;
}

/* line 98, ../scss/_animation.scss */
.animated.infinite {
  animation-iteration-count: infinite;
}

/* line 102, ../scss/_animation.scss */
.animated.hinge {
  animation-duration: 2s;
}

/* line 106, ../scss/_animation.scss */
.animated.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut {
  animation-duration: .75s;
}

@keyframes bounce {
  from, 20%, 53%, 80%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, 0, 0);
  }
  40%, 43% {
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -30px, 0);
  }
  70% {
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -15px, 0);
  }
  90% {
    transform: translate3d(0, -4px, 0);
  }
}
/* line 134, ../scss/_animation.scss */
.bounce {
  animation-name: bounce;
  transform-origin: center bottom;
}

@keyframes flash {
  from, 50%, to {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}
/* line 149, ../scss/_animation.scss */
.flash {
  animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@keyframes pulse {
  from {
    transform: scale3d(1, 1, 1);
  }
  50% {
    transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    transform: scale3d(1, 1, 1);
  }
}
/* line 169, ../scss/_animation.scss */
.pulse {
  animation-name: pulse;
}

@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);
  }
}
/* line 203, ../scss/_animation.scss */
.rubberBand {
  animation-name: rubberBand;
}

@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);
  }
}
/* line 221, ../scss/_animation.scss */
.shake {
  animation-name: shake;
}

@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);
  }
}
/* line 251, ../scss/_animation.scss */
.headShake {
  animation-timing-function: ease-in-out;
  animation-name: headShake;
}

@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);
  }
}
/* line 278, ../scss/_animation.scss */
.swing {
  transform-origin: top center;
  animation-name: swing;
}

@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);
  }
}
/* line 305, ../scss/_animation.scss */
.tada {
  animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@keyframes wobble {
  from {
    transform: none;
  }
  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: none;
  }
}
/* line 341, ../scss/_animation.scss */
.wobble {
  animation-name: wobble;
}

@keyframes jello {
  from, 11.1%, to {
    transform: none;
  }
  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.39063deg) skewY(0.39063deg);
  }
  88.8% {
    transform: skewX(-0.19531deg) skewY(-0.19531deg);
  }
}
/* line 379, ../scss/_animation.scss */
.jello {
  animation-name: jello;
  transform-origin: center;
}

@keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    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);
  }
}
/* line 417, ../scss/_animation.scss */
.bounceIn {
  animation-name: bounceIn;
}

@keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    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: none;
  }
}
/* line 449, ../scss/_animation.scss */
.bounceInDown {
  animation-name: bounceInDown;
}

@keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    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: none;
  }
}
/* line 481, ../scss/_animation.scss */
.bounceInLeft {
  animation-name: bounceInLeft;
}

@keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    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: none;
  }
}
/* line 513, ../scss/_animation.scss */
.bounceInRight {
  animation-name: bounceInRight;
}

@keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    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);
  }
}
/* line 545, ../scss/_animation.scss */
.bounceInUp {
  animation-name: bounceInUp;
}

@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);
  }
}
/* line 565, ../scss/_animation.scss */
.bounceOut {
  animation-name: bounceOut;
}

@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);
  }
}
/* line 585, ../scss/_animation.scss */
.bounceOutDown {
  animation-name: bounceOutDown;
}

@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    transform: translate3d(20px, 0, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
}
/* line 601, ../scss/_animation.scss */
.bounceOutLeft {
  animation-name: bounceOutLeft;
}

@keyframes bounceOutRight {
  20% {
    opacity: 1;
    transform: translate3d(-20px, 0, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
}
/* line 617, ../scss/_animation.scss */
.bounceOutRight {
  animation-name: bounceOutRight;
}

@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);
  }
}
/* line 637, ../scss/_animation.scss */
.bounceOutUp {
  animation-name: bounceOutUp;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* line 651, ../scss/_animation.scss */
.fadeIn {
  animation-name: fadeIn;
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
/* line 667, ../scss/_animation.scss */
.fadeInDown {
  animation-name: fadeInDown;
}

@keyframes fadeInDownBig {
  from {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
/* line 683, ../scss/_animation.scss */
.fadeInDownBig {
  animation-name: fadeInDownBig;
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
/* line 699, ../scss/_animation.scss */
.fadeInLeft {
  animation-name: fadeInLeft;
}

@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
/* line 715, ../scss/_animation.scss */
.fadeInLeftBig {
  animation-name: fadeInLeftBig;
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
/* line 731, ../scss/_animation.scss */
.fadeInRight {
  animation-name: fadeInRight;
}

@keyframes fadeInRightBig {
  from {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
/* line 747, ../scss/_animation.scss */
.fadeInRightBig {
  animation-name: fadeInRightBig;
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
/* line 763, ../scss/_animation.scss */
.fadeInUp {
  animation-name: fadeInUp;
}

@keyframes fadeInUpBig {
  from {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
/* line 779, ../scss/_animation.scss */
.fadeInUpBig {
  animation-name: fadeInUpBig;
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* line 793, ../scss/_animation.scss */
.fadeOut {
  animation-name: fadeOut;
}

@keyframes fadeOutDown {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }
}
/* line 808, ../scss/_animation.scss */
.fadeOutDown {
  animation-name: fadeOutDown;
}

@keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
}
/* line 823, ../scss/_animation.scss */
.fadeOutDownBig {
  animation-name: fadeOutDownBig;
}

@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
  }
}
/* line 838, ../scss/_animation.scss */
.fadeOutLeft {
  animation-name: fadeOutLeft;
}

@keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
}
/* line 853, ../scss/_animation.scss */
.fadeOutLeftBig {
  animation-name: fadeOutLeftBig;
}

@keyframes fadeOutRight {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }
}
/* line 868, ../scss/_animation.scss */
.fadeOutRight {
  animation-name: fadeOutRight;
}

@keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
}
/* line 883, ../scss/_animation.scss */
.fadeOutRightBig {
  animation-name: fadeOutRightBig;
}

@keyframes fadeOutUp {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }
}
/* line 898, ../scss/_animation.scss */
.fadeOutUp {
  animation-name: fadeOutUp;
}

@keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}
/* line 913, ../scss/_animation.scss */
.fadeOutUpBig {
  animation-name: fadeOutUpBig;
}

@keyframes flip {
  from {
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    animation-timing-function: ease-out;
  }
  40% {
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    animation-timing-function: ease-out;
  }
  50% {
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    animation-timing-function: ease-in;
  }
  80% {
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    animation-timing-function: ease-in;
  }
  to {
    transform: perspective(400px);
    animation-timing-function: ease-in;
  }
}
/* line 944, ../scss/_animation.scss */
.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  animation-name: flip;
}

@keyframes flipInX {
  from {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    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);
  }
}
/* line 976, ../scss/_animation.scss */
.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  animation-name: flipInX;
}

@keyframes flipInY {
  from {
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    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);
  }
}
/* line 1008, ../scss/_animation.scss */
.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  animation-name: flipInY;
}

@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;
  }
}
/* line 1030, ../scss/_animation.scss */
.flipOutX {
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@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;
  }
}
/* line 1052, ../scss/_animation.scss */
.flipOutY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  animation-name: flipOutY;
}

@keyframes lightSpeedIn {
  from {
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    transform: skewX(-5deg);
    opacity: 1;
  }
  to {
    transform: none;
    opacity: 1;
  }
}
/* line 1080, ../scss/_animation.scss */
.lightSpeedIn {
  animation-name: lightSpeedIn;
  animation-timing-function: ease-out;
}

@keyframes lightSpeedOut {
  from {
    opacity: 1;
  }
  to {
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
/* line 1096, ../scss/_animation.scss */
.lightSpeedOut {
  animation-name: lightSpeedOut;
  animation-timing-function: ease-in;
}

@keyframes rotateIn {
  from {
    transform-origin: center;
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }
  to {
    transform-origin: center;
    transform: none;
    opacity: 1;
  }
}
/* line 1115, ../scss/_animation.scss */
.rotateIn {
  animation-name: rotateIn;
}

@keyframes rotateInDownLeft {
  from {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
  to {
    transform-origin: left bottom;
    transform: none;
    opacity: 1;
  }
}
/* line 1133, ../scss/_animation.scss */
.rotateInDownLeft {
  animation-name: rotateInDownLeft;
}

@keyframes rotateInDownRight {
  from {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    transform-origin: right bottom;
    transform: none;
    opacity: 1;
  }
}
/* line 1151, ../scss/_animation.scss */
.rotateInDownRight {
  animation-name: rotateInDownRight;
}

@keyframes rotateInUpLeft {
  from {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    transform-origin: left bottom;
    transform: none;
    opacity: 1;
  }
}
/* line 1169, ../scss/_animation.scss */
.rotateInUpLeft {
  animation-name: rotateInUpLeft;
}

@keyframes rotateInUpRight {
  from {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }
  to {
    transform-origin: right bottom;
    transform: none;
    opacity: 1;
  }
}
/* line 1187, ../scss/_animation.scss */
.rotateInUpRight {
  animation-name: rotateInUpRight;
}

@keyframes rotateOut {
  from {
    transform-origin: center;
    opacity: 1;
  }
  to {
    transform-origin: center;
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}
/* line 1204, ../scss/_animation.scss */
.rotateOut {
  animation-name: rotateOut;
}

@keyframes rotateOutDownLeft {
  from {
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}
/* line 1221, ../scss/_animation.scss */
.rotateOutDownLeft {
  animation-name: rotateOutDownLeft;
}

@keyframes rotateOutDownRight {
  from {
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
/* line 1238, ../scss/_animation.scss */
.rotateOutDownRight {
  animation-name: rotateOutDownRight;
}

@keyframes rotateOutUpLeft {
  from {
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
/* line 1255, ../scss/_animation.scss */
.rotateOutUpLeft {
  animation-name: rotateOutUpLeft;
}

@keyframes rotateOutUpRight {
  from {
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}
/* line 1272, ../scss/_animation.scss */
.rotateOutUpRight {
  animation-name: rotateOutUpRight;
}

@keyframes hinge {
  0% {
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }
  20%, 60% {
    transform: rotate3d(0, 0, 1, 80deg);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }
  40%, 80% {
    transform: rotate3d(0, 0, 1, 60deg);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  to {
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
/* line 1301, ../scss/_animation.scss */
.hinge {
  animation-name: hinge;
}

@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);
  }
}
/* line 1326, ../scss/_animation.scss */
.jackInTheBox {
  animation-name: jackInTheBox;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@keyframes rollIn {
  from {
    opacity: 0;
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
/* line 1344, ../scss/_animation.scss */
.rollIn {
  animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@keyframes rollOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}
/* line 1361, ../scss/_animation.scss */
.rollOut {
  animation-name: rollOut;
}

@keyframes zoomIn {
  from {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
/* line 1376, ../scss/_animation.scss */
.zoomIn {
  animation-name: zoomIn;
}

@keyframes zoomInDown {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    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);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
/* line 1394, ../scss/_animation.scss */
.zoomInDown {
  animation-name: zoomInDown;
}

@keyframes zoomInLeft {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    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);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
/* line 1412, ../scss/_animation.scss */
.zoomInLeft {
  animation-name: zoomInLeft;
}

@keyframes zoomInRight {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    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);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
/* line 1430, ../scss/_animation.scss */
.zoomInRight {
  animation-name: zoomInRight;
}

@keyframes zoomInUp {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    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);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
/* line 1448, ../scss/_animation.scss */
.zoomInUp {
  animation-name: zoomInUp;
}

@keyframes zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
/* line 1467, ../scss/_animation.scss */
.zoomOut {
  animation-name: zoomOut;
}

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    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;
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
/* line 1486, ../scss/_animation.scss */
.zoomOutDown {
  animation-name: zoomOutDown;
}

@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;
  }
}
/* line 1503, ../scss/_animation.scss */
.zoomOutLeft {
  animation-name: zoomOutLeft;
}

@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;
  }
}
/* line 1520, ../scss/_animation.scss */
.zoomOutRight {
  animation-name: zoomOutRight;
}

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    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;
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
/* line 1539, ../scss/_animation.scss */
.zoomOutUp {
  animation-name: zoomOutUp;
}

@keyframes slideInDown {
  from {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
/* line 1554, ../scss/_animation.scss */
.slideInDown {
  animation-name: slideInDown;
}

@keyframes slideInLeft {
  from {
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
/* line 1569, ../scss/_animation.scss */
.slideInLeft {
  animation-name: slideInLeft;
}

@keyframes slideInRight {
  from {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
/* line 1584, ../scss/_animation.scss */
.slideInRight {
  animation-name: slideInRight;
}

@keyframes slideInUp {
  from {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
/* line 1599, ../scss/_animation.scss */
.slideInUp {
  animation-name: slideInUp;
}

@keyframes slideOutDown {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
/* line 1614, ../scss/_animation.scss */
.slideOutDown {
  animation-name: slideOutDown;
}

@keyframes slideOutLeft {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(-100%, 0, 0);
  }
}
/* line 1629, ../scss/_animation.scss */
.slideOutLeft {
  animation-name: slideOutLeft;
}

@keyframes slideOutRight {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
/* line 1644, ../scss/_animation.scss */
.slideOutRight {
  animation-name: slideOutRight;
}

@keyframes slideOutUp {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, -100%, 0);
  }
}
/* line 1659, ../scss/_animation.scss */
.slideOutUp {
  animation-name: slideOutUp;
}

/* line 1, ../scss/_utility.scss */
.u-clearfix {
  zoom: 1;
}
/* line 24, ../scss/_mixins.scss */
.u-clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

/* line 5, ../scss/_utility.scss */
.u-reverse {
  color: #fff;
}
/* line 7, ../scss/_utility.scss */
.u-reverse * {
  color: inherit;
}
/* line 10, ../scss/_utility.scss */
.u-reverse a:hover,
.u-reverse a:focus {
  color: inherit;
}

/* line 16, ../scss/_utility.scss */
.u-screen-reader {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

/* line 25, ../scss/_utility.scss */
.u-display-none {
  display: none !important;
}

/* line 29, ../scss/_utility.scss */
.u-overflow-visible {
  overflow: visible !important;
}

/* line 33, ../scss/_utility.scss */
.ScrollSceneIndicators {
  z-index: 9999999 !important;
}

/*
  Layout goes in this file. Susy setup should go here too.
  Layout classes should be prefixed `.l-`
*/
/* line 20, ../scss/_layout.scss */
.l-container {
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  zoom: 1;
  padding-left: 30px;
  padding-right: 30px;
}
/* line 12, ../../../../../../../Library/Ruby/Gems/2.6.0/gems/susy-2.2.14/sass/susy/output/support/_clearfix.scss */
.l-container:after {
  content: " ";
  display: block;
  clear: both;
}
/* line 24, ../scss/_mixins.scss */
.l-container:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
/* line 25, ../scss/_layout.scss */
.no-mediaqueries .l-container {
  min-width: breakpoint(no-mediaqueries);
}

/* line 1, ../scss/_base.scss */
html {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/* line 4, ../scss/_base.scss */
*,
*:after,
*:before {
  -moz-box-sizing: inherit;
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}

/* line 9, ../scss/_base.scss */
*:focus {
  outline: none;
}

/* line 12, ../scss/_base.scss */
body {
  font-family: "karla", "karla", Arial, sans-serif;
  color: #1b2935;
  box-sizing: border-box;
  overflow-x: hidden;
  position: relative;
}

/* line 19, ../scss/_base.scss */
.stop-scrolling {
  height: 100%;
  overflow: hidden;
}

/* line 24, ../scss/_base.scss */
p:first-of-type, ul:first-of-type, ol:first-of-type {
  margin-top: 0;
}
/* line 27, ../scss/_base.scss */
p:last-of-type, ul:last-of-type, ol:last-of-type {
  margin-bottom: 0;
}

/* line 1, ../scss/partials/_header.scss */
.header {
  width: 100%;
  height: 58px;
  z-index: 20;
  padding-top: 30px;
}
@media (max-width: 600px) {
  /* line 1, ../scss/partials/_header.scss */
  .header {
    padding: 20px 15px 0;
  }
}
/* line 10, ../scss/partials/_header.scss */
.header__logo--left {
  float: left;
  width: 15%;
  text-align: left;
}
/* line 14, ../scss/partials/_header.scss */
.header__logo--left img {
  width: 223px;
  height: 58px;
}
@media (max-width: 960px) {
  /* line 10, ../scss/partials/_header.scss */
  .header__logo--left {
    width: 50%;
  }
}
@media (max-width: 600px) {
  /* line 10, ../scss/partials/_header.scss */
  .header__logo--left {
    width: 50%;
    text-align: left;
  }
  /* line 24, ../scss/partials/_header.scss */
  .header__logo--left img {
    max-width: 75%;
    height: auto;
  }
}
/* line 30, ../scss/partials/_header.scss */
.header__logo--right {
  float: left;
  width: 22%;
  text-align: right;
}
@media (max-width: 960px) {
  /* line 30, ../scss/partials/_header.scss */
  .header__logo--right {
    width: 50%;
  }
}
/* line 37, ../scss/partials/_header.scss */
.header__logo--right img {
  max-width: 100%;
  max-height: 58px;
}
@media (max-width: 600px) {
  /* line 30, ../scss/partials/_header.scss */
  .header__logo--right {
    width: 50%;
    text-align: right;
  }
  /* line 45, ../scss/partials/_header.scss */
  .header__logo--right img {
    max-width: 75%;
    height: auto;
  }
}
/* line 52, ../scss/partials/_header.scss */
.header__navigation {
  float: left;
  width: 63%;
  text-align: center;
}
/* line 56, ../scss/partials/_header.scss */
.header__navigation ul {
  padding-top: 10px;
}
/* line 58, ../scss/partials/_header.scss */
.header__navigation ul li {
  display: inline-block;
  margin: 0 48px;
}
/* line 61, ../scss/partials/_header.scss */
.header__navigation ul li a {
  color: #ffffff;
  font-size: 24px;
  text-transform: uppercase;
}
/* line 65, ../scss/partials/_header.scss */
.header__navigation ul li a:hover {
  text-decoration: underline;
}
@media (max-width: 1280px) {
  /* line 72, ../scss/partials/_header.scss */
  .header__navigation ul {
    padding-top: 10px;
  }
  /* line 74, ../scss/partials/_header.scss */
  .header__navigation ul li {
    display: inline-block;
    margin: 0 38px;
  }
  /* line 77, ../scss/partials/_header.scss */
  .header__navigation ul li a {
    color: #ffffff;
    font-size: 20px;
    text-transform: uppercase;
  }
  /* line 81, ../scss/partials/_header.scss */
  .header__navigation ul li a:hover {
    text-decoration: underline;
  }
}
@media (max-width: 1060px) {
  /* line 89, ../scss/partials/_header.scss */
  .header__navigation ul {
    padding-top: 10px;
  }
  /* line 91, ../scss/partials/_header.scss */
  .header__navigation ul li {
    display: inline-block;
    margin: 0 28px;
  }
  /* line 94, ../scss/partials/_header.scss */
  .header__navigation ul li a {
    color: #ffffff;
    font-size: 18px;
    text-transform: uppercase;
  }
  /* line 98, ../scss/partials/_header.scss */
  .header__navigation ul li a:hover {
    text-decoration: underline;
  }
}
@media (max-width: 960px) {
  /* line 52, ../scss/partials/_header.scss */
  .header__navigation {
    display: none;
  }
}

/* line 1, ../scss/partials/_hero.scss */
.hero {
  height: 100vh;
  width: 100%;
  background: url(../../images/hero_background.jpg) no-repeat center center;
  background-size: cover;
  color: #ffffff;
  position: relative;
}
@media (max-width: 960px) {
  /* line 1, ../scss/partials/_hero.scss */
  .hero {
    padding-bottom: 80px;
    height: 100%;
  }
}
/* line 12, ../scss/partials/_hero.scss */
.hero__contentgroup {
  position: relative;
  width: 90%;
  margin: 0 auto;
  text-align: center;
  padding-top: 6%;
}
@media (max-width: 960px) {
  /* line 12, ../scss/partials/_hero.scss */
  .hero__contentgroup {
    width: 98%;
    padding-top: 60px;
    padding-left: 10px;
  }
}
/* line 23, ../scss/partials/_hero.scss */
.hero__contentgroup .intro {
  text-align: left;
  position: relative;
  z-index: 10;
  width: 100%;
}
/* line 28, ../scss/partials/_hero.scss */
.hero__contentgroup .intro h1 {
  font-family: "trumpsoftpro", "trumpsoftpro", helvetica, sans-serif;
  font-size: 120px;
  line-height: 128px;
  letter-spacing: 1px;
  margin: 10px 0;
  animation-duration: 0.9s;
  animation-delay: 0.4s;
}
@media (max-width: 960px) {
  /* line 28, ../scss/partials/_hero.scss */
  .hero__contentgroup .intro h1 {
    font-size: 80px;
    line-height: 86px;
  }
}
@media (max-width: 375px) {
  /* line 28, ../scss/partials/_hero.scss */
  .hero__contentgroup .intro h1 {
    font-size: 64px;
    line-height: 76px;
  }
}
/* line 45, ../scss/partials/_hero.scss */
.hero__contentgroup .intro h1 span {
  font-family: "freight-big-pro", "freight-big-pro", Times, serif;
  font-style: italic;
  font-size: 38px;
  text-transform: none;
  vertical-align: top;
  line-height: 115px;
  margin: 0;
  padding: 9px 0 19px;
  border-top: 2px solid #fff;
  border-bottom: 2px solid #fff;
}
@media (max-width: 960px) {
  /* line 45, ../scss/partials/_hero.scss */
  .hero__contentgroup .intro h1 span {
    font-size: 26px;
    line-height: 80px;
    padding: 13px 0 13px;
  }
}
/* line 63, ../scss/partials/_hero.scss */
.hero__contentgroup .intro p {
  font-weight: 700;
  text-transform: uppercase;
  font-size: 24px;
  line-height: 28px;
  letter-spacing: 4px;
  margin: 0;
}
@media (max-width: 960px) {
  /* line 63, ../scss/partials/_hero.scss */
  .hero__contentgroup .intro p {
    font-size: 18px;
    line-height: 22px;
  }
}
/* line 74, ../scss/partials/_hero.scss */
.hero__contentgroup .intro p:first-of-type {
  animation-duration: 0.9s;
  animation-delay: 0.3s;
}
/* line 78, ../scss/partials/_hero.scss */
.hero__contentgroup .intro p:nth-of-type(2) {
  animation-duration: 0.9s;
  animation-delay: 0.5s;
}
/* line 82, ../scss/partials/_hero.scss */
.hero__contentgroup .intro p span {
  letter-spacing: 0;
  font-family: "freight-big-pro", "freight-big-pro", Times, serif;
  font-style: italic;
  text-transform: none;
  font-weight: 300;
}
/* line 90, ../scss/partials/_hero.scss */
.hero__contentgroup .intro .longblock {
  content: '';
  display: inline-block;
  background: #ffffff;
  height: 5px;
  min-width: 120px;
  top: -5px;
  position: relative;
}
@media (max-width: 960px) {
  /* line 90, ../scss/partials/_hero.scss */
  .hero__contentgroup .intro .longblock {
    min-width: 80px;
  }
}
/* line 103, ../scss/partials/_hero.scss */
.hero__contentgroup .waves {
  position: absolute;
  z-index: 0;
  width: 45%;
  top: 15%;
  right: 0;
  transform: translateX(50%);
}
/* line 111, ../scss/partials/_hero.scss */
.hero__contentgroup .droplet {
  margin-top: 40px;
  animation-duration: 0.9s;
  animation-delay: 0.7s;
}
/* line 117, ../scss/partials/_hero.scss */
.hero__questions {
  width: 90%;
  margin: 0 auto;
  text-align: center;
  padding-top: 6%;
}
@media (max-width: 1280px) {
  /* line 117, ../scss/partials/_hero.scss */
  .hero__questions {
    padding-top: 2.5%;
  }
}
@media (max-width: 600px) {
  /* line 117, ../scss/partials/_hero.scss */
  .hero__questions {
    padding-top: 5.5%;
  }
}
@media (max-width: 375px) {
  /* line 117, ../scss/partials/_hero.scss */
  .hero__questions {
    padding-top: 7%;
  }
}
/* line 135, ../scss/partials/_hero.scss */
.hero__questions h3 {
  text-transform: none;
  font-family: "trumpsoftpro", "trumpsoftpro", helvetica, sans-serif;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 28px;
  margin: 0 0 25px 0;
  animation-duration: 0.9s;
  animation-delay: 3.5s;
}
/* line 145, ../scss/partials/_hero.scss */
.hero__questions .question {
  float: left;
  width: 33.333%;
  text-align: left;
  padding-right: 10px;
}
/* line 150, ../scss/partials/_hero.scss */
.hero__questions .question:first-of-type {
  animation-duration: 1.5s;
  animation-delay: 2s;
}
/* line 154, ../scss/partials/_hero.scss */
.hero__questions .question:nth-of-type(2) {
  animation-duration: 1.5s;
  animation-delay: 2.5s;
}
/* line 158, ../scss/partials/_hero.scss */
.hero__questions .question:nth-of-type(3) {
  animation-duration: 1.5s;
  animation-delay: 3s;
}
@media (max-width: 960px) {
  /* line 145, ../scss/partials/_hero.scss */
  .hero__questions .question {
    width: 98%;
    padding-right: 0;
    margin-bottom: 18px;
  }
}
/* line 167, ../scss/partials/_hero.scss */
.hero__questions .question a {
  font-size: 20px;
  width: 90%;
  color: #ffffff;
}
@media (max-width: 960px) {
  /* line 167, ../scss/partials/_hero.scss */
  .hero__questions .question a {
    width: 100%;
    text-align: center;
  }
}
/* line 178, ../scss/partials/_hero.scss */
.hero__scroll {
  position: absolute;
  bottom: 0;
  transform: translateX(-50%);
  animation-duration: 1.5s;
  animation-delay: 1.3s;
  text-align: center;
  width: 128px;
  left: 0;
  right: 0;
  margin: 0 auto;
}
@media (max-width: 960px) {
  /* line 178, ../scss/partials/_hero.scss */
  .hero__scroll {
    bottom: -10%;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
  }
}
/* line 197, ../scss/partials/_hero.scss */
.hero__scroll span {
  color: #ffffff;
  text-transform: uppercase;
  letter-spacing: 2px;
}

/* line 1, ../scss/partials/_mapinfo.scss */
.mapinfo {
  background: url(../../images/topographic.png) no-repeat bottom center #000000;
  color: #ffffff;
  padding: 50px 0 75px;
}
/* line 5, ../scss/partials/_mapinfo.scss */
.mapinfo__left {
  width: 33.33333%;
  float: left;
  padding-left: 10px;
  padding-right: 10px;
}
/* line 7, ../scss/partials/_mapinfo.scss */
.mapinfo__left h2 {
  font-size: 72px;
  line-height: 76px;
  margin-top: 15px;
}
@media (max-width: 960px) {
  /* line 7, ../scss/partials/_mapinfo.scss */
  .mapinfo__left h2 {
    font-size: 80px;
    line-height: 86px;
  }
}
@media (max-width: 375px) {
  /* line 7, ../scss/partials/_mapinfo.scss */
  .mapinfo__left h2 {
    font-size: 64px;
    line-height: 76px;
  }
}
/* line 24, ../scss/partials/_mapinfo.scss */
.mapinfo__left a.button {
  width: 100%;
  text-align: center;
  margin: 30px 0;
}
@media (max-width: 960px) {
  /* line 5, ../scss/partials/_mapinfo.scss */
  .mapinfo__left {
    width: 100%;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
  }
}
/* line 33, ../scss/partials/_mapinfo.scss */
.mapinfo__right {
  width: 66.66667%;
  float: left;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 6%;
}
/* line 36, ../scss/partials/_mapinfo.scss */
.mapinfo__right img {
  max-width: 1000px;
}
@media (max-width: 960px) {
  /* line 33, ../scss/partials/_mapinfo.scss */
  .mapinfo__right {
    width: 100%;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
  }
  /* line 42, ../scss/partials/_mapinfo.scss */
  .mapinfo__right img {
    max-width: 520px;
  }
}
@media (max-width: 600px) {
  /* line 33, ../scss/partials/_mapinfo.scss */
  .mapinfo__right {
    width: 100%;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
  }
  /* line 49, ../scss/partials/_mapinfo.scss */
  .mapinfo__right img {
    max-width: 404px;
  }
}
@media (max-width: 375px) {
  /* line 33, ../scss/partials/_mapinfo.scss */
  .mapinfo__right {
    width: 100%;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
  }
  /* line 56, ../scss/partials/_mapinfo.scss */
  .mapinfo__right img {
    max-width: 368px;
  }
}
/* line 61, ../scss/partials/_mapinfo.scss */
.mapinfo__center {
  width: 66.66667%;
  float: left;
  padding-left: 10px;
  padding-right: 10px;
  margin-left: 16.66667%;
  padding-top: 50px;
  text-align: center;
}
@media (max-width: 960px) {
  /* line 61, ../scss/partials/_mapinfo.scss */
  .mapinfo__center {
    width: 100%;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
    margin-left: 0%;
    text-align: center;
  }
}
/* line 71, ../scss/partials/_mapinfo.scss */
.mapinfo__center p {
  max-width: 80%;
  margin: 0 auto 20px;
}
/* line 75, ../scss/partials/_mapinfo.scss */
.mapinfo__center a:first-of-type {
  margin-right: 10px;
}
@media (max-width: 960px) {
  /* line 75, ../scss/partials/_mapinfo.scss */
  .mapinfo__center a:first-of-type {
    margin-right: 0;
    margin-bottom: 10px;
  }
}
@media (max-width: 960px) {
  /* line 82, ../scss/partials/_mapinfo.scss */
  .mapinfo__center a {
    width: 100%;
  }
}

/* line 1, ../scss/partials/_video.scss */
.videos {
  padding: 75px 0 0;
  position: relative;
}
@media (max-width: 960px) {
  /* line 1, ../scss/partials/_video.scss */
  .videos {
    padding: 80px 0;
  }
}
/* line 7, ../scss/partials/_video.scss */
.videos .splash {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 999;
}
@media (max-width: 960px) {
  /* line 7, ../scss/partials/_video.scss */
  .videos .splash {
    display: none;
  }
}
/* line 17, ../scss/partials/_video.scss */
.videos .left-column, .videos .right-column {
  width: 50%;
  float: left;
  padding-left: 10px;
  padding-right: 10px;
}
@media (max-width: 960px) {
  /* line 17, ../scss/partials/_video.scss */
  .videos .left-column, .videos .right-column {
    width: 100%;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
  }
}
/* line 23, ../scss/partials/_video.scss */
.videos__content {
  padding-right: 60px;
  padding-bottom: 40px;
  max-width: 75%;
}
@media (max-width: 960px) {
  /* line 23, ../scss/partials/_video.scss */
  .videos__content {
    max-width: 100%;
  }
}
/* line 30, ../scss/partials/_video.scss */
.videos__content h2 {
  margin-top: 0;
}
/* line 34, ../scss/partials/_video.scss */
.videos__videoblock {
  width: 100%;
  height: 450px;
  color: #ffffff;
  background: #000;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  margin-bottom: 20px;
  position: relative;
  overflow: hidden;
}
@media (max-width: 600px) {
  /* line 34, ../scss/partials/_video.scss */
  .videos__videoblock {
    height: 300px;
  }
}
/* line 49, ../scss/partials/_video.scss */
.videos__videoblock .photo {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  /* Preserve aspet ratio */
  min-width: 100%;
  min-height: 100%;
}
/* line 58, ../scss/partials/_video.scss */
.videos__videoblock .content {
  width: 60%;
}
@media (max-width: 600px) {
  /* line 58, ../scss/partials/_video.scss */
  .videos__videoblock .content {
    width: 80%;
  }
}
/* line 64, ../scss/partials/_video.scss */
.videos__videoblock a.playbutton {
  font-family: "trumpsoftpro", "trumpsoftpro", helvetica, sans-serif;
  font-size: 22px;
  text-transform: uppercase;
  color: #ffffff;
  letter-spacing: 1px;
  border: 2px solid #ffffff;
  border-radius: 4px;
  padding: 10px 9px;
  background: rgba(0, 0, 0, 0.8);
  position: relative;
  z-index: 10;
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
}
/* line 79, ../scss/partials/_video.scss */
.videos__videoblock a.playbutton:hover {
  background: #34B7DC;
}
/* line 82, ../scss/partials/_video.scss */
.videos__videoblock a.playbutton img {
  height: 18px;
  position: relative;
}
/* line 86, ../scss/partials/_video.scss */
.videos__videoblock a.playbutton span {
  font-family: "karla", "karla", Arial, sans-serif;
  font-size: 14px;
  letter-spacing: 0;
  top: -3px;
  position: relative;
}
/* line 94, ../scss/partials/_video.scss */
.videos__videoblock h4 {
  letter-spacing: 0;
  text-transform: none;
  font-size: 18px;
  line-height: 22px;
  margin-bottom: 0;
  position: relative;
  z-index: 10;
}

/* line 2, ../scss/partials/_reports.scss */
.reports h2.afterblock {
  margin-top: 0;
  margin-bottom: 80px;
}
/* line 6, ../scss/partials/_reports.scss */
.reports__report {
  width: 50%;
  float: left;
  padding-left: 10px;
  padding-right: 10px;
  padding-right: 60px;
}
@media (max-width: 960px) {
  /* line 6, ../scss/partials/_reports.scss */
  .reports__report {
    width: 100%;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 30px;
    padding-right: 30px;
  }
}
/* line 14, ../scss/partials/_reports.scss */
.reports__report img {
  max-width: 200px;
  display: block;
}
/* line 18, ../scss/partials/_reports.scss */
.reports__report h2 {
  font-size: 36px;
  line-height: 40px;
  margin-bottom: 16px;
}
/* line 23, ../scss/partials/_reports.scss */
.reports__report p {
  margin-bottom: 20px;
}
/* line 27, ../scss/partials/_reports.scss */
.reports__full {
  width: 100%;
  float: left;
  padding-left: 10px;
  padding-right: 10px;
  text-align: center;
  padding-top: 100px;
  padding-bottom: 100px;
}
@media (max-width: 960px) {
  /* line 27, ../scss/partials/_reports.scss */
  .reports__full {
    padding-top: 80px;
  }
}

/* line 1, ../scss/partials/_footer.scss */
.footer {
  text-align: center;
  height: 100vh;
  width: 100%;
  background: url(../../images/footer_image.jpg) no-repeat center center;
  background-size: cover;
}
/* line 7, ../scss/partials/_footer.scss */
.footer img {
  max-width: 180px;
  margin-bottom: 20px;
}
/* line 11, ../scss/partials/_footer.scss */
.footer a {
  color: #34B7DC;
  font-weight: 700;
}

/* line 16, ../scss/partials/_footer.scss */
.copyright {
  text-align: center;
  padding: 15px 10px;
  background: #000000;
}
/* line 20, ../scss/partials/_footer.scss */
.copyright p {
  font-size: 12px;
  color: #FEFEFE;
}
/* line 23, ../scss/partials/_footer.scss */
.copyright p a {
  color: #B183EC;
}

/*
	Print stylesheet.

	Include the variable and mixin files, and others as neccesary.

	Add anything you want to hide near the end of the file
	along with the screen reader elements and skip links.

*/
/* Variables
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/*

	THESE ARE JUST DEFAULTS and should be changed to suit the needs of your project.

	Note:
		+ Mixin names should describe what things ARE, not what they look like.
		+ As much as it kills me, colour is spelled the American way to be consistant
		  with colour declarations in css.

	For example, the following are good variable names:
	$font-base, $font-header, $color-brand, $color-accent, $breakpoint-midsize, $breakpoint-small

	These are bad variable names:
	$blue, $orange, $helvetica, $ipad, $iphone

	On naming conventions, a good convention is to use underscores for spaces, and dashes to indicate
	a subsidiary relationship. All punctuation is meaningful, and this allows you to easily group
	variables by type.

	The following are good examples of variable groups named with a dash to indicate descendency:

	$font-x
	$font-weight-x
	$color-x
	$icon-x
	$breakpoint-x

*/
/* The following variables are needed by some of our mixins and can be adjust to meet
   the needs of the site.
*/
/* Mixins
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + */
@media print {
  /* line 15, ../scss/_print.scss */
  *,
  *:before,
  *:after {
    background: transparent !important;
    color: #000 !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }

  /* line 24, ../scss/_print.scss */
  a,
  a:visited {
    text-decoration: underline;
  }

  /* line 29, ../scss/_print.scss */
  a[href]:after {
    content: " (" attr(href) ")";
  }

  /* line 33, ../scss/_print.scss */
  abbr[title]:after {
    content: " (" attr(title) ")";
  }

  /* line 39, ../scss/_print.scss */
  a[href^="tel"]:after,
  a[href^="#"]:after {
    content: "";
  }

  /* line 44, ../scss/_print.scss */
  pre,
  blockquote {
    border: 1px solid #000;
    page-break-inside: avoid;
  }

  /* line 50, ../scss/_print.scss */
  thead {
    display: table-header-group;
  }

  /* line 54, ../scss/_print.scss */
  tr,
  img {
    page-break-inside: avoid;
  }

  /* line 59, ../scss/_print.scss */
  img {
    max-width: 100% !important;
  }

  /* line 63, ../scss/_print.scss */
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }

  /* line 70, ../scss/_print.scss */
  h2,
  h3 {
    page-break-after: avoid;
  }

  /* line 76, ../scss/_print.scss */
  .u-screen-reader,
  .skip-links__link {
    display: none;
  }
}

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