/*
==========================================================================
    Import all SCSS parts here
==========================================================================
*/

/*
==========================================================================
	Mixins
==========================================================================
*/

/*
==========================================================================
	Functions
==========================================================================
*/

/*
==========================================================================
    Variables
==========================================================================
*/

/*!
 * Bootstrap v3.3.7 (http://getbootstrap.com)
 * Copyright 2011-2016 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

.fade {
  opacity: 0;
  transition: opacity 0.15s linear;
}

.fade.in {
  opacity: 1;
}

.collapse {
  display: none;
}

.collapse.in {
  display: block;
}

tr.collapse.in {
  display: table-row;
}

tbody.collapse.in {
  display: table-row-group;
}

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  transition-property: height, visibility;
  transition-duration: 0.35s;
  transition-timing-function: ease;
}

.visible-xs {
  display: none !important;
}

.visible-sm {
  display: none !important;
}

.visible-md {
  display: none !important;
}

.visible-lg {
  display: none !important;
}

.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important;
}

@media (max-width: 767px) {
  .visible-xs {
    display: block !important;
  }

  table.visible-xs {
    display: table !important;
  }

  tr.visible-xs {
    display: table-row !important;
  }

  th.visible-xs,
  td.visible-xs {
    display: table-cell !important;
  }
}

@media (max-width: 767px) {
  .visible-xs-block {
    display: block !important;
  }
}

@media (max-width: 767px) {
  .visible-xs-inline {
    display: inline !important;
  }
}

@media (max-width: 767px) {
  .visible-xs-inline-block {
    display: inline-block !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important;
  }

  table.visible-sm {
    display: table !important;
  }

  tr.visible-sm {
    display: table-row !important;
  }

  th.visible-sm,
  td.visible-sm {
    display: table-cell !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-block {
    display: block !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline {
    display: inline !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline-block {
    display: inline-block !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important;
  }

  table.visible-md {
    display: table !important;
  }

  tr.visible-md {
    display: table-row !important;
  }

  th.visible-md,
  td.visible-md {
    display: table-cell !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-block {
    display: block !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline {
    display: inline !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline-block {
    display: inline-block !important;
  }
}

@media (min-width: 1200px) {
  .visible-lg {
    display: block !important;
  }

  table.visible-lg {
    display: table !important;
  }

  tr.visible-lg {
    display: table-row !important;
  }

  th.visible-lg,
  td.visible-lg {
    display: table-cell !important;
  }
}

@media (min-width: 1200px) {
  .visible-lg-block {
    display: block !important;
  }
}

@media (min-width: 1200px) {
  .visible-lg-inline {
    display: inline !important;
  }
}

@media (min-width: 1200px) {
  .visible-lg-inline-block {
    display: inline-block !important;
  }
}

@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }
}

@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important;
  }
}

.visible-print {
  display: none !important;
}

@media print {
  .visible-print {
    display: block !important;
  }

  table.visible-print {
    display: table !important;
  }

  tr.visible-print {
    display: table-row !important;
  }

  th.visible-print,
  td.visible-print {
    display: table-cell !important;
  }
}

.visible-print-block {
  display: none !important;
}

@media print {
  .visible-print-block {
    display: block !important;
  }
}

.visible-print-inline {
  display: none !important;
}

@media print {
  .visible-print-inline {
    display: inline !important;
  }
}

.visible-print-inline-block {
  display: none !important;
}

@media print {
  .visible-print-inline-block {
    display: inline-block !important;
  }
}

@media print {
  .hidden-print {
    display: none !important;
  }
}

/* Slider */

.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
}

.slick-track:before,
.slick-track:after {
  content: "";
  display: table;
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}

[dir=rtl] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

/*
 * Nivo Lightbox v1.2.0
 * http://dev7studios.com/nivo-lightbox
 *
 * Copyright 2013, Dev7studios
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 */

.nivo-lightbox-overlay {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99998;
  width: 100%;
  height: 100%;
  overflow: hidden;
  visibility: hidden;
  opacity: 0;
  box-sizing: border-box;
}

.nivo-lightbox-overlay.nivo-lightbox-open {
  visibility: visible;
  opacity: 1;
}

.nivo-lightbox-wrap {
  position: absolute;
  top: 10%;
  bottom: 10%;
  left: 10%;
  right: 10%;
}

.nivo-lightbox-content {
  width: 100%;
  height: 100%;
}

.nivo-lightbox-title-wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 99999;
  text-align: center;
}

.nivo-lightbox-nav {
  display: none;
}

.nivo-lightbox-prev {
  position: absolute;
  top: 50%;
  left: 0;
}

.nivo-lightbox-next {
  position: absolute;
  top: 50%;
  right: 0;
}

.nivo-lightbox-close {
  position: absolute;
  top: 2%;
  right: 2%;
}

.nivo-lightbox-image {
  text-align: center;
}

.nivo-lightbox-image img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  vertical-align: middle;
}

.nivo-lightbox-content iframe {
  width: 100%;
  height: 100%;
}

.nivo-lightbox-inline,
.nivo-lightbox-ajax {
  max-height: 100%;
  overflow: auto;
  box-sizing: border-box;
  /* https://bugzilla.mozilla.org/show_bug.cgi?id=308801 */
}

.nivo-lightbox-error {
  display: table;
  text-align: center;
  width: 100%;
  height: 100%;
  color: #fff;
  text-shadow: 0 1px 1px #000;
}

.nivo-lightbox-error p {
  display: table-cell;
  vertical-align: middle;
}

/* Effects
 **********************************************/

.nivo-lightbox-notouch .nivo-lightbox-effect-fade,
.nivo-lightbox-notouch .nivo-lightbox-effect-fadeScale,
.nivo-lightbox-notouch .nivo-lightbox-effect-slideLeft,
.nivo-lightbox-notouch .nivo-lightbox-effect-slideRight,
.nivo-lightbox-notouch .nivo-lightbox-effect-slideUp,
.nivo-lightbox-notouch .nivo-lightbox-effect-slideDown,
.nivo-lightbox-notouch .nivo-lightbox-effect-fall {
  transition: all 0.2s ease-in-out;
}

/* fadeScale */

.nivo-lightbox-effect-fadeScale .nivo-lightbox-wrap {
  transition: all 0.3s;
  transform: scale(0.7);
}

.nivo-lightbox-effect-fadeScale.nivo-lightbox-open .nivo-lightbox-wrap {
  transform: scale(1);
}

/* slideLeft / slideRight / slideUp / slideDown */

.nivo-lightbox-effect-slideLeft .nivo-lightbox-wrap,
.nivo-lightbox-effect-slideRight .nivo-lightbox-wrap,
.nivo-lightbox-effect-slideUp .nivo-lightbox-wrap,
.nivo-lightbox-effect-slideDown .nivo-lightbox-wrap {
  transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
}

.nivo-lightbox-effect-slideLeft .nivo-lightbox-wrap {
  transform: translateX(-10%);
}

.nivo-lightbox-effect-slideRight .nivo-lightbox-wrap {
  transform: translateX(10%);
}

.nivo-lightbox-effect-slideLeft.nivo-lightbox-open .nivo-lightbox-wrap,
.nivo-lightbox-effect-slideRight.nivo-lightbox-open .nivo-lightbox-wrap {
  transform: translateX(0);
}

.nivo-lightbox-effect-slideDown .nivo-lightbox-wrap {
  transform: translateY(-10%);
}

.nivo-lightbox-effect-slideUp .nivo-lightbox-wrap {
  transform: translateY(10%);
}

.nivo-lightbox-effect-slideUp.nivo-lightbox-open .nivo-lightbox-wrap,
.nivo-lightbox-effect-slideDown.nivo-lightbox-open .nivo-lightbox-wrap {
  transform: translateY(0);
}

/* fall */

.nivo-lightbox-body-effect-fall .nivo-lightbox-effect-fall {
  perspective: 1000px;
}

.nivo-lightbox-effect-fall .nivo-lightbox-wrap {
  transition: all 0.3s ease-out;
  transform: translateZ(300px);
}

.nivo-lightbox-effect-fall.nivo-lightbox-open .nivo-lightbox-wrap {
  transform: translateZ(0);
}

/*
 * Nivo Lightbox Default Theme v1.0
 * http://dev7studios.com/nivo-lightbox
 *
 * Copyright 2013, Dev7studios
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 */

.nivo-lightbox-theme-default.nivo-lightbox-overlay {
  background: #666;
  background: rgba(0, 0, 0, 0.6);
}

.nivo-lightbox-theme-default .nivo-lightbox-content.nivo-lightbox-loading {
  background: url(/images/loading.gif?fa54e1a0b386f83fabb7bc6e62bafd2c) no-repeat 50% 50%;
}

.nivo-lightbox-theme-default .nivo-lightbox-nav {
  top: 10%;
  width: 8%;
  height: 80%;
  text-indent: -9999px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  opacity: 0.5;
}

.nivo-lightbox-theme-default .nivo-lightbox-nav:hover {
  opacity: 1;
  background-color: rgba(0, 0, 0, 0.5);
}

.nivo-lightbox-theme-default .nivo-lightbox-prev {
  background-image: url(/images/prev.png?57cffd387ffa8d31834a595d9682b63d);
  border-radius: 0 3px 3px 0;
}

.nivo-lightbox-theme-default .nivo-lightbox-next {
  background-image: url(/images/next.png?938a4c662ff3743a09141f1fcdcde4d9);
  border-radius: 3px 0 0 3px;
}

.nivo-lightbox-theme-default .nivo-lightbox-close {
  display: block;
  background: url(/images/close.png?19c6ef9ffb7680c95361121bc39e61a6) no-repeat 5px 5px;
  width: 16px;
  height: 16px;
  text-indent: -9999px;
  padding: 5px;
  opacity: 0.5;
}

.nivo-lightbox-theme-default .nivo-lightbox-close:hover {
  opacity: 1;
}

.nivo-lightbox-theme-default .nivo-lightbox-title-wrap {
  bottom: -7%;
}

.nivo-lightbox-theme-default .nivo-lightbox-title {
  font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  background: #000;
  color: #fff;
  padding: 7px 15px;
  border-radius: 30px;
}

.nivo-lightbox-theme-default .nivo-lightbox-image img {
  background: #fff;
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.4);
}

.nivo-lightbox-theme-default .nivo-lightbox-ajax,
.nivo-lightbox-theme-default .nivo-lightbox-inline {
  background: #fff;
  padding: 40px;
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.4);
}

@media (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .nivo-lightbox-theme-default .nivo-lightbox-content.nivo-lightbox-loading {
    background-image: url(/images/loading@2x.gif?5add32b4976240bbb0e12bb7caabc821);
    background-size: 32px 32px;
  }

  .nivo-lightbox-theme-default .nivo-lightbox-prev {
    background-image: url(/images/prev@2x.png?31d963bda32c43c049d3026737156f1d);
    background-size: 48px 48px;
  }

  .nivo-lightbox-theme-default .nivo-lightbox-next {
    background-image: url(/images/next@2x.png?41873d8ae09b0a9f09ec82b31e7f365f);
    background-size: 48px 48px;
  }

  .nivo-lightbox-theme-default .nivo-lightbox-close {
    background-image: url(/images/close@2x.png?a6ef151046561fda407525d5ce243d48);
    background-size: 16px 16px;
  }
}

.pika-single {
  position: relative;
  z-index: 9999;
  display: block;
  font-family: inherit;
  color: #265c73;
  *zoom: 1;
}

.pika-single:before,
.pika-single:after {
  content: " ";
  display: table;
}

.pika-single:after {
  clear: both;
}

.pika-single.is-hidden {
  display: none;
}

.pika-single.is-bound {
  position: absolute !important;
  box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.25);
}

.pika-single .pika-lendar {
  float: left;
  padding: 0;
  width: 100%;
  background: #fff;
}

.pika-single .pika-lendar .pika-title {
  position: relative;
  margin: 0 0 10px;
  text-align: center;
}

.pika-single .pika-lendar .pika-title .pika-label {
  display: inline-block;
  *display: inline;
  position: relative;
  z-index: 9999;
  overflow: hidden;
  margin: 0;
  padding: 5px 3px;
  color: #265c73;
  font-size: 1em;
  line-height: 20px;
  font-weight: 700;
  background-color: #fff;
  transition: all 0.15s ease-in-out;
}

.pika-single .pika-lendar .pika-title .pika-label:hover {
  color: #0098d9;
}

.pika-single .pika-lendar .pika-title .pika-label select {
  cursor: pointer;
  position: absolute;
  z-index: 9998;
  margin: 0;
  left: 0;
  top: 5px;
  height: auto;
  padding: 0;
  filter: alpha(opacity=0);
  opacity: 0;
}

.pika-single .pika-lendar .pika-title .pika-select {
  display: inline-block;
  *display: inline;
}

.pika-single .pika-lendar .pika-prev,
.pika-single .pika-lendar .pika-next {
  display: block;
  cursor: pointer;
  position: relative;
  outline: none;
  border: 0;
  padding: 0;
  width: 20px;
  height: 30px;
  text-indent: 20px;
  /* hide text using text-indent trick, using width value (it's enough) */
  white-space: nowrap;
  overflow: hidden;
  background-color: transparent;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 75% 75%;
  opacity: 0.5;
  *position: absolute;
  *top: 0;
  transition: all 0.15s ease-in-out;
}

.pika-single .pika-lendar .pika-prev:hover,
.pika-single .pika-lendar .pika-next:hover {
  opacity: 1;
}

.pika-single .pika-lendar .pika-prev.is-disabled,
.pika-single .pika-lendar .pika-next.is-disabled {
  cursor: not-allowed;
  opacity: 0.2;
}

.pika-single .pika-lendar .pika-prev,
.pika-single .pika-lendar .is-rtl .pika-next {
  float: left;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg==");
  *left: 0;
}

.pika-single .pika-lendar .pika-next,
.pika-single .pika-lendar .is-rtl .pika-prev {
  float: right;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII=");
  *right: 0;
}

.pika-single .pika-lendar .pika-table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  border: 0;
}

.pika-single .pika-lendar .pika-table th,
.pika-single .pika-lendar .pika-table td {
  width: 14.2857142857%;
  padding: 0;
}

.pika-single .pika-lendar .pika-table th {
  padding: 0 0 10px;
  color: #597d8c;
  font-size: 12px;
  line-height: 25px;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
}

.pika-single .pika-lendar .pika-table abbr {
  cursor: default;
  border: 0;
  text-decoration: none;
}

.pika-single .pika-lendar .pika-table td {
  padding: 1px;
}

.pika-single .pika-lendar .pika-table td:nth-child(1) .pika-button,
.pika-single .pika-lendar .pika-table td:nth-child(7) .pika-button {
  background-color: #d9f0f9;
  color: #0098d9;
  font-weight: 900;
}

.pika-single .pika-lendar .pika-table td.is-today .pika-button {
  background: #fff;
  font-weight: 900;
}

.pika-single .pika-lendar .pika-table td.is-selected .pika-button {
  background: #0098d9;
  color: #fff;
  font-weight: 900;
}

.pika-single .pika-lendar .pika-table td.is-selected .pika-button:hover {
  background: #0098d9;
}

.pika-single .pika-lendar .pika-table td.is-inrange .pika-button {
  background: #33ade1;
  color: #fff;
}

.pika-single .pika-lendar .pika-table td.is-startrange .pika-button,
.pika-single .pika-lendar .pika-table td.is-endrange .pika-button {
  background: #0098d9;
  color: #fff;
}

.pika-single .pika-lendar .pika-table td.is-disabled.is-startrange .pika-button,
.pika-single .pika-lendar .pika-table td.is-disabled.is-endrange .pika-button,
.pika-single .pika-lendar .pika-table td.is-outside-current-month.is-startrange .pika-button,
.pika-single .pika-lendar .pika-table td.is-outside-current-month.is-endrange .pika-button {
  background: #0098d9;
  color: #fff;
  opacity: 1;
}

.pika-single .pika-lendar .pika-table td.is-disabled.is-inrange .pika-button,
.pika-single .pika-lendar .pika-table td.is-outside-current-month.is-inrange .pika-button {
  background: #33ade1;
  color: #fff;
  opacity: 1;
}

.pika-single .pika-lendar .pika-table td.is-disabled.is-today .pika-button,
.pika-single .pika-lendar .pika-table td.is-outside-current-month.is-today .pika-button {
  background: #fff;
  color: #0098d9;
  font-weight: 900;
  opacity: 1;
}

.pika-single .pika-lendar .pika-table td.is-disabled .pika-button,
.pika-single .pika-lendar .pika-table td.is-outside-current-month .pika-button {
  pointer-events: none;
  background: #f9fcfe;
  color: #90a8b2;
  cursor: default;
}

.pika-single .pika-lendar .pika-table td .pika-button {
  display: block;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  outline: none;
  width: 100%;
  padding: 12px 6px;
  margin: 0;
  border: 0;
  background-color: #e6f5fb;
  color: #0098d9;
  font-family: inherit;
  font-size: 0.875em;
  line-height: 1em;
  text-align: center;
  cursor: pointer;
  transition: all 0.15s ease-in-out;
}

.pika-single .pika-lendar .pika-table td .pika-button:hover {
  background: #0098d9;
  color: #fff;
}

.pika-single .pika-lendar .pika-table .pika-week {
  font-size: 0.75em;
  color: #597d8c;
}

/*
==========================================================================
    Base styles
==========================================================================
*/

* {
  box-sizing: border-box !important;
  padding: 0;
  margin: 0;
}

*:focus {
  outline: none !important;
}

html,
body {
  height: 100%;
}

html {
  font-size: 18px;
  -webkit-text-size-adjust: 100%;
}

body {
  padding: 0;
  margin: 0;
  background: #fff;
  font-family: "Raleway", system-ui, sans-serif;
  font-size: 1em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

a,
img,
a img {
  border: none;
}

a {
  position: relative;
  top: 0;
  color: #e6007f;
  font-weight: bold;
  text-decoration: none;
  transition: all 0.15s ease-in-out, top 0s;
  cursor: pointer;
}

a:hover,
a:focus {
  color: #265c73;
  text-decoration: none;
}

a:active {
  top: 1px;
}

button {
  position: relative;
  top: 0;
  transition: all 0.15s ease-in-out, top 0s;
  cursor: pointer;
}

button:active {
  top: 1px;
}

a .fa-arrow-left,
a .fa-arrow-right,
button .fa-arrow-left,
button .fa-arrow-right {
  position: relative;
  transition: transform 0.15s ease-in-out;
  will-change: transform;
}

a:hover .fa-arrow-left,
a:focus .fa-arrow-left,
button:hover .fa-arrow-left,
button:focus .fa-arrow-left {
  transform: translate3d(-0.25em, 0, 0);
}

a:hover .fa-arrow-right,
a:focus .fa-arrow-right,
button:hover .fa-arrow-right,
button:focus .fa-arrow-right {
  transform: translate3d(0.25em, 0, 0);
}

p {
  display: block;
  color: #215165;
  font-size: 1em;
  line-height: 1.618em;
}

p.caption {
  color: #999;
  font-size: 0.875em;
}

hr {
  display: block;
  clear: both;
  width: 100%;
  height: 0;
  margin: 1.5em auto;
  padding: 0;
  border: 0;
  border-top: 2px solid #e9eff1;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  padding: 0;
  margin: 0;
  font-family: "Raleway", system-ui, sans-serif;
  color: #265c73;
  line-height: 1.3em;
  font-weight: 600;
}

.clear {
  display: block;
  width: 100%;
  clear: both;
  height: 0;
}

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

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

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

.text-center .img-responsive {
  margin-left: auto;
  margin-right: auto;
}

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

.text-nowrap {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
}

.img-wide {
  display: block;
  width: 100%;
  height: auto;
}

.btns {
  margin: 1em 0;
}

.btns:first-child {
  margin-top: 0;
}

.btns:last-child {
  margin-bottom: 0;
}

.btns.btns--centered .btns__inner {
  justify-content: center;
}

.btns.btns--vertical .btns__inner {
  flex-direction: column;
}

.btns__inner {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin: -0.5rem;
}

.btns .btn {
  margin: 0.5rem;
}

.btn {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  height: auto;
  width: auto;
  margin: 0;
  padding: 0;
  border-radius: 0;
  border: 0;
  background: none;
  font-family: inherit;
  font-size: 1rem;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.875em 1.75em;
  border-radius: 5em;
  font-family: "Raleway", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.3em;
  font-weight: 600;
  text-align: center;
  text-decoration: none !important;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  cursor: pointer;
  transition: all 0.15s ease-in-out, top 0s;
}

.btn:active {
  top: 1px;
}

.btn:disabled,
.btn.btn--disabled {
  top: 0;
  background-color: #dee7ea !important;
  color: rgba(89, 125, 140, 0.75) !important;
  box-shadow: none !important;
  cursor: not-allowed;
}

.btn:not(.btn--outline) {
  box-shadow: 0 1em 1em -0.5em rgba(33, 81, 101, 0.25);
}

.btn:not(.btn--outline):active {
  box-shadow: 0 0.5em 0.5em -0.25em rgba(33, 81, 101, 0.35);
}

.btn.btn--default,
.btn.btn--white {
  background-color: #fff;
  color: #215165;
}

.btn.btn--default.btn--outline,
.btn.btn--white.btn--outline {
  background: transparent;
  box-shadow: inset 0 0 0 2px #fff;
}

.btn.btn--default:hover,
.btn.btn--default:focus,
.btn.btn--white:hover,
.btn.btn--white:focus {
  background-color: #f4f7f8;
  color: #265c73;
}

.btn.btn--default:active,
.btn.btn--white:active {
  background-color: #e9eff1;
}

.btn.btn--primary {
  background-color: #e6007f;
  color: #fff;
}

.btn.btn--primary.btn--outline {
  background: transparent;
  color: #e6007f;
  box-shadow: inset 0 0 0 2px #e6007f;
}

.btn.btn--primary:hover,
.btn.btn--primary:focus {
  background-color: #eb3399;
  color: #fff;
}

.btn.btn--primary:active {
  background-color: #db0079;
}

.btn.btn--secondary {
  background-color: #0098d9;
  color: #fff;
}

.btn.btn--secondary.btn--outline {
  background: transparent;
  color: #265c73;
  box-shadow: inset 0 0 0 2px #0098d9;
}

.btn.btn--secondary:hover,
.btn.btn--secondary:focus {
  background-color: #1aa2dd;
  color: #fff;
}

.btn.btn--secondary:active {
  background-color: #0090ce;
}

.btn.btn--tertiary {
  background-color: #aec90c;
  color: #fff;
}

.btn.btn--tertiary.btn--outline {
  background: transparent;
  color: #265c73;
  box-shadow: inset 0 0 0 2px #aec90c;
}

.btn.btn--tertiary:hover,
.btn.btn--tertiary:focus {
  background-color: #b6ce24;
  color: #fff;
}

.btn.btn--tertiary:active {
  background-color: #a5bf0b;
}

.btn.btn--success {
  background-color: #aec90c;
  color: #fff;
}

.btn.btn--success:hover,
.btn.btn--success:focus {
  background-color: #b6ce24;
  color: #fff;
}

.btn.btn--success:active {
  background-color: #a5bf0b;
}

.btn.btn--warning {
  background-color: orange;
  color: #fff;
}

.btn.btn--warning:hover,
.btn.btn--warning:focus {
  background-color: #ffae1a;
  color: #fff;
}

.btn.btn--warning:active {
  background-color: #f29d00;
}

.btn.btn--error {
  background-color: red;
  color: #fff;
}

.btn.btn--error:hover,
.btn.btn--error:focus {
  background-color: #ff1a1a;
  color: #fff;
}

.btn.btn--error:active {
  background-color: #f20000;
}

.btn.btn--small {
  font-size: 0.875rem;
}

.btn.btn--x-small {
  font-size: 0.75rem;
}

.btn.btn--large {
  font-size: 1.125rem;
}

.btn.btn--small-padding {
  padding: 0.5em 1.25em;
}

.btn.btn--full {
  width: 100%;
  padding-left: 1em;
  padding-right: 1em;
}

.btn.btn--text-link {
  padding: 0 !important;
  background: none !important;
  box-shadow: none !important;
  color: #e6007f;
}

.btn.btn--text-link.btn--text-link-red {
  color: red;
}

.btn.btn--text-link:hover,
.btn.btn--text-link:focus {
  color: #265c73;
}

.icon-left {
  margin-right: 0.5em;
}

.icon-right {
  margin-left: 0.5em;
}

.icon-center {
  margin: 0 0.5em;
}

.icon-light {
  opacity: 0.5;
}

.spacer {
  display: block;
  clear: both;
  width: 100%;
}

.spacer.spacer10 {
  height: 10px;
}

.spacer.spacer20 {
  height: 20px;
}

.spacer.spacer30 {
  height: 30px;
}

.spacer.spacer40 {
  height: 40px;
}

.spacer.spacer50 {
  height: 50px;
}

.spacer.spacer100 {
  height: 100px;
}

.spacer.spacer250 {
  height: 250px;
}

.spacer.spacer500 {
  height: 500px;
}

.spacer.spacer1000 {
  height: 1000px;
}

.margin {
  margin: 2em 0;
}

.margin:first-child {
  margin-top: 0;
}

.margin:last-child {
  margin-bottom: 0;
}

.margin-top {
  margin-top: 2em;
}

.margin-bottom {
  margin-bottom: 2em;
}

.margin.margin--small {
  margin: 1em 0;
}

.margin.margin--small:first-child {
  margin-top: 0;
}

.margin.margin--small:last-child {
  margin-bottom: 0;
}

.margin.margin--small-top {
  margin-top: 1em;
}

.margin.margin--small-bottom {
  margin-bottom: 1em;
}

.nomargin {
  margin: 0 !important;
}

.nomargin--top {
  margin-top: 0 !important;
}

.nomargin--bottom {
  margin-bottom: 0 !important;
}

.nopadding {
  padding: 0 !important;
}

.nopadding--top {
  padding-top: 0 !important;
}

.nopadding--bottom {
  padding-bottom: 0 !important;
}

.section {
  position: relative;
  z-index: 1;
  margin: 7.5em 0;
}

.section.section--small-margin {
  margin: 3.25em 0;
}

.section.section--small-margin-top {
  margin-top: 3.25em;
}

.section.section--small-margin-bottom {
  margin-bottom: 3.25em;
}

.section.section--large-margin {
  margin: 10.75em 0;
}

.section.section--large-margin-top {
  margin-top: 10.75em;
}

.section.section--large-margin-bottom {
  margin-bottom: 10.75em;
}

.section.section--padding {
  margin: 0;
}

.section.section--padding-top {
  margin-top: 0;
}

.section.section--padding-top .section__inner {
  padding-top: 7.5em;
}

.section.section--padding-top {
  margin-bottom: 0;
}

.section.section--padding-top .section__inner {
  padding-bottom: 7.5em;
}

.section.section--padding.section--small-padding-top .section__inner {
  padding-top: 3.25em;
}

.section.section--padding.section--small-padding-bottom .section__inner {
  padding-bottom: 3.25em;
}

.section.section--padding.section--small-padding .section__inner {
  padding: 3.25em 0;
}

.section.section--padding.section--large-padding-top .section__inner {
  padding-top: 10.75em;
}

.section.section--padding.section--large-padding-bottom .section__inner {
  padding-bottom: 10.75em;
}

.section.section--padding.section--large-padding .section__inner {
  padding: 10.75em 0;
}

.section.section--padding .section__inner {
  padding: 7.5em 0;
}

.section.section--higher-zindex {
  z-index: 5;
}

.section.section--full {
  display: flex;
}

.section.section--full .section__inner {
  display: flex;
  align-items: center;
  width: 100%;
  min-height: 100vh;
}

.section.section--title + section:not(.section--padding) {
  margin-top: 0;
}

.section__background {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.section__background.section__background--grey {
  background-color: #f4f7f8;
}

.section__background.section__background--dark-grey {
  background-color: #e9eff1;
}

.section__background.section__background--prim {
  background-color: #0098d9;
}

.section__background.section__background--sec {
  background-color: #e6007f;
}

.section__background.section__background--tert {
  background-color: #aec90c;
}

.section__background.section__background--image {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.section__background.section__background--fade:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(38, 92, 115, 0.5);
}

.section__background-image {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  width: 60%;
  height: 100%;
  background-color: inherit;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  overflow: hidden;
}

.section__background-image:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: inherit;
  transform-origin: bottom center;
  transform: skew(-10deg) translate3d(-100%, 0, 0);
}

.section__inner {
  position: relative;
  z-index: 2;
}

.section__footer {
  margin: 4em 0 0;
}

.section__footer.section__footer--small-margin {
  margin: 2em 0 0;
}

.section-title {
  margin: 5em 0 2.5em;
}

.section-title:first-child {
  margin-top: 0;
}

.section-title:last-child {
  margin-bottom: 0;
}

.section-title.section-title--inverted .title {
  color: #fff;
}

.section-title.section-title--inverted .subtitle {
  color: #fff;
}

.section-title.section-title--small {
  font-size: 0.75em;
}

.section-title.section-title--large {
  font-size: 1.25em;
}

.section-title.section-title--small-margin {
  margin: 2.5em 0 1.25em;
}

.section-title.section-title--small-margin:first-child {
  margin-top: 0;
}

.section-title.section-title--small-margin:last-child {
  margin-bottom: 0;
}

.section-title .title {
  margin: 1em 0 0.5em;
  font-size: 2.25em;
}

.section-title .title:first-child {
  margin-top: 0;
}

.section-title .title:last-child {
  margin-bottom: 0;
}

.section-title .subtitle {
  margin: 1em 0;
  font-size: 1.125em;
}

.section-title .subtitle:first-child {
  margin-top: 0;
}

.section-title .subtitle:last-child {
  margin-bottom: 0;
}

.col-success {
  color: #aec90c;
}

.col-warning {
  color: orange;
}

.col-error {
  color: red;
}

.slick-list,
.slick-track {
  height: 100%;
}

.display-flex {
  display: flex;
}

.display-block {
  display: block;
}

.display-inline {
  display: inline;
}

.display-inline-block {
  display: inline-block;
}

.float-left {
  float: left;
}

.float-right {
  float: right;
}

.clear-before:before {
  content: "";
  display: table;
  clear: both;
}

.clear-after:after {
  content: "";
  display: table;
  clear: both;
}

mark {
  padding: 0.1em 0.25em;
  border-radius: 0.5em;
  background-color: #d9f0f9;
  color: #1d4556;
}

.input-style-reset {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-radius: 0;
  border: 0;
  background: none;
  font-family: inherit;
}

.fontawesome-base {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.position-static {
  position: static;
}

.position-relative {
  position: relative;
}

.position-absolute {
  position: absolute;
}

.flex-wrapper {
  display: flex;
}

.flex-wrapper.direction-row {
  flex-direction: row;
}

.flex-wrapper.direction-row-reverse {
  flex-direction: row-reverse;
}

.flex-wrapper.direction-column {
  flex-direction: column;
}

.flex-wrapper.direction-column-reverse {
  flex-direction: column-reverse;
}

.flex-wrapper.flex-wrap {
  flex-wrap: wrap;
}

.flex-wrapper.align-start {
  align-items: flex-start;
}

.flex-wrapper.align-center {
  align-items: center;
}

.flex-wrapper.align-end {
  align-items: flex-end;
}

.flex-wrapper.align-stretch {
  align-items: stretch;
}

.flex-wrapper.align-between {
  align-items: space-between;
}

.flex-wrapper.align-around {
  align-items: space-around;
}

.flex-wrapper.justify-start {
  justify-content: flex-start;
}

.flex-wrapper.justify-center {
  justify-content: center;
}

.flex-wrapper.justify-end {
  justify-content: flex-end;
}

.flex-wrapper.justify-between {
  justify-content: space-between;
}

.flex-wrapper.justify-around {
  justify-content: space-around;
}

.flex-spacer,
.flex-grow {
  flex-grow: 1;
}

.flex-shrink {
  flex-shrink: 1;
}

.flex-break {
  width: 100%;
}

::-moz-selection {
  background-color: rgba(230, 0, 127, 0.875);
  color: #fff;
}

::selection {
  background-color: rgba(230, 0, 127, 0.875);
  color: #fff;
}

.hidden {
  display: none !important;
}

.narrow {
  max-width: 800px !important;
}

.x-narrow {
  max-width: 500px !important;
}

.centered {
  margin-left: auto !important;
  margin-right: auto !important;
}

.col-prim {
  color: #0098d9 !important;
}

.col-sec {
  color: #e6007f !important;
}

.col-tert {
  color: #aec90c !important;
}

i.fad {
  --fa-primary-color: $col-prim;
  --fa-secondary-color: $col-sec;
  --fa-secondary-opacity: .75;
}

.monospace {
  font-family: monospace;
}

/*
==========================================================================
    Font Face
==========================================================================
*/

/*
==========================================================================
	Animations
    Great CSS animation resource: http://animista.net

    Animate IN
==========================================================================
*/

@keyframes fade-in {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fade-in-up {
  0% {
    opacity: 0;
    transform: translate3d(0, 10vh, 0);
  }

  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fade-in-down {
  0% {
    opacity: 0;
    transform: translate3d(0, -10vh, 0);
  }

  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fade-in-left {
  0% {
    opacity: 0;
    transform: translate3d(10vw, 0, 0);
  }

  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fade-in-right {
  0% {
    opacity: 0;
    transform: translate3d(-10vw, 0, 0);
  }

  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fade-in-scale-down {
  0% {
    opacity: 0;
    transform: scale(1.5);
  }

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

@keyframes fade-in-scale-up {
  0% {
    opacity: 0;
    transform: scale(0.5);
  }

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

/*
==========================================================================
    Animate OUT
==========================================================================
*/

@keyframes fade-out {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes fade-out-up {
  0% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }

  100% {
    opacity: 0;
    transform: translate3d(0, -10vh, 0);
  }
}

@keyframes fade-out-down {
  0% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }

  100% {
    opacity: 0;
    transform: translate3d(0, 10vh, 0);
  }
}

@keyframes fade-out-left {
  0% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }

  100% {
    opacity: 0;
    transform: translate3d(-10vw, 0, 0);
  }
}

@keyframes fade-out-right {
  0% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }

  100% {
    opacity: 0;
    transform: translate3d(10vw, 0, 0);
  }
}

@keyframes fade-out-scale-down {
  0% {
    opacity: 1;
    transform: scale(1);
  }

  100% {
    opacity: 0;
    transform: scale(0.5);
  }
}

@keyframes fade-out-scale-up {
  0% {
    opacity: 1;
    transform: scale(1);
  }

  100% {
    opacity: 0;
    transform: scale(1.5);
  }
}

/*
==========================================================================
    Rotation
==========================================================================
*/

@keyframes rotate-90-clockwise {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(90deg);
  }
}

@keyframes rotate-90-counter-clockwise {
  0% {
    transform: rotate(0deg);
  }

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

@keyframes rotate-180-clockwise {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(180deg);
  }
}

@keyframes rotate-180-counter-clockwise {
  0% {
    transform: rotate(0deg);
  }

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

@keyframes rotate-360-clockwise {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

@keyframes rotate-360-counter-clockwise {
  0% {
    transform: rotate(0deg);
  }

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

/* Custom */

@keyframes corner-animal-peek {
  0%, 40%, 100% {
    transform: translate3d(0, 0, 0);
  }

  85% {
    transform: translate3d(0, -4em, 0);
  }

  95% {
    transform: translate3d(0, -3em, 0);
  }
}

/**
 * Custom grid system
**/

.container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

.container.container--fluid {
  width: 100%;
}

.container.container--narrow {
  max-width: 991px;
}

@media (min-width: 768px) {
  .container {
    width: 720px;
  }
}

@media (min-width: 992px) {
  .container {
    width: 960px;
  }
}

@media (min-width: 1200px) {
  .container {
    width: 1140px;
  }
}

@media (min-width: 1400px) {
  .container {
    width: 1360px;
  }
}

/*
==========================================================================
    .content-wrapper styles
==========================================================================
*/

.content.content--inverted {
  color: #fff;
}

.content.content--inverted * {
  color: inherit;
}

.content.content--columns {
  -moz-column-count: 2;
       column-count: 2;
  -moz-column-gap: 60px;
       column-gap: 60px;
}

.content.content--large {
  font-size: 1.125em;
}

.content.content--small {
  font-size: 0.875em;
}

.content.content--light {
  opacity: 0.5;
}

.content.content--light * {
  color: #1d4556;
}

.content.content--margin {
  margin: 1.5em 0;
}

.content.content--margin:first-child {
  margin-top: 0;
}

.content.content--margin:last-child {
  margin-bottom: 0;
}

.content .wp-caption {
  max-width: 100%;
  margin: 2em auto;
}

.content .wp-caption.alignleft {
  float: left;
  margin: 2em 2.5em 2em 0;
}

.content .wp-caption.alignright {
  float: right;
  margin: 2em 0 2em 2.5em;
}

.content .wp-caption.aligncenter {
  display: block;
  margin: 2em auto;
}

.content .wp-caption:first-child {
  margin-top: 0;
}

.content .wp-caption:last-child {
  margin-bottom: 0;
}

.content .wp-caption .wp-caption-text {
  margin: 1em 0 0;
  color: #265c73;
  font-size: 0.875em;
  font-style: italic;
}

.content img {
  display: block;
  max-width: 100%;
  height: auto;
  border-radius: 0.25em;
}

.content img.alignnone {
  display: block;
  margin: 2em auto;
}

.content img.alignleft {
  float: left;
  margin: 2em 2.5em 2em 0;
}

.content img.alignright {
  float: right;
  margin: 2em 0 2em 2.5em;
}

.content img.aligncenter {
  display: block;
  margin: 2em auto;
}

.content h1,
.content h2,
.content h3,
.content h4,
.content h5,
.content h6 {
  clear: both;
  margin: 1.5em 0 0.25em;
}

.content h1:first-child,
.content h2:first-child,
.content h3:first-child,
.content h4:first-child,
.content h5:first-child,
.content h6:first-child {
  margin-top: 0;
}

.content h1:last-child,
.content h2:last-child,
.content h3:last-child,
.content h4:last-child,
.content h5:last-child,
.content h6:last-child {
  margin-bottom: 0;
}

.content h1 {
  font-size: 2em;
}

.content h2 {
  font-size: 1.5em;
}

.content h3 {
  font-size: 1.25em;
}

.content h4 {
  font-size: 1.125em;
}

.content h5 {
  font-size: 1em;
}

.content h6 {
  font-size: 1em;
}

.content p {
  margin: 1.25em 0;
  line-height: 1.618em;
}

.content p:first-child {
  margin-top: 0;
}

.content p:last-child {
  margin-bottom: 0;
}

.content p .btn {
  margin: 10px 5px 0;
}

.content p .btn:first-child {
  margin-left: 0;
}

.content p .btn:last-child {
  margin-right: 0;
}

.content p .btn.btn-full {
  margin-left: 0;
  margin-right: 0;
}

.content p.intro {
  color: #597d8c;
  font-size: 1.25em;
}

.content p.micro {
  color: #597d8c;
  font-size: 0.75rem;
}

.content ul,
.content ol {
  margin: 2em 0 2em 1.5em;
}

.content ul:first-child,
.content ol:first-child {
  margin-top: 0;
}

.content ul:last-child,
.content ol:last-child {
  margin-bottom: 0;
}

.content ul.list-icons,
.content ol.list-icons {
  list-style: none;
  margin-left: 2.5em;
  text-align: left;
}

.content ul.list-icons li,
.content ol.list-icons li {
  position: relative;
}

.content ul.list-icons li .item-icon,
.content ol.list-icons li .item-icon {
  position: absolute;
  top: 0.25em;
  right: calc(100% + 10px);
  width: 2em;
  color: #0098d9;
  font-size: 1rem;
  line-height: 1em;
  text-align: center;
}

.content ul.list-checked,
.content ol.list-checked {
  list-style: none;
  margin-left: 40px;
  text-align: left;
}

.content ul.list-checked li,
.content ol.list-checked li {
  position: relative;
}

.content ul.list-checked li .item-icon,
.content ol.list-checked li .item-icon {
  position: absolute;
  top: calc(3px + 0.25rem);
  right: calc(100% + 10px);
  width: 30px;
  color: #0098d9;
  font-size: 1rem;
  line-height: 1em;
  text-align: center;
}

.content ul li,
.content ol li {
  color: #265c73;
  line-height: 1.5em;
}

.content ul li:not(:first-child),
.content ol li:not(:first-child) {
  margin-top: 0.5em;
}

.content blockquote {
  max-width: 700px;
  margin: 2em auto;
  text-align: center;
}

.content blockquote:first-child {
  margin-top: 0;
}

.content blockquote:last-child {
  margin-bottom: 0;
}

.content blockquote p {
  font-family: "Raleway", system-ui, sans-serif;
  color: #0098d9;
  font-size: 1.5em;
  line-height: 1.5em;
  font-style: italic;
}

.content blockquote p:first-child:before {
  content: open-quote;
}

.content blockquote p:last-child:after {
  content: close-quote;
}

.content .table-wrapper {
  position: relative;
  display: flex;
  margin: 2em -15px;
  overflow-x: auto;
  padding: 0 15px;
  white-space: nowrap;
}

.content .table-wrapper:first-child {
  margin-top: 0;
}

.content .table-wrapper:last-child {
  margin-bottom: 0;
}

.content .table-wrapper:after {
  content: "";
  min-width: 15px;
}

.content .table-wrapper::-webkit-scrollbar {
  height: 0;
  width: 0;
}

.content table {
  width: 100%;
  margin: 2em 0;
  border-collapse: collapse;
  color: #265c73;
  font-size: 1em;
}

.content table:first-child {
  margin-top: 0;
}

.content table:last-child {
  margin-bottom: 0;
}

.content table th,
.content table td {
  padding: 0.75em;
}

.content table tr:nth-child(odd) {
  background-color: rgba(0, 0, 0, 0.025);
}

.content table tr:not(:last-child) th,
.content table tr:not(:last-child) td {
  border-bottom: 2px solid #e9eff1;
}

.content iframe {
  max-width: 100%;
  margin: 3em 0;
}

.content iframe:first-child {
  margin-top: 0;
}

.content iframe:last-child {
  margin-bottom: 0;
}

.content pre {
  display: block;
  margin: 2em 0;
  padding: 1em 1.5em;
  border-radius: 0.5em;
  border: 1px solid #d4dee3;
  background-color: #f4f7f8;
  font-family: monospace;
  color: #265c73;
  font-size: 1em;
  line-height: 1.5em;
  white-space: normal;
}

.content pre:first-child {
  margin-top: 0;
}

.content pre:last-child {
  margin-bottom: 0;
}

.content .content-highlight {
  display: block;
  margin: 3em -1.5em;
  padding: 1.5em;
  border-radius: 0.5em;
  border: 1px solid #80ccec;
  background-color: #e6f5fb;
  color: #007aae;
}

.content .content-highlight:first-child {
  margin-top: 0;
}

.content .content-highlight:last-child {
  margin-bottom: 0;
}

.content .content-highlight * {
  color: inherit;
}

/*
==========================================================================
    Components
==========================================================================
*/

.nivo-lightbox-theme-default .nivo-lightbox-close {
  background-position: center;
}

.responsive-component {
  position: relative;
  max-width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  overflow: hidden;
}

.responsive-component iframe,
.responsive-component object,
.responsive-component embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* hide slick sliders on page load, show when initialized */

.slick-slider {
  display: none;
}

.slick-slider.slick-initialized {
  display: block;
}

.page-wrapper {
  position: relative;
  height: 100%;
  overflow: hidden;
}

.orb {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.5em;
  height: 1.5em;
  padding-bottom: 0.25em;
  border-radius: 10em;
  background-color: #e6007f;
  color: #fff;
  font-size: 0.5em;
  font-weight: bold;
  line-height: 1em;
  text-align: center;
}

.clean-list {
  list-style: none;
  color: #215165;
}

.clean-list li {
  margin: 0.25em 0;
}

.clean-list li:first-child {
  margin-top: 0;
}

.clean-list li:last-child {
  margin-bottom: 0;
}

.clean-list strong {
  color: #265c73;
}

.swipe-progress {
  position: relative;
  width: 4em;
  padding: 0.5em 0;
  border-radius: 0.25em;
  background-color: #215165;
  color: #fff;
  font-size: 0.75rem;
  font-weight: bold;
  text-align: center;
  overflow: hidden;
}

.swipe-progress__bar {
  position: absolute;
  left: 0;
  bottom: 0;
  border-top: 3px solid #aec90c;
}

.delta {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 4em;
  padding: 0.35em 0;
  border-radius: 0.5em;
  background-color: #e6f5fb;
  color: #e6007f;
  font-size: 0.75em;
  text-align: center;
}

.delta.delta--positive {
  background-color: #f3f7db;
  color: #aec90c;
}

.delta.delta--negative {
  background-color: #e6f5fb;
  color: #0098d9;
}

.delta__icon {
  margin: 0 0.5em;
}

.delta__icon:first-child {
  margin-left: 0;
}

.delta__icon:last-child {
  margin-right: 0;
}

.large-token {
  margin: 1.5em 0;
  display: flex;
  align-items: center;
  padding: 0.5rem;
  border-radius: 0.5em;
  background-color: rgba(0, 152, 217, 0.1);
}

.large-token:first-child {
  margin-top: 0;
}

.large-token:last-child {
  margin-bottom: 0;
}

.large-token > * {
  margin: 0 0.25rem;
}

.large-token > *:first-child {
  margin-left: 0;
}

.large-token > *:last-child {
  margin-right: 0;
}

.large-token__character {
  flex: 1 1 0;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 3em;
  padding: 0 0.15em;
  border-radius: 0.25em;
  border: 2px solid rgba(0, 152, 217, 0.25);
  background-color: #fff;
  font-family: monospace;
  color: #0098d9;
  font-weight: bold;
  text-align: center;
}

.large-token__divider {
  color: #597d8c;
  font-weight: bold;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

/*
==========================================================================
    Header
==========================================================================
*/

.masthead {
  position: absolute;
  z-index: 50;
  width: 100%;
}

.masthead.masthead--inline {
  position: relative;
}

.masthead > .container {
  padding: 0 1.5em;
}

.masthead__inner {
  display: flex;
  align-items: center;
  height: 6rem;
}

.masthead__inner > :not(:first-child) {
  margin-left: 3em;
}

.masthead__logo {
  display: block;
  margin-right: auto;
}

.masthead__logo img,
.masthead__logo svg {
  display: block;
  width: auto;
  height: 2.5em;
}

/*
==========================================================================
	Footer
==========================================================================
*/

/*
==========================================================================
	Forms - Base element styling
==========================================================================
*/

input,
textarea,
select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  height: auto;
  width: auto;
  margin: 0;
  padding: 0;
  border-radius: 0;
  border: 0;
  background: none;
  font-family: inherit;
  font-size: 1rem;
  width: 100%;
  height: 2em;
  padding: 0 1em;
  border-radius: 0.25em;
  border: 2px solid #d4dee3;
  background-color: #fff;
  color: #265c73;
  transition: all 0.15s ease-in-out;
}

input:hover,
textarea:hover,
select:hover {
  border-color: #90a8b2;
}

input:focus,
textarea:focus,
select:focus {
  border-color: #0098d9;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder,
select::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: rgba(38, 92, 115, 0.35);
}

input::-moz-placeholder,
textarea::-moz-placeholder,
select::-moz-placeholder {
  /* Firefox 19+ */
  color: rgba(38, 92, 115, 0.35);
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder,
select:-ms-input-placeholder {
  /* IE 10+ */
  color: rgba(38, 92, 115, 0.35);
}

input:-moz-placeholder,
textarea:-moz-placeholder,
select:-moz-placeholder {
  /* Firefox 18- */
  color: rgba(38, 92, 115, 0.35);
}

input:disabled,
textarea:disabled,
select:disabled {
  border-color: #dee7ea;
  background-color: #f4f7f8;
  color: #90a8b2;
  cursor: not-allowed;
}

select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  height: auto;
  width: auto;
  margin: 0;
  padding: 0;
  border-radius: 0;
  border: 0;
  background: none;
  font-family: inherit;
  font-size: 1rem;
  height: 2.25em;
  padding: 0 2em 0 0.5em;
  border-radius: 0.25em;
  border: 2px solid #d4dee3;
  font-size: inherit;
  transition: all 0.15s ease-out, top 0s;
  cursor: pointer;
}

select:hover {
  border-color: #90a8b2;
}

select:focus {
  border-color: #0098d9;
}

input:not([type=radio]):not([type=checkbox]):not([type=file]):not([type=button]):not([type=submit]):-moz-read-only, textarea:-moz-read-only {
  border-color: #90a8b2;
  background-color: #e9eff1;
  color: #597d8c;
  cursor: not-allowed;
}

input:not([type=radio]):not([type=checkbox]):not([type=file]):not([type=button]):not([type=submit]):read-only,
textarea:read-only {
  border-color: #90a8b2;
  background-color: #e9eff1;
  color: #597d8c;
  cursor: not-allowed;
}

textarea {
  height: auto;
  padding: 1em;
  line-height: 1.5em;
}

select {
  cursor: pointer;
}

.fields.fields--larger-gap .field {
  margin: 2em 0;
}

.fields.fields--larger-gap .field:first-child {
  margin-top: 0;
}

.fields.fields--larger-gap .field:last-child {
  margin-bottom: 0;
}

.fields .field-row {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  margin: -0.675em -0.35em;
}

.fields .field-row:first-child {
  margin-top: 0;
}

.fields .field-row:last-child {
  margin-bottom: 0;
}

.fields .field-row + .field-row {
  margin-top: 0.575em;
}

.fields .field-row__label {
  display: block;
  width: 100%;
  margin: 0.675em 0.35em 0;
  font-size: 0.875em;
  color: #215165;
}

.fields .field-row__label .required {
  position: relative;
  top: -0.1em;
  color: #e6007f;
  font-size: 0.75rem;
}

.fields .field-row .field {
  flex: 1 1 0;
  min-width: 250px;
  margin: 0.675em 0.35em !important;
}

.fields .field-row .field.field--x-small {
  flex-grow: 0;
  min-width: 8em;
}

.fields .field-row .field.field--small {
  flex-grow: 0.5;
  min-width: 150px;
}

.fields .field-row .field.field--large {
  flex-grow: 2;
  min-width: 350px;
}

.fields .field {
  margin: 1.25em 0;
}

.fields .field:first-child {
  margin-top: 0;
}

.fields .field:last-child {
  margin-bottom: 0;
}

.fields .field.field--error input:not([type=radio]):not([type=checkbox]):not([type=file]):not([type=button]):not([type=submit]),
.fields .field.field--error textarea,
.fields .field.field--error select {
  border-color: red;
  background-color: #ffe6e6;
}

.fields .field.field--error .field__description.field__description--error-message {
  color: red;
}

.fields .field.field--success input:not([type=radio]):not([type=checkbox]):not([type=file]):not([type=button]):not([type=submit]),
.fields .field.field--success textarea,
.fields .field.field--success select {
  border-color: #aec90c;
  background-color: #f7fae7;
}

.fields .field.field--success .field__description.field__description--error-message {
  color: #aec90c;
}

.fields .field.field--flex {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.fields .field__label {
  display: block;
  margin: 0.5em 0;
  font-size: 0.875em;
  color: #215165;
}

.fields .field__label:first-child {
  margin-top: 0;
}

.fields .field__label:last-child {
  margin-bottom: 0;
}

.fields .field__label[for] {
  cursor: pointer;
}

.fields .field__label.field__label--small {
  font-size: 0.75em;
}

.fields .field__label .required {
  position: relative;
  top: -0.1em;
  color: #e6007f;
  font-size: 0.75rem;
}

.fields .field__input-container {
  position: relative;
}

.fields .field__options {
  margin: 1em 0;
}

.fields .field__options:first-child {
  margin-top: 0;
}

.fields .field__options:last-child {
  margin-bottom: 0;
}

.fields .field__icon {
  position: absolute;
  top: 0;
  height: 100%;
  width: 1.25em;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #90a8b2;
  font-size: 0.875em;
  line-height: 1em;
  text-align: center;
  pointer-events: none;
}

.fields .field__icon.field__icon--left {
  left: 1em;
}

.fields .field__icon.field__icon--left ~ .field__input {
  padding-left: 2.5em !important;
}

.fields .field__icon.field__icon--right {
  right: 1em;
}

.fields .field__icon.field__icon--right ~ .field__input {
  padding-right: 2.5em !important;
}

.fields .field__description {
  margin: 0.75em 0;
  font-size: 0.875em;
  color: #597d8c;
}

.fields .field__description:first-child {
  margin-top: 0;
}

.fields .field__description:last-child {
  margin-bottom: 0;
}

.fields hr {
  margin: 1.5em 0;
  border-style: dashed;
}

.radio-blocks.radio-blocks--pricing .radio-blocks__grid .radio {
  width: calc(100% - 1em);
}

.radio-blocks.radio-blocks--pricing .radio__inner {
  flex-direction: row;
  padding: 1.125em 1.25em;
}

.radio-blocks.radio-blocks--pricing .radio__fancy-input,
.radio-blocks.radio-blocks--pricing .radio__label,
.radio-blocks.radio-blocks--pricing .radio__discount {
  margin-right: 1rem;
}

.radio-blocks.radio-blocks--pricing .radio__discount {
  display: inline-block;
  padding: 0.35em 0.75em;
  border-radius: 0.5em;
  background-color: #fff2d9;
  color: orange;
  font-size: 0.875em;
  font-weight: bold;
}

.radio-blocks.radio-blocks--pricing .radio__price {
  margin-left: auto;
  color: #e6007f;
  font-weight: bold;
  line-height: 1.3em;
}

.radio-blocks.radio-blocks--pricing .radio__price small {
  color: #90a8b2;
  font-size: 0.875rem;
  font-weight: normal;
}

.radio-blocks__grid {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: center;
  margin: -0.5em;
}

.radio-blocks__grid .radio {
  width: calc(50% - 1em);
  margin: 0.5em;
}

.radio-blocks .radio {
  display: flex;
  cursor: pointer;
}

.radio-blocks .radio:hover .radio__inner,
.radio-blocks .radio:focus .radio__inner {
  box-shadow: 0 0 0 1px rgba(0, 152, 217, 0.25), 0 0 0 3px rgba(0, 152, 217, 0.125);
}

.radio-blocks .radio__input {
  position: absolute;
  left: -9999px;
  opacity: 0;
}

.radio-blocks .radio__input:checked + .radio__inner {
  box-shadow: 0 0 0 1px #0098d9, 0 0 0 3px rgba(0, 152, 217, 0.25);
}

.radio-blocks .radio__input:checked + .radio__inner .radio__fancy-input {
  border-color: transparent;
  background-color: #e6007f;
  color: #fff;
}

.radio-blocks .radio__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 1em;
  border-radius: 0.25em;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05), 0 2px 2px rgba(0, 0, 0, 0.075);
  transition: all 0.15s ease-in-out;
}

.radio-blocks .radio__icon {
  margin: 0 0 0.35em;
  color: #597d8c;
  font-size: 1.75em;
}

.radio-blocks .radio__fancy-input {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2em;
  height: 2em;
  padding-top: 0.1em;
  border-radius: 50%;
  border: 2px solid #e9eff1;
  background-color: #fff;
  color: transparent;
  font-size: 0.75rem;
  line-height: 1em;
  text-align: center;
  transition: all 0.15s ease-out;
}

.radio-blocks .radio__label {
  font-size: 1em;
}

.radio-blocks .radio__description {
  margin: 0.25em 0 0;
  color: #597d8c;
  font-size: 0.875em;
  line-height: 1.5em;
}

.checkbox-toggle {
  cursor: pointer;
}

.checkbox-toggle__input {
  position: absolute;
  left: -9999px;
  opacity: 0;
}

.checkbox-toggle__input:checked + .checkbox-toggle__inner .checkbox-toggle__ui {
  background-color: #aec90c;
}

.checkbox-toggle__input:checked + .checkbox-toggle__inner .checkbox-toggle__handle {
  left: 1em;
}

.checkbox-toggle__input:checked + .checkbox-toggle__inner .checkbox-toggle__label {
  font-weight: bold;
}

.checkbox-toggle__inner {
  display: flex;
  align-items: center;
}

.checkbox-toggle__ui {
  position: relative;
  width: 2em;
  height: 1em;
  border-radius: 1em;
  background-color: #e9eff1;
  transition: all 0.15s ease-out;
}

.checkbox-toggle__handle {
  position: absolute;
  top: 0;
  left: 0;
  height: 1em;
  width: 1em;
  border-radius: 50%;
  background-color: #fff;
  transition: all 0.15s ease-out;
  transform: scale(1.1);
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05), 0 2px 2px rgba(0, 0, 0, 0.075);
}

.checkbox-toggle__label {
  margin-left: 0.75em;
  color: #597d8c;
  font-size: 0.875em;
}

.fancy-checkbox-row,
.fancy-radio-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: 0 -0.75em;
}

.fancy-checkbox-row[class*="--small"],
.fancy-radio-row[class*="--small"] {
  font-size: 0.875em;
}

.fancy-checkbox-row .fancy-checkbox,
.fancy-checkbox-row .fancy-radio,
.fancy-radio-row .fancy-checkbox,
.fancy-radio-row .fancy-radio {
  margin: 0.25em 0.75em;
}

.fancy-checkbox,
.fancy-radio {
  position: relative;
  display: flex;
  align-items: center;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.fancy-checkbox__input,
.fancy-radio__input {
  position: absolute;
  opacity: 0;
}

.fancy-checkbox__custom-input,
.fancy-radio__custom-input {
  position: relative;
  top: 0.15em;
  flex-shrink: 0;
  align-self: flex-start;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.25em;
  height: 1.25em;
  background-color: #fff;
  color: #fff;
  font-size: 1em;
  line-height: 1em;
  box-shadow: inset 0 0 0 2px #d4dee3, inset 0 0.125em 0.25em #e9eff1;
  transition: all 0.15s ease-in-out;
}

.fancy-checkbox__label,
.fancy-radio__label {
  flex-grow: 1;
  font-family: "Raleway", system-ui, sans-serif;
  color: #215165;
  line-height: 1.618em;
  transition: color 0.15s ease-in-out;
}

.fancy-checkbox__label > :not(:first-child),
.fancy-radio__label > :not(:first-child) {
  margin-left: 0.25em;
}

.fancy-checkbox:hover,
.fancy-checkbox:focus-within {
  text-decoration: none;
}

.fancy-checkbox:hover .fancy-checkbox__custom-input,
.fancy-checkbox:focus-within .fancy-checkbox__custom-input {
  box-shadow: inset 0 0 0 2px #90a8b2, inset 0 0.125em 0.25em #e9eff1;
}

.fancy-checkbox__input:checked + .fancy-checkbox__custom-input {
  box-shadow: inset 0 0 0 0 #d4dee3, inset 0 0 0 1em #0098d9;
}

.fancy-checkbox__input:checked ~ .fancy-checkbox__label {
  color: #265c73;
  font-weight: bold;
}

.fancy-checkbox__custom-input {
  margin-right: 0.75em;
  border-radius: 0.25em;
}

.fancy-radio:hover,
.fancy-radio:focus-within {
  text-decoration: none;
}

.fancy-radio:hover .fancy-radio__custom-input,
.fancy-radio:focus-within .fancy-radio__custom-input {
  box-shadow: inset 0 0 0 2px #90a8b2, inset 0 0.125em 0.25em #e9eff1;
}

.fancy-radio__input:checked + .fancy-radio__custom-input {
  box-shadow: inset 0 0 0 0 #d4dee3, inset 0 0 0 #e9eff1, inset 0 0 0 0.35em #0098d9;
}

.fancy-radio__input:checked ~ .fancy-radio__label {
  color: #265c73;
  font-weight: bold;
}

.fancy-radio__custom-input {
  margin-right: 0.5em;
  border-radius: 50%;
}

.select__input-container {
  position: relative;
  margin-right: 0.5em;
}

.select__input-container select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  height: auto;
  width: auto;
  margin: 0;
  padding: 0;
  border-radius: 0;
  border: 0;
  background: none;
  font-family: inherit;
  font-size: 1rem;
  height: 2.25em;
  padding: 0 2em 0 0.5em;
  border-radius: 0.25em;
  border: 2px solid #d4dee3;
  font-size: inherit;
  transition: all 0.15s ease-out, top 0s;
  cursor: pointer;
}

.select__input-container select:hover {
  border-color: #90a8b2;
}

.select__input-container select:focus {
  border-color: #0098d9;
}

.select__input-container .select__icon {
  position: absolute;
  top: 0;
  right: 0.5em;
  height: 100%;
  width: 1.25em;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #90a8b2;
  font-size: 0.875em;
  line-height: 1em;
  text-align: center;
  pointer-events: none;
}

/*
==========================================================================
	Filters
==========================================================================
*/

/*
==========================================================================
    Modals
==========================================================================
*/

.modals {
  position: fixed;
  z-index: 9999;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  height: 100%;
  background-color: rgba(89, 125, 140, 0.5);
}

.modals .modals__inner {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 1rem;
}

.modals .modal {
  position: relative;
  display: none;
  width: 800px;
  max-width: 90%;
  border-radius: 0.5em;
  background-color: #fff;
  box-shadow: 0 0.5em 1em rgba(38, 92, 115, 0.05);
  opacity: 0;
  transform: translate3d(0, 2.5vh, 0);
  transition: all 0.15s ease-in-out;
  overflow: hidden;
}

.modals .modal.modal--visible {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

.modals .modal__close {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  height: auto;
  width: auto;
  margin: 0;
  padding: 0;
  border-radius: 0;
  border: 0;
  background: none;
  font-family: inherit;
  font-size: 1rem;
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.5em;
  height: 2.5em;
  color: #d4dee3;
  font-size: 1.25em;
  line-height: 1em;
  cursor: pointer;
  transition: all 0.15s ease-in-out, top 0s;
}

.modals .modal__close:hover,
.modals .modal__close:focus {
  color: #597d8c;
}

.modals .modal__scroll-container {
  max-height: 80vh;
  padding: 1.5em 2.5em 2em;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

@media only screen and (max-width: 991px) {
  .modals .modal__scroll-container {
    max-height: 60vh;
  }
}

@media only screen and (max-width: 480px) {
  .modals .modal {
    max-width: none;
  }
}

/*
==========================================================================
    Popovers (Bootstrap)
==========================================================================
*/

.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: none;
  max-width: 250px;
  padding: 0;
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  line-break: auto;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  font-size: 1rem;
  background-clip: padding-box;
  border-radius: 0.25em;
  background-color: #e6007f;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.05);
}

.popover.top {
  margin-top: -15px;
}

.popover.right {
  margin-left: 15px;
}

.popover.bottom {
  margin-top: 15px;
}

.popover.left {
  margin-left: -15px;
}

.popover-title {
  padding: 10px 15px;
  border-radius: 0.25em 0.25em 0 0;
  background-color: #e91a8c;
  color: #fff;
  font-size: 0.875em;
}

.popover-content {
  padding: 15px;
  color: #fff;
  font-size: 0.75em;
  line-height: 1.618em;
}

.popover-content * {
  color: inherit;
}

.popover-content h1,
.popover-content h2,
.popover-content h3,
.popover-content h4,
.popover-content h5,
.popover-content h6 {
  margin: 1em 0 0.25em;
}

.popover-content h1:first-child,
.popover-content h2:first-child,
.popover-content h3:first-child,
.popover-content h4:first-child,
.popover-content h5:first-child,
.popover-content h6:first-child {
  margin-top: 0;
}

.popover-content h1:last-child,
.popover-content h2:last-child,
.popover-content h3:last-child,
.popover-content h4:last-child,
.popover-content h5:last-child,
.popover-content h6:last-child {
  margin-bottom: 0;
}

.popover-content ul,
.popover-content ol {
  margin: 10px 15px;
}

.popover-content ul:first-child,
.popover-content ol:first-child {
  margin-top: 0;
}

.popover-content ul:last-child,
.popover-content ol:last-child {
  margin-bottom: 0;
}

.popover > .arrow,
.popover > .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.popover > .arrow {
  border-width: 11px;
}

.popover > .arrow:after {
  border-width: 10px;
  content: "";
}

.popover.top > .arrow {
  left: 50%;
  margin-left: -11px;
  border-bottom-width: 0;
  border-top-color: #cf0072;
  bottom: -11px;
}

.popover.top > .arrow:after {
  content: " ";
  bottom: 1px;
  margin-left: -10px;
  border-bottom-width: 0;
  border-top-color: #e6007f;
}

.popover.right > .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-left-width: 0;
  border-right-color: #cf0072;
}

.popover.right > .arrow:after {
  content: " ";
  left: 1px;
  bottom: -10px;
  border-left-width: 0;
  border-right-color: #e6007f;
}

.popover.bottom > .arrow {
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #cf0072;
  top: -11px;
}

.popover.bottom > .arrow:after {
  content: " ";
  top: 1px;
  margin-left: -10px;
  border-top-width: 0;
  border-bottom-color: #e6007f;
}

.popover.left > .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: #cf0072;
}

.popover.left > .arrow:after {
  content: " ";
  right: 1px;
  border-right-width: 0;
  border-left-color: #e6007f;
  bottom: -10px;
}

/*
==========================================================================
    Tooltips (Bootstrap)
==========================================================================
*/

.tooltip {
  position: absolute;
  z-index: 500;
  display: block;
  font-family: "Raleway", system-ui, sans-serif;
  font-size: 0.875em;
  line-height: 1.3em;
  font-weight: 600;
  opacity: 0;
}

.tooltip.in {
  opacity: 1;
}

.tooltip.top {
  margin-top: -3px;
  padding: 0.5em 0;
}

.tooltip.right {
  margin-left: 3px;
  padding: 0 0.5em;
}

.tooltip.bottom {
  margin-top: 3px;
  padding: 0.5em 0;
}

.tooltip.left {
  margin-left: -3px;
  padding: 0 0.5em;
}

.tooltip-inner {
  max-width: 200px;
  padding: 0.4em 0.75em;
  border-radius: 0.5em;
  background-color: #265c73;
  color: #fff;
  font-size: 0.875em;
  text-align: center;
  box-shadow: 0 0 0 1px #265c73;
}

.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -0.5em;
  border-width: 0.5em 0.5em 0;
  border-top-color: #265c73;
}

.tooltip.top-left .tooltip-arrow {
  bottom: 0;
  right: 0.5em;
  margin-bottom: -0.5em;
  border-width: 0.5em 0.5em 0;
  border-top-color: #265c73;
}

.tooltip.top-right .tooltip-arrow {
  bottom: 0;
  left: 0.5em;
  margin-bottom: -0.5em;
  border-width: 0.5em 0.5em 0;
  border-top-color: #265c73;
}

.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -0.5em;
  border-width: 0.5em 0.5em 0.5em 0;
  border-right-color: #265c73;
}

.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -0.5em;
  border-width: 0.5em 0 0.5em 0.5em;
  border-left-color: #265c73;
}

.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -0.5em;
  border-width: 0 0.5em 0.5em;
  border-bottom-color: #265c73;
}

.tooltip.bottom-left .tooltip-arrow {
  top: 0;
  right: 0.5em;
  margin-top: -0.5em;
  border-width: 0 0.5em 0.5em;
  border-bottom-color: #265c73;
}

.tooltip.bottom-right .tooltip-arrow {
  top: 0;
  left: 0.5em;
  margin-top: -0.5em;
  border-width: 0 0.5em 0.5em;
  border-bottom-color: #265c73;
}

/*
==========================================================================
	Widgets
==========================================================================
*/

/*
==========================================================================
    Custom Icons
==========================================================================
*/

.hamburger {
  position: relative;
  display: inline-block;
  width: 1.5em;
  height: 1em;
}

.hamburger.hamburger--active .hamburger__inner {
  transition-delay: 0.24s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  transform: rotate(45deg);
}

.hamburger.hamburger--active .hamburger__inner:before {
  top: 0;
  opacity: 0;
  transition: top 0.15s ease-in-out, opacity 0.15s ease-in-out 0.24s;
}

.hamburger.hamburger--active .hamburger__inner:after {
  bottom: 0;
  transform: rotate(-90deg);
  transition: bottom 0.15s ease-in-out, transform 0.15s cubic-bezier(0.215, 0.61, 0.355, 1) 0.24s;
}

.hamburger__inner,
.hamburger__inner:before,
.hamburger__inner:after {
  position: absolute;
  display: block;
  width: 100%;
  height: 0.125em;
  background-color: #0098d9;
  transition-property: transform;
  transition-duration: 0.3s;
  transition-timing-function: ease-in-out;
}

.hamburger__inner {
  top: 50%;
  margin-top: -0.0625em;
  transition-duration: 0.15s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger__inner:before,
.hamburger__inner:after {
  content: "";
}

.hamburger__inner:before {
  top: -0.4375em;
  transition: top 0.15s ease-in-out 0.24s, opacity 0.15s ease-in-out;
}

.hamburger__inner:after {
  bottom: -0.4375em;
  transition: bottom 0.15s ease-in-out 0.24s, transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

/*
==========================================================================
	Columns
==========================================================================
*/

.columns {
  margin: 1.5em 0;
}

.columns:first-child {
  margin-top: 0;
}

.columns:last-child {
  margin-bottom: 0;
}

.columns__grid {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: flex-start;
  margin: -1.5em;
}

.columns__grid.columns__grid--align-center {
  align-items: center;
}

.columns__grid.columns__grid--justify-center {
  justify-content: center;
}

.columns__grid.columns__grid--large-gap {
  margin: -1.5em -2.5em;
}

.columns__grid.columns__grid--large-gap .column {
  margin: 1.5em 2.5em;
}

.columns__grid.columns__grid--large-gap .column.column--quarter {
  flex-basis: calc(25% - 5em);
}

.columns__grid.columns__grid--large-gap .column.column--third {
  flex-basis: calc(33.33% - 5em);
}

.columns__grid.columns__grid--large-gap .column.column--half {
  flex-basis: calc(50% - 5em);
}

.columns__grid.columns__grid--order-reverse {
  flex-direction: row-reverse;
}

.columns__grid .column {
  position: relative;
  flex: 1;
  min-width: 0;
  margin: 1.5em;
}

.columns__grid .column.column--small {
  flex-grow: 0;
  flex-basis: auto;
}

.columns__grid .column.column--quarter {
  flex-grow: 0;
  flex-basis: calc(25% - 3em);
}

.columns__grid .column.column--third {
  flex-grow: 0;
  flex-basis: calc(33.33% - 3em);
}

.columns__grid .column.column--half {
  flex-grow: 0;
  flex-basis: calc(50% - 3em);
}

.columns__grid .column.column--padding {
  padding: 3em;
}

.columns__grid .column.column--align-start {
  align-self: flex-start;
}

.columns__grid .column.text-center .img-responsive {
  margin-left: auto;
  margin-right: auto;
}

.columns__grid .column.text-center .btns__inner {
  justify-content: center;
}

.columns__grid .column__inner {
  position: relative;
  z-index: 2;
}

.columns__grid .column > img {
  border-radius: 0.5em;
}

/* == When screen is 1200px or smaller == */

@media only screen and (max-width: 1200px) {
  .columns__grid.columns__grid--large-gap .column.column--quarter {
    flex-basis: calc(33.33% - 5em);
  }

  .columns__grid .column.column--quarter {
    flex-basis: calc(33.33% - 3em);
  }
}

/* == When screen is 991px or smaller == */

@media only screen and (max-width: 991px) {
  .columns__grid.columns__grid--large-gap .column.column--third {
    flex-basis: calc(50% - 5em);
  }

  .columns__grid.columns__grid--large-gap .column.column--half {
    flex-basis: calc(100% - 5em);
  }

  .columns__grid .column.column--third {
    flex-basis: calc(50% - 3em);
  }

  .columns__grid .column.column--half {
    flex-basis: calc(100% - 3em);
  }
}

/* == When screen is 767px or smaller == */

@media only screen and (max-width: 767px) {
  .columns__grid.columns__grid--large-gap .column.column--quarter {
    flex-basis: calc(50% - 5em);
  }

  .columns__grid .column.column--quarter {
    flex-basis: calc(50% - 3em);
  }
}

/* == When screen is 580px or smaller == */

@media only screen and (max-width: 580px) {
  .columns__grid.columns__grid--large-gap .column.column--third {
    flex-basis: calc(100% - 5em);
  }

  .columns__grid .column.column--third {
    flex-basis: calc(100% - 3em);
  }
}

/* == When screen is 480px or smaller == */

@media only screen and (max-width: 480px) {
  .columns.columns--usps .content {
    max-width: 250px;
    margin: 0 auto;
  }

  .columns__grid.columns__grid--large-gap .column.column--quarter {
    flex-basis: calc(100% - 5em);
  }

  .columns__grid .column.column--quarter {
    flex-basis: calc(100% - 3em);
  }
}

/*
==========================================================================
	Login form
==========================================================================
*/

.login {
  display: flex;
  height: 100vh;
}

.login__columns {
  display: flex;
  align-items: stretch;
  width: 100%;
}

.login__column {
  position: relative;
  flex: 1 1 0;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
  padding: 6rem 5vw 2em;
}

.login__background {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #e9eff1;
}

.login__background.login__background--visual {
  background: url(/images/login-background-visual.svg?84c134b64d5aefb89e56cc0c11957aea) center/cover no-repeat;
}

.login__background.login__background--prim {
  background-color: #0098d9;
}

.login__background.login__background--sec {
  background-color: #e6007f;
}

.login__background.login__background--tert {
  background-color: #aec90c;
}

.login__inner {
  position: relative;
  z-index: 2;
  width: 500px;
  max-width: 100%;
}

.login__header {
  display: flex;
  align-items: flex-end;
  flex-wrap: wrap;
}

.login__header > :not(:last-child) {
  margin-right: 1rem;
}

.login__title {
  font-size: 1.75em;
  line-height: 1.1em;
}

.login__register-link {
  position: relative;
  top: -0.15em;
}

.login__register-link:active {
  top: calc(-0.15em + 1px);
}

.login__description {
  margin: 1.5em 0;
  font-size: 0.875em;
}

.login__description:first-child {
  margin-top: 0;
}

.login__description:last-child {
  margin-bottom: 0;
}

.login__form {
  margin: 2em 0;
}

.login__form:first-child {
  margin-top: 0;
}

.login__form:last-child {
  margin-bottom: 0;
}

.login__usps {
  list-style: none;
  margin: 3em 0;
}

.login__usps:first-child {
  margin-top: 0;
}

.login__usps:last-child {
  margin-bottom: 0;
}

.login__usps .usp {
  display: flex;
  align-items: flex-start;
  font-size: 0.875em;
  line-height: 1.618em;
}

.login__usps .usp:not(:first-child) {
  margin-top: 0.5em;
}

.login__usps .usp__icon {
  width: 1.5em;
  margin-right: 1em;
  color: #215165;
  text-align: center;
}

.login__usps .usp__text {
  color: #597d8c;
}

.login__remember {
  margin-right: auto;
  padding-right: 1em;
  font-size: 0.875em;
}

.login__reset-password {
  font-size: 0.875em;
}

@media only screen and (max-width: 991px) {
  .login__column {
    padding: 6rem 15px 2em;
  }

  .login__column.login__column--right {
    display: none;
  }
}

@media only screen and (max-width: 767px) {
  .login {
    height: auto;
  }

  .login__column {
    padding-top: 8rem;
  }
}

@media only screen and (max-width: 767px) {
  .masthead__inner {
    height: 4rem;
  }

  .masthead__logo img,
  .masthead__logo svg {
    height: 2em;
  }

  .masthead > .container {
    padding: 0 15px;
  }

  .login__column {
    padding-top: 6rem;
  }
}

/*
==========================================================================
	Dashboard
==========================================================================
*/

.dashboard {
  position: relative;
  height: auto;
  min-height: 100%;
  width: 100%;
  padding-top: 4rem;
  background-color: #f4f7f8;
}

.dashboard.dashboard--sidebar-collapsed .sidebar-background,
.dashboard.dashboard--sidebar-collapsed .sidebar {
  width: 4.25rem;
}

.dashboard.dashboard--sidebar-collapsed .sidebar .menu__label,
.dashboard.dashboard--sidebar-collapsed .sidebar__toggle-label {
  max-width: 0;
  color: transparent;
}

.dashboard.dashboard--sidebar-collapsed .sidebar__nav .menu .company-only {
  display: none;
}

.dashboard.dashboard--sidebar-collapsed .sidebar__toggle-icon {
  transform: rotate(180deg);
}

.dashboard.dashboard--sidebar-collapsed .sidebar__action {
  opacity: 0;
  visibility: hidden;
}

.dashboard.dashboard--sidebar-collapsed .dashboard__footer,
.dashboard.dashboard--sidebar-collapsed .dashboard__main {
  margin-left: 4.25rem;
}

.dashboard__header {
  position: fixed;
  z-index: 10;
  top: 0;
  left: 0;
  width: 100%;
}

.dashboard__main,
.dashboard__footer {
  margin-left: 18rem;
  transition: margin 0.3s ease-out;
  will-change: margin;
}

.dashboard__main {
  height: 100%;
}

.dashboard__footer {
  position: absolute;
  z-index: 1;
  left: 0;
  right: 0;
  bottom: 0;
}

.dashboard .header {
  display: flex;
  align-items: center;
  height: 4rem;
  width: 100%;
  background-color: #0098d9;
}

.dashboard .header__logo {
  top: 0;
  align-self: stretch;
  display: flex;
  align-items: center;
  padding: 0 1.25rem;
  margin-right: auto;
  background-color: rgba(0, 0, 0, 0.125);
}

.dashboard .header__logo img {
  display: block;
  height: 2rem;
  width: auto;
}

.dashboard .header__user {
  align-self: stretch;
  display: flex;
  align-items: center;
  padding: 0 1.5em;
}

.dashboard .header__user-icon {
  margin-right: 1rem;
  color: #fff;
  font-size: 2em;
}

.dashboard .header__user-name {
  color: #fff;
  font-size: 1em;
}

.dashboard .header__user-company {
  color: rgba(255, 255, 255, 0.75);
  font-size: 0.875em;
}

.dashboard .header__has-dropdown {
  position: relative;
  cursor: pointer;
}

.dashboard .header__has-dropdown:hover .header__dropdown,
.dashboard .header__has-dropdown:focus-within .header__dropdown {
  display: block;
}

.dashboard .header__dropdown {
  position: absolute;
  z-index: -1;
  right: 0;
  top: 100%;
  display: none;
  min-width: 100%;
  background-color: #fff;
  padding: 0.5em 0;
  border-radius: 0 0 0.25em 0.25em;
  box-shadow: 0.25em 0.25em 0.5em rgba(33, 81, 101, 0.1);
}

.dashboard .header__dropdown .menu {
  list-style: none;
  font-size: 0.875em;
}

.dashboard .header__dropdown .menu__item {
  white-space: nowrap;
}

.dashboard .header__dropdown .menu__item:hover > .menu__link,
.dashboard .header__dropdown .menu__item:focus-within > .menu__link {
  background-color: #fafbfc;
  color: #265c73;
}

.dashboard .header__dropdown .menu__item:not(:first-child) {
  margin-top: 0.25em;
}

.dashboard .header__dropdown .menu__link {
  display: flex;
  align-items: center;
  padding: 0.5em 1.5em;
}

.dashboard .header__dropdown .menu__icon {
  position: relative;
  top: 0.05em;
  flex-shrink: 0;
  align-self: flex-start;
  width: 1.25em;
  margin-right: 0.75em;
  text-align: center;
}

.dashboard .sidebar-background,
.dashboard .sidebar {
  width: 18rem;
  transition: width 0.3s ease-out;
  will-change: width;
}

.dashboard .sidebar-background {
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  height: 100%;
  background-color: #fff;
  box-shadow: inset -2px 0 0 0 #e9eff1;
}

.dashboard .sidebar {
  position: relative;
  z-index: 5;
  top: 0;
  left: 0;
  float: left;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 1.5em 0;
}

.dashboard .sidebar.sidebar--fixed {
  position: fixed;
  height: 100%;
  padding: calc(4rem + 1.5em) 0 1.5em;
}

.dashboard .sidebar.sidebar--fixed-bottom {
  position: fixed;
  top: auto;
  bottom: 0;
  height: auto;
  padding: calc(4rem + 1.5em) 0 1.5em;
}

.dashboard .sidebar__nav {
  width: 100%;
  margin: 0 0 auto;
}

.dashboard .sidebar__nav-title {
  width: 100%;
  padding: 0 1.5rem;
  margin: 3em 0 1em;
  color: #597d8c;
  font-size: 0.75rem;
  font-weight: normal;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.dashboard .sidebar__nav-title:first-child {
  margin-top: 0;
}

.dashboard .sidebar__nav-title:last-child {
  margin-bottom: 0;
}

.dashboard .sidebar__nav .menu {
  list-style: none;
}

.dashboard .sidebar__nav .menu > .menu__item:hover > .menu__link,
.dashboard .sidebar__nav .menu > .menu__item:focus-within > .menu__link {
  border-color: #e6007f;
  background-color: rgba(230, 0, 127, 0.05);
  color: #265c73;
}

.dashboard .sidebar__nav .menu > .menu__item:hover > .menu__link .menu__icon,
.dashboard .sidebar__nav .menu > .menu__item:focus-within > .menu__link .menu__icon {
  color: #e6007f;
}

.dashboard .sidebar__nav .menu > .menu__item.menu__item--current > .menu__link,
.dashboard .sidebar__nav .menu > .menu__item.menu__item--current-parent > .menu__link {
  border-color: #0098d9;
  background-color: rgba(0, 152, 217, 0.05);
  color: #265c73;
}

.dashboard .sidebar__nav .menu > .menu__item.menu__item--current > .menu__link .menu__icon,
.dashboard .sidebar__nav .menu > .menu__item.menu__item--current-parent > .menu__link .menu__icon {
  color: #0098d9;
}

.dashboard .sidebar__nav .menu > .menu__item.menu__item--has-children {
  position: relative;
}

.dashboard .sidebar__nav .menu > .menu__item.menu__item--has-children:not(.menu__item--current):not(.menu__item--current-parent):hover .menu__sub-menu,
.dashboard .sidebar__nav .menu > .menu__item.menu__item--has-children:not(.menu__item--current):not(.menu__item--current-parent):focus-within .menu__sub-menu {
  display: block;
}

.dashboard .sidebar__nav .menu > .menu__item.menu__item--has-children:not(.menu__item--current):not(.menu__item--current-parent) .menu__sub-menu {
  position: absolute;
  top: 0;
  left: 100%;
  padding: 0.5em 0;
  border-radius: 0 0.25em 0.25em 0;
  background-color: #fff;
  box-shadow: 0.25em 0.25em 0.5em rgba(33, 81, 101, 0.1);
}

.dashboard .sidebar__nav .menu > .menu__item.menu__item--has-children:not(.menu__item--current):not(.menu__item--current-parent) .menu__sub-menu .menu__link {
  padding: 0.25em 1.25em;
}

.dashboard .sidebar__nav .menu > .menu__item.menu__item--has-children:not(.menu__item--current):not(.menu__item--current-parent) .menu__sub-menu .menu__link:hover,
.dashboard .sidebar__nav .menu > .menu__item.menu__item--has-children:not(.menu__item--current):not(.menu__item--current-parent) .menu__sub-menu .menu__link:focus {
  color: #e6007f;
}

.dashboard .sidebar__nav .menu > .menu__item.menu__item--has-children.menu__item--current .menu__sub-menu,
.dashboard .sidebar__nav .menu > .menu__item.menu__item--has-children.menu__item--current-parent .menu__sub-menu {
  display: block;
  padding: 0.5em 0 1em;
  background-color: rgba(0, 152, 217, 0.05);
}

.dashboard .sidebar__nav .menu > .menu__item.menu__item--has-children.menu__item--current .menu__sub-menu .menu__link,
.dashboard .sidebar__nav .menu > .menu__item.menu__item--has-children.menu__item--current-parent .menu__sub-menu .menu__link {
  padding: 0.25em 1.5rem;
}

.dashboard .sidebar__nav .menu > .menu__item.menu__item--has-children.menu__item--current .menu__sub-menu .menu__item:not(.menu__item--current) .menu__link:hover,
.dashboard .sidebar__nav .menu > .menu__item.menu__item--has-children.menu__item--current .menu__sub-menu .menu__item:not(.menu__item--current) .menu__link:focus,
.dashboard .sidebar__nav .menu > .menu__item.menu__item--has-children.menu__item--current-parent .menu__sub-menu .menu__item:not(.menu__item--current) .menu__link:hover,
.dashboard .sidebar__nav .menu > .menu__item.menu__item--has-children.menu__item--current-parent .menu__sub-menu .menu__item:not(.menu__item--current) .menu__link:focus {
  color: #e6007f;
}

.dashboard .sidebar__nav .menu > .menu__item > .menu__link {
  display: flex;
  align-items: center;
  padding: 0.5em 1.5rem;
  border-right: 2px solid transparent;
  color: #90a8b2;
}

.dashboard .sidebar__nav .menu__item {
  white-space: nowrap;
}

.dashboard .sidebar__nav .menu__item:not(:first-child) {
  margin-top: 0.25em;
}

.dashboard .sidebar__nav .menu__icon {
  position: relative;
  top: 0.05em;
  flex-shrink: 0;
  align-self: flex-start;
  width: 1.25em;
  margin-right: 1em;
  font-size: 1.125em;
  text-align: center;
}

.dashboard .sidebar__nav .menu__icon .orb {
  position: absolute;
  top: -0.25em;
  right: -0.65em;
  box-shadow: 0 0 0 0.35em #fff;
}

.dashboard .sidebar__nav .menu__label {
  position: relative;
  max-width: 100%;
  overflow: hidden;
  transition: all 0.3s ease-out;
  will-change: max-width;
}

.dashboard .sidebar__nav .menu__sub-menu {
  list-style: none;
  display: none;
}

.dashboard .sidebar__nav .menu__sub-menu .menu__item.menu__item--current > .menu__link {
  color: #265c73;
  font-weight: bold;
}

.dashboard .sidebar__nav .menu__sub-menu .menu__link {
  display: block;
  color: #215165;
  font-size: 0.875em;
  font-weight: normal;
}

.dashboard .sidebar__nav .menu__sub-menu .menu__link .orb {
  position: relative;
  top: -0.125em;
  vertical-align: middle;
  margin-left: 0.25em;
}

.dashboard .sidebar__nav .menu .company-only {
  position: absolute;
  top: 1em;
  right: 1.5em;
  padding: 0.125em 0.35em;
  border-radius: 0.25rem;
  border: 1px solid orange;
  background-color: #fff2d9;
  color: #bf7c00;
  box-shadow: 0 0 0 2px rgba(255, 165, 0, 0.2);
  font-size: 0.65rem;
}

.dashboard .sidebar__action {
  align-self: flex-end;
  width: 15em;
  margin: 1em 1.5em;
  padding: 1em;
  border-radius: 2em;
  background-color: rgba(0, 152, 217, 0.1);
  transition: all 0.3s ease-out;
  will-change: opacity, visibility;
}

.dashboard .sidebar__action:first-child {
  margin-top: 0;
}

.dashboard .sidebar__action:last-child {
  margin-bottom: 0;
}

.dashboard .sidebar__action .content {
  margin-left: 0.5em;
  margin-right: 0.5em;
}

.dashboard .sidebar__toggle {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  height: auto;
  width: auto;
  margin: 0;
  padding: 0;
  border-radius: 0;
  border: 0;
  background: none;
  font-family: inherit;
  font-size: 1rem;
  display: flex;
  align-items: center;
  width: 100%;
  padding: 0.5em 1.5rem;
  border-right: 2px solid transparent;
  color: #90a8b2;
  font-weight: bold;
  white-space: nowrap;
}

.dashboard .sidebar__toggle:hover,
.dashboard .sidebar__toggle:focus {
  border-color: #e6007f;
  background-color: rgba(230, 0, 127, 0.05);
  color: #265c73;
}

.dashboard .sidebar__toggle:hover .sidebar__toggle-icon,
.dashboard .sidebar__toggle:focus .sidebar__toggle-icon {
  color: #e6007f;
}

.dashboard .sidebar__toggle-icon {
  position: relative;
  top: 0.05em;
  flex-shrink: 0;
  align-self: flex-start;
  width: 1.25em;
  margin-right: 1em;
  font-size: 1.125em;
  text-align: center;
  transition: transform 0.3s ease-out;
  will-change: transform;
}

.dashboard .sidebar__toggle-label {
  max-width: 100%;
  overflow: hidden;
  transition: all 0.3s ease-out;
  will-change: max-width;
}

.dashboard .main {
  position: relative;
}

.dashboard .main:after {
  content: "";
  display: block;
  clear: both;
}

.dashboard .main__inner {
  padding: 2em 2em calc(1.5em + 3.25rem);
}

.dashboard .footer {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  height: 3.25rem;
  padding: 0 2em;
}

.dashboard .footer__left,
.dashboard .footer__right {
  color: #597d8c;
  font-size: 0.75rem;
}

.dashboard .footer__left {
  padding-right: 1em;
}

.dashboard .footer__right {
  margin-left: auto;
}

.dashboard .footer a {
  color: inherit;
  font-weight: normal;
}

.dashboard .admin-orb {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 2em;
  width: 2em;
  border-radius: 100%;
  background-color: #e6007f;
  color: #fff;
  font-size: 0.75rem;
  line-height: 1em;
  text-align: center;
}

.dashboard .heading {
  display: flex;
  align-items: center;
  margin: 2.5em 0 1.5em;
}

.dashboard .heading:first-child {
  margin-top: 0;
}

.dashboard .heading:last-child {
  margin-bottom: 0;
}

.dashboard .heading__content > a {
  display: inline-block;
  margin: 0.25em 0;
  font-size: 0.875em;
}

.dashboard .heading__content > a:first-child {
  margin-top: 0;
}

.dashboard .heading__content > a:last-child {
  margin-bottom: 0;
}

.dashboard .heading__title {
  margin: 0.25em 0 0.125em;
  font-size: 1.5em;
}

.dashboard .heading__title:first-child {
  margin-top: 0;
}

.dashboard .heading__title:last-child {
  margin-bottom: 0;
}

.dashboard .heading__subtitle {
  display: flex;
  flex-wrap: wrap;
  font-family: "Raleway", system-ui, sans-serif;
  color: #597d8c;
  font-size: 1.125em;
}

.dashboard .heading__links {
  margin-left: auto;
}

/*
==========================================================================
    Notifications
==========================================================================
*/

.notification {
  display: flex;
  align-items: stretch;
  margin: 1.5rem 0;
  border-radius: 0.25rem;
  border: 1px solid #40b2e3;
  background-color: #fff;
  color: #0098d9;
  font-size: 0.875em;
  text-align: left;
  box-shadow: 0 0 0 2px rgba(0, 152, 217, 0.15);
}

.notification:first-child {
  margin-top: 0;
}

.notification:last-child {
  margin-bottom: 0;
}

.notification.notification--success {
  border-color: #aec90c;
  background-color: #f3f7db;
  color: #839709;
  box-shadow: 0 0 0 2px rgba(174, 201, 12, 0.2);
}

.notification.notification--success .notification__icon {
  background-color: #aec90c;
}

.notification.notification--success .notification__text a:hover,
.notification.notification--success .notification__text a:focus {
  color: #576506;
}

.notification.notification--warning {
  border-color: orange;
  background-color: #fff2d9;
  color: #bf7c00;
  box-shadow: 0 0 0 2px rgba(255, 165, 0, 0.2);
}

.notification.notification--warning .notification__icon {
  background-color: orange;
}

.notification.notification--warning .notification__text a:hover,
.notification.notification--warning .notification__text a:focus {
  color: #805300;
}

.notification.notification--error {
  border-color: red;
  background-color: #ffe6e6;
  color: #d90000;
  box-shadow: 0 0 0 2px rgba(255, 0, 0, 0.15);
}

.notification.notification--error .notification__icon {
  background-color: red;
}

.notification.notification--error .notification__text a:hover,
.notification.notification--error .notification__text a:focus {
  color: maroon;
}

.notification__icon {
  flex-shrink: 0;
  width: 3em;
  padding: 1em 0 0;
  background-color: #0098d9;
  color: #fff;
  line-height: 1em;
  text-align: center;
}

.notification__text {
  padding: 0.875em 1em;
  color: inherit;
  line-height: 1.5em;
}

.notification__text a {
  color: inherit;
}

.notification__text a:hover,
.notification__text a:focus {
  color: #004c6d;
}

.notification__dismiss {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  height: auto;
  width: auto;
  margin: 0;
  padding: 0;
  border-radius: 0;
  border: 0;
  background: none;
  font-family: inherit;
  font-size: 1rem;
  margin-right: 0.75rem;
  margin-left: auto;
  color: inherit;
  font-size: 0.75rem;
  opacity: 0.5;
}

.notification__dismiss:hover,
.notification__dismiss:focus {
  opacity: 1;
}

.notification .btn {
  align-self: center;
  margin: 0.5em 1em;
  margin-left: auto;
}

/*
==========================================================================
    Users
==========================================================================
*/

.wizard__steps .step {
  display: none;
}

.wizard__steps .step.step--current {
  display: block;
}

/*
==========================================================================
    Data-table
==========================================================================
*/

.table-container {
  padding: 0 0 10px;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

.table-container.table-container--bordered {
  border-radius: 0.5em;
  border: 2px solid #e9eff1;
}

.data-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.875em;
}

.data-table__title {
  font-size: 1em;
}

.data-table__icon-link {
  display: inline-block;
}

.data-table__icon-link + .data-table__icon-link {
  margin-left: 0.75rem;
}

.data-table__icon-link.data-table__icon-link--disabled {
  color: #beced5;
  cursor: not-allowed;
}

.data-table thead tr {
  border-bottom: 2px solid #e9eff1;
  color: #597d8c;
  font-weight: bold;
}

.data-table tbody tr {
  color: #215165;
}

.data-table tbody tr:nth-child(even) {
  background-color: #fafbfc;
}

.data-table tbody tr.border-top {
  border-top: 2px solid #e9eff1;
}

.data-table tbody tr.border-bottom {
  border-bottom: 2px solid #e9eff1;
}

.data-table tbody tr.disabled {
  opacity: 0.5;
}

.data-table tr.vertical-borders th:not(:first-child),
.data-table tr.vertical-borders td:not(:first-child) {
  border-left: 2px solid #e9eff1;
}

.data-table th,
.data-table td {
  padding: 0.75em 1.5em;
}

.data-table th:not(.text-center):not(.text-right),
.data-table td:not(.text-center):not(.text-right) {
  text-align: left;
}

.data-table th a,
.data-table td a {
  display: inline-block;
}

.data-table th a + a,
.data-table th a + button,
.data-table td a + a,
.data-table td a + button {
  margin-left: 0.75rem;
}

.data-table th > button,
.data-table td > button {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  height: auto;
  width: auto;
  margin: 0;
  padding: 0;
  border-radius: 0;
  border: 0;
  background: none;
  font-family: inherit;
  font-size: 1rem;
  border-bottom: 2px dotted #0098d9;
  color: #aec90c;
  font-size: 0.875em;
  font-weight: 700;
}

.data-table th > button:hover,
.data-table th > button:focus,
.data-table td > button:hover,
.data-table td > button:focus {
  border-color: transparent;
}

.data-table th > button + a,
.data-table th > button + button,
.data-table td > button + a,
.data-table td > button + button {
  margin-left: 1rem;
}

.data-table .shrink {
  width: 1px;
}

/*
==========================================================================
    Overview controls
==========================================================================
*/

.overview-controls {
  margin: 1.5em 0;
  font-size: 0.875em;
}

.overview-controls:first-child {
  margin-top: 0;
}

.overview-controls:last-child {
  margin-bottom: 0;
}

.overview-controls__inner {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: -0.5em;
}

.overview-controls__inner > :not(.flex-break) {
  margin: 0.5em;
}

.overview-controls__filter-links .filter-link {
  display: inline-block;
  padding: 0.35em 0.75em;
  margin-right: 0.5em;
  border-radius: 5em;
  line-height: 1.3em;
  font-weight: 600;
  white-space: nowrap;
  background-color: #e9eff1;
}

.overview-controls__filter-links .filter-link.filter-link--active {
  background-color: #0098d9;
  color: #fff;
}

.overview-controls__filter-links .filter-link.filter-link--active .filter-link__count {
  color: inherit;
}

.overview-controls__filter-links .filter-link__count {
  margin-left: 0.125em;
  color: #597d8c;
  font-weight: normal;
}

.overview-controls__filters {
  display: flex;
  align-items: center;
}

.overview-controls__filters .filter + .filter {
  margin-left: 1.5em;
}

.overview-controls__filters .filter__form {
  display: flex;
  align-items: center;
}

.overview-controls__filters .filter__input-container {
  position: relative;
  margin-right: 0.5em;
}

.overview-controls__filters .filter__input-container select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  height: auto;
  width: auto;
  margin: 0;
  padding: 0;
  border-radius: 0;
  border: 0;
  background: none;
  font-family: inherit;
  font-size: 1rem;
  height: 2.25em;
  padding: 0 2em 0 0.5em;
  border-radius: 0.25em;
  border: 2px solid #d4dee3;
  font-size: inherit;
  transition: all 0.15s ease-out, top 0s;
  cursor: pointer;
}

.overview-controls__filters .filter__input-container select:hover {
  border-color: #90a8b2;
}

.overview-controls__filters .filter__input-container select:focus {
  border-color: #0098d9;
}

.overview-controls__filters .filter__icon {
  position: absolute;
  top: 0;
  right: 0.5em;
  height: 100%;
  width: 1.25em;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #90a8b2;
  font-size: 0.875em;
  line-height: 1em;
  text-align: center;
  pointer-events: none;
}

.overview-controls__filters .filter__submit {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  height: auto;
  width: auto;
  margin: 0;
  padding: 0;
  border-radius: 0;
  border: 0;
  background: none;
  font-family: inherit;
  font-size: 1rem;
  height: 2.25em;
  padding: 0 0.75em;
  border-radius: 0.25em;
  border: 2px solid #beced5;
  background-color: #e9eff1;
  color: #265c73;
  font-size: inherit;
  transition: all 0.15s ease-out, top 0s;
}

.overview-controls__filters .filter__submit:hover {
  border-color: #90a8b2;
}

.overview-controls__filters .filter__submit:focus {
  border-color: #0098d9;
}

.overview-controls__filters .filter__submit:active {
  background-color: #d4dee3;
}

.overview-controls__search {
  margin-left: auto;
}

.overview-controls__search .search-form {
  display: flex;
  align-items: center;
}

.overview-controls__search .search-form__input,
.overview-controls__search .search-form__submit {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  height: auto;
  width: auto;
  margin: 0;
  padding: 0;
  border-radius: 0;
  border: 0;
  background: none;
  font-family: inherit;
  font-size: 1rem;
  height: 2.25em;
  border-radius: 0.25em;
  border: 2px solid #d4dee3;
  font-size: inherit;
  transition: all 0.15s ease-out, top 0s;
}

.overview-controls__search .search-form__input:hover,
.overview-controls__search .search-form__submit:hover {
  border-color: #90a8b2;
}

.overview-controls__search .search-form__input:focus,
.overview-controls__search .search-form__submit:focus {
  border-color: #0098d9;
}

.overview-controls__search .search-form__input {
  padding: 0 0.5em;
  margin-right: 0.5em;
}

.overview-controls__search .search-form__input[type=search] {
  padding-right: 0.25em;
}

.overview-controls__search .search-form__submit {
  min-width: 2em;
  padding: 0 0.75em;
  border-color: #beced5;
  background-color: #e9eff1;
  color: #265c73;
}

.overview-controls__search .search-form__submit:active {
  background-color: #d4dee3;
}

/*
==========================================================================
	Pagination
==========================================================================
*/

.pagination {
  display: flex;
  align-items: center;
  color: #215165;
}

.pagination > :not(:last-child) {
  margin-right: 0.5em;
}

.pagination__button,
.pagination__input {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  height: auto;
  width: auto;
  margin: 0;
  padding: 0;
  border-radius: 0;
  border: 0;
  background: none;
  font-family: inherit;
  font-size: 1rem;
  height: 2em;
  line-height: 2em;
  text-align: center;
  border-radius: 0.25em;
  border: 2px solid #d4dee3;
  font-size: inherit;
  transition: all 0.15s ease-out, top 0s;
}

.pagination__button:hover,
.pagination__input:hover {
  border-color: #90a8b2;
}

.pagination__button:focus,
.pagination__input:focus {
  border-color: #0098d9;
}

.pagination__button {
  min-width: 2em;
  border-color: #beced5;
  background-color: #e9eff1;
  color: #265c73;
}

.pagination__button:disabled,
.pagination__button--disabled {
  top: 0 !important;
  border-color: #e9eff1 !important;
  background-color: #f4f7f8 !important;
  color: #90a8b2 !important;
  cursor: not-allowed;
}

.pagination__button:active {
  background-color: #d4dee3;
}

.pagination__input {
  padding: 0 0.5em;
}

.pagination__input.pagination__input--page {
  width: 2em;
  padding: 0;
  text-align: center;
}

/*
==========================================================================
    Expandable items
==========================================================================
*/

.expandable-items {
  margin: 2em 0;
  width: 100%;
}

.expandable-items:first-child {
  margin-top: 0;
}

.expandable-items:last-child {
  margin-bottom: 0;
}

.expandable-items .item {
  border-top: 2px solid #e9eff1;
}

.expandable-items .item.item--inverted {
  border-color: rgba(255, 255, 255, 0.1) !important;
}

.expandable-items .item.item--inverted .item__toggle {
  color: #fff;
}

.expandable-items .item.item--inverted .item__toggle:hover,
.expandable-items .item.item--inverted .item__toggle:focus {
  color: #fff;
  text-decoration: underline;
}

.expandable-items .item.item--inverted .item__content {
  opacity: 0.75;
}

.expandable-items .item:last-child {
  border-bottom: 2px solid #e9eff1;
}

.expandable-items .item.item--toggled .item__toggle .item__toggle-icon {
  transform: rotate(180deg);
}

.expandable-items .item .item__toggle {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  height: auto;
  width: auto;
  margin: 0;
  padding: 0;
  border-radius: 0;
  border: 0;
  background: none;
  font-family: inherit;
  font-size: 1rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  padding: 1em 0;
  font-family: "Raleway", system-ui, sans-serif;
  color: #0098d9;
  text-align: left;
  font-weight: bold;
}

.expandable-items .item .item__toggle:hover,
.expandable-items .item .item__toggle:focus {
  color: #265c73;
}

.expandable-items .item .item__toggle-text {
  flex-grow: 1;
  font-size: 1em;
}

.expandable-items .item .item__toggle-icon {
  flex-shrink: 0;
  margin-left: 1em;
  transition: transform 0.15s ease-in-out;
}

.expandable-items .item .item__content {
  display: none;
  padding: 0 0 1em;
}

/*
==========================================================================
	Boxes
==========================================================================
*/

.boxes {
  margin: 1.5em 0;
}

.boxes:first-child {
  margin-top: 0;
}

.boxes:last-child {
  margin-bottom: 0;
}

.boxes__grid {
  display: flex;
  flex-wrap: wrap;
  margin: -0.75em;
}

.boxes__grid > .box {
  flex: 1 1 calc(100% - 1.5em);
  margin: 0.75em;
}

.boxes__grid > .box.box--1-2 {
  flex-basis: calc(50% - 1.5em);
}

.boxes__grid > .box.box--1-3 {
  flex-basis: calc(33.33% - 1.5em);
}

.boxes__grid > .box.box--2-3 {
  flex-basis: calc(66.66% - 1.5em);
}

.boxes__grid > .box.box--1-4 {
  flex-basis: calc(25% - 1.5em);
}

.boxes__grid > .box.box--2-4 {
  flex-basis: calc(50% - 1.5em);
}

.boxes__grid > .box.box--3-4 {
  flex-basis: calc(75% - 1.5em);
}

.boxes .box {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  min-width: 350px;
}

.boxes .box.box--outline > .box__header,
.boxes .box.box--outline > .box__inner {
  border: 1px solid #597d8c;
  box-shadow: 0 0 0 2px rgba(89, 125, 140, 0.25);
}

.boxes .box.box--align-start {
  align-self: flex-start;
}

.boxes .box.box--align-end {
  align-self: flex-end;
}

.boxes .box.box--link {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 1.25em;
  border-radius: 1em;
  background-color: #0098d9;
  color: #fff;
  box-shadow: 0 1em 1em -0.5em rgba(33, 81, 101, 0.25);
}

.boxes .box.box--link:nth-child(2) {
  background-color: #e6007f;
}

.boxes .box.box--link:nth-child(3) {
  background-color: #aec90c;
}

.boxes .box.box--link:hover,
.boxes .box.box--link:focus {
  background-color: #1aa2dd;
  transform: translate3d(0, -0.125em, 0);
}

.boxes .box.box--link:hover:nth-child(2),
.boxes .box.box--link:focus:nth-child(2) {
  background-color: #e9208f;
}

.boxes .box.box--link:hover:nth-child(3),
.boxes .box.box--link:focus:nth-child(3) {
  background-color: #bad130;
}

.boxes .box.box--link:active {
  background-color: #0090ce;
  box-shadow: 0 0.5em 0.5em -0.25em rgba(33, 81, 101, 0.35);
}

.boxes .box.box--link:active:nth-child(2) {
  background-color: #d80077;
}

.boxes .box.box--link:active:nth-child(3) {
  background-color: #a1ba0b;
}

.boxes .box.box--link .box__icon {
  position: absolute;
  top: 1rem;
  bottom: 0;
  right: 1rem;
  font-size: 8em;
  line-height: 1em;
  opacity: 0.125;
  overflow: hidden;
}

.boxes .box.box--link .box__icon + .box__content {
  padding-left: 0.5em;
}

.boxes .box.box--link .box__nr,
.boxes .box.box--link .box__content {
  position: relative;
  z-index: 2;
}

.boxes .box.box--link .box__nr {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2em;
  height: 2em;
  padding-bottom: 0.25em;
  margin-right: 1.25rem;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.075);
  font-size: 1.5em;
  line-height: 1em;
  text-align: center;
  box-shadow: inset 0 -0.125em 0.25em rgba(0, 0, 0, 0.1);
}

.boxes .box.box--link .box__content {
  margin-right: auto;
}

.boxes .box.box--link .box__title {
  color: #fff;
  font-size: 1.25em;
}

.boxes .box.box--link .box__subtitle {
  color: rgba(255, 255, 255, 0.75);
  font-size: 0.875em;
  font-weight: normal;
}

.boxes .box.box--link .box__arrow {
  align-self: flex-end;
  margin-left: 1.25rem;
  font-size: 1.25em;
}

.boxes .box.box--link .orb {
  position: absolute;
  z-index: 1;
  right: -0.5em;
  top: -0.5em;
  font-size: 0.875em;
  box-shadow: 0 0 0 0.35em #f4f7f8;
}

.boxes .box__tabs {
  position: relative;
  z-index: 1;
  padding-right: 1em;
}

.boxes .box__tabs + .box__inner {
  border-top-left-radius: 0 !important;
}

.boxes .box__tabs .tab {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  height: auto;
  width: auto;
  margin: 0;
  padding: 0;
  border-radius: 0;
  border: 0;
  background: none;
  font-family: inherit;
  font-size: 1rem;
  padding: 0.6em 1.25em;
  border-radius: 0.25em 0.25em 0 0;
  background-color: #dee7ea;
  font-family: "Raleway", system-ui, sans-serif;
  color: #597d8c;
  font-weight: 600;
  cursor: pointer;
  display: inline-block;
}

.boxes .box__tabs .tab:not(:last-child) {
  margin-right: 0.35em;
}

.boxes .box__tabs .tab:hover,
.boxes .box__tabs .tab:focus {
  background-color: #d4dee3;
}

.boxes .box__tabs .tab.tab--current {
  background-color: #0098d9;
  color: #fff;
}

.boxes .box__tabs-content .tab-content {
  display: none;
}

.boxes .box__tabs-content .tab-content.tab-content--current {
  display: block;
}

.boxes .box__header {
  display: flex;
  align-items: center;
  padding: 0.5em 0.75em;
  border-radius: 0.5em 0.5em 0 0;
  border: 2px solid transparent;
  border-bottom-color: #f4f7f8;
  background-color: #fafbfc;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05);
}

.boxes .box__header + .box__inner {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.boxes .box__title {
  color: #597d8c;
  font-size: 1em;
}

.boxes .box__links {
  display: flex;
  align-items: center;
  margin-left: auto;
  font-size: 0.875em;
}

.boxes .box__links .link:not(:last-child) {
  margin-right: 0.75em;
}

.boxes .box__inner {
  position: relative;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  padding: 1.5em;
  border-radius: 1em;
  background-color: #fff;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05);
}

.boxes .box__inner.box__inner--background-image {
  background-size: auto 100%;
  background-position: right;
  background-repeat: no-repeat;
}

.boxes .box__inner .boxes__grid {
  margin: -0.5em;
}

.boxes .box__inner .boxes__grid > .box {
  width: calc(100% - 1em);
  margin: 0.5em;
}

.boxes .box__inner .boxes__grid > .box.box--1-2 {
  width: calc(50% - 1em);
}

.boxes .box__inner .boxes__grid > .box.box--1-3 {
  width: calc(33.33% - 1em);
}

.boxes .box__inner .boxes__grid > .box.box--2-3 {
  width: calc(66.66% - 1em);
}

.boxes .box__inner .boxes__grid > .box.box--1-4 {
  width: calc(25% - 1em);
}

.boxes .box__inner .boxes__grid > .box.box--2-4 {
  width: calc(50% - 1em);
}

.boxes .box__inner .boxes__grid > .box.box--3-4 {
  width: calc(75% - 1em);
}

.boxes .box__inner .box__tabs + .box__inner {
  margin-top: -2px;
}

.boxes .box__inner .box__header {
  border-color: #f4f7f8;
  box-shadow: none;
}

.boxes .box__inner .box__header + .box__inner {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-top: 0;
}

.boxes .box__inner .box__inner {
  border-radius: 0.5em;
  border: 2px solid #f4f7f8;
  box-shadow: none;
}

.boxes .box__peeking-animal {
  position: absolute;
  bottom: 0;
  right: 50%;
  width: 50%;
  max-width: 100px;
}

.boxes .box__peeking-animal img {
  display: block;
  width: 100%;
  height: auto;
}

/*
==========================================================================
	Courses
==========================================================================
*/

.courses .course {
  display: flex;
  align-items: center;
  padding: 1em;
  margin: 1em 0;
  border-radius: 0.75em;
  background-color: rgba(0, 152, 217, 0.05);
}

.courses .course:first-child {
  margin-top: 0;
}

.courses .course:last-child {
  margin-bottom: 0;
}

.courses .course.course--completed {
  background-color: rgba(174, 201, 12, 0.1);
}

.courses .course.course--completed .course__icon {
  background-color: #e3ecaa;
}

.courses .course__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.75em;
  height: 1.75em;
  margin-right: 1rem;
  border-radius: 0.5em;
  background-color: #cceaf7;
  font-size: 2em;
  line-height: 1em;
}

.courses .course__title {
  font-size: 1.125em;
}

.courses .course__meta {
  margin: 0.125em 0 0;
  color: #90a8b2;
  font-size: 0.875em;
}

.courses .course__btn {
  margin-left: auto;
}

/*
==========================================================================
    Body classes
==========================================================================
*/

/*
==========================================================================
    Internet Explorer fixes
==========================================================================
*/

/*
==========================================================================
	Media queries
==========================================================================
*/

/**
* Large Devices, Wide Screens
**/

/* == When screen is 1400px or smaller == */

/* == When screen is larger than 1400px == */

/**
* Large Devices, Wide Screens
**/

/* == When screen is 1200px or smaller == */

@media only screen and (max-width: 1200px) {
  html {
    font-size: 16px;
  }
}

/* == When screen is larger than 1200px == */

/**
* Medium Devices, Desktops
**/

/* == When screen is 991px or smaller == */

/* == When screen is larger than 991px == */

/**
* Small Devices, Tablets
**/

/* == When screen is 767px or smaller == */

@media only screen and (max-width: 767px) {
  .section-title .title {
    font-size: 2.5em;
  }
}

/* == When screen is larger than 767px == */

/**
* Small Devices, Tablets
**/

/* == When screen is 675px or smaller == */

/* == When screen is larger than 675px == */

/**
* Small Devices, Tablets
**/

/* == When screen is 580px or smaller == */

@media only screen and (max-width: 580px) {
  .section-title .title {
    font-size: 2em;
  }
}

/* == When screen is larger than 580px == */

/**
* Extra Small Devices, Phones
**/

/* == When screen is 480px or smaller == */

@media only screen and (max-width: 480px) {
  html {
    font-size: 14px;
  }

  .btn:not(.btn--dont-expand),
  .content .btn:not(.btn--dont-expand) {
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

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

  .section {
    margin: 5em 0;
  }

  .section.section--small-margin {
    margin: 2.5em 0;
  }

  .section.section--small-margin-top {
    margin-top: 2.5em;
  }

  .section.section--small-margin-bottom {
    margin-bottom: 2.5em;
  }

  .section.section--large-margin {
    margin: 7.5em 0;
  }

  .section.section--large-margin-top {
    margin-top: 7.5em;
  }

  .section.section--large-margin-bottom {
    margin-bottom: 7.5em;
  }

  .section.section--padding {
    margin: 0;
  }

  .section.section--padding-top {
    margin-top: 0;
  }

  .section.section--padding-top .section__inner {
    padding-top: 5em;
  }

  .section.section--padding-top {
    margin-bottom: 0;
  }

  .section.section--padding-top .section__inner {
    padding-bottom: 5em;
  }

  .section.section--padding.section--small-padding-top .section__inner {
    padding-top: 2.5em;
  }

  .section.section--padding.section--small-padding-bottom .section__inner {
    padding-bottom: 2.5em;
  }

  .section.section--padding.section--small-padding .section__inner {
    padding: 2.5em 0;
  }

  .section.section--padding.section--large-padding-top .section__inner {
    padding-top: 7.5em;
  }

  .section.section--padding.section--large-padding-bottom .section__inner {
    padding-bottom: 7.5em;
  }

  .section.section--padding.section--large-padding .section__inner {
    padding: 7.5em 0;
  }

  .section.section--padding .section__inner {
    padding: 5em 0;
  }

  .section__footer {
    margin: 2.5em 0 0;
  }

  .content {
    font-size: 0.875em;
  }

  .content.content--large {
    font-size: 1em;
  }

  .content h1 {
    font-size: 2.5em;
  }

  .content h2 {
    font-size: 1.75em;
  }

  .content .alignleft,
  .content .alignright,
  .content .aligncenter {
    float: none;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  .content div.alignleft,
  .content div.alignright,
  .content div.aligncenter {
    margin: 1.5em 0;
  }

  .content div.alignleft:first-child,
  .content div.alignright:first-child,
  .content div.aligncenter:first-child {
    margin-top: 0;
  }

  .content div.alignleft:last-child,
  .content div.alignright:last-child,
  .content div.aligncenter:last-child {
    margin-bottom: 0;
  }

  .content div.alignleft img,
  .content div.alignright img,
  .content div.aligncenter img {
    width: 100%;
  }

  .content .gform_wrapper {
    width: calc(100% + 30px);
    padding: 1.5em 15px;
    margin-left: -15px;
    margin-right: -15px;
    border-radius: 0;
    border-left: 0;
    border-right: 0;
  }

  .gform_wrapper .gform_heading,
  .gform_wrapper .gform_body,
  .gform_wrapper .gform_footer {
    margin: 0 0 20px;
  }

  .gform_wrapper .gform_heading .gform_title {
    font-size: 1.75em;
  }

  .gform_wrapper .gform_heading .gform_description {
    font-size: 0.875em;
  }

  .gform_wrapper .gform_body .gform_fields .gfield {
    margin-top: 20px;
  }

  .gform_wrapper .gform_body .gform_fields .gfield:first-child {
    margin-top: 0;
  }

  .gform_wrapper .gform_body .gform_fields .gfield.gfield_html {
    font-size: 0.875em;
  }

  .gform_wrapper .gform_body .gform_fields .gfield .gfield_label {
    font-size: 0.875em;
  }

  .gform_wrapper .gform_body .gform_fields .gfield .ginput_container.ginput_complex {
    display: block;
  }

  .gform_wrapper .gform_body .gform_fields .gfield .ginput_container.ginput_complex label {
    font-size: 0.75rem;
  }

  .gform_wrapper .gform_body .gform_fields .gfield .ginput_container.ginput_container_fileupload .gform_drop_area {
    display: block;
    text-align: center;
    height: auto;
    padding: 5%;
  }

  .gform_wrapper .gform_body .gform_fields .gfield .ginput_container.ginput_container_fileupload .gform_drop_area .gform_drop_instructions {
    display: block;
    margin: 0 0 0.75em;
  }

  .gform_wrapper .gform_body .gform_fields .gfield .gfield_description {
    font-size: 0.75rem;
  }
}

/* == When screen is larger than 480px == */

/**
* Extra Small Devices, Phones
**/

/* == When screen is 400px or smaller == */

/* == When screen is larger than 400px == */

/**
* Extra Small Devices, Phones
**/

/* == When screen is 320px or smaller == */

/* == When screen is larger than 320px == */