/*
==========================================================================
    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;
}

@-ms-viewport {
  width: device-width;
}

.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;
  -ms-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,
.nivo-lightbox-error .gform_wrapper .gform_fields .gfield.gsection .gsection_description,
.gform_wrapper .gform_fields .gfield.gsection .nivo-lightbox-error .gsection_description {
  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(/nivo-lightbox/themes/default/loading.gif) 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(/nivo-lightbox/themes/default/prev.png);
  border-radius: 0 3px 3px 0;
}

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

.nivo-lightbox-theme-default .nivo-lightbox-close {
  display: block;
  background: url(/nivo-lightbox/themes/default/close.png) 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(/nivo-lightbox/themes/default/loading@2x.gif);
    background-size: 32px 32px;
  }

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

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

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

.pika-single {
  position: relative;
  z-index: 9999;
  display: block;
  font-family: inherit;
  color: #517788;
  *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: #517788;
  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: #8da6b1;
  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: #b3c4cb;
  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: #8da6b1;
}

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

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

*:focus {
  outline: none !important;
}

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

body {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  width: 100%;
  min-height: 100vh;
  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: #0098d9;
  text-decoration: none;
  transition: all 0.15s ease-out, top 0s;
  cursor: pointer;
}

a:hover,
a:focus {
  color: #293c44;
  text-decoration: underline;
}

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,
.gform_wrapper .gform_fields .gfield.gsection .gsection_description {
  display: block;
  color: #517788;
  font-size: 1em;
  line-height: 1.618em;
}

p.caption,
.gform_wrapper .gform_fields .gfield.gsection .caption.gsection_description {
  color: #999;
  font-size: 0.875em;
}

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

hr + .section-title {
  margin-top: 2em;
}

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

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

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

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

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

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

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

.col-success {
  color: #aec90c;
}

.col-warning {
  color: orange;
}

.col-error {
  color: #ff2d30;
}

.col-danger {
  color: yellow;
}

.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: #3d5966;
}

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

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

::-moz-selection {
  background-color: rgba(81, 119, 136, 0.75);
  color: #fff;
}

::selection {
  background-color: rgba(81, 119, 136, 0.75);
  color: #fff;
}

.hidden {
  display: none !important;
}

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

.x-narrow {
  max-width: 450px !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;
}

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

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

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

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

  100% {
    opacity: 1;
  }
}

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

  100% {
    opacity: 1;
  }
}

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

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

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

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

@-webkit-keyframes fade-in-down {
  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);
  }
}

@-webkit-keyframes fade-in-left {
  0% {
    opacity: 0;
    transform: translate3d(10vw, 0, 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);
  }
}

@-webkit-keyframes fade-in-right {
  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);
  }
}

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

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

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

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

@-webkit-keyframes fade-in-scale-up {
  0% {
    opacity: 0;
    transform: scale(0.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
==========================================================================
*/

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

  100% {
    opacity: 0;
  }
}

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

  100% {
    opacity: 0;
  }
}

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

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

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

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

@-webkit-keyframes fade-out-down {
  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);
  }
}

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

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

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

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

@-webkit-keyframes fade-out-right {
  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);
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/**
 * 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: #3d5966;
}

.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: #517788;
  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.5em;
}

.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 + p,
.content .gform_wrapper .gform_fields .gfield.gsection h1 + .gsection_description,
.gform_wrapper .gform_fields .gfield.gsection .content h1 + .gsection_description,
.content h2 + p,
.content .gform_wrapper .gform_fields .gfield.gsection h2 + .gsection_description,
.gform_wrapper .gform_fields .gfield.gsection .content h2 + .gsection_description,
.content h3 + p,
.content .gform_wrapper .gform_fields .gfield.gsection h3 + .gsection_description,
.gform_wrapper .gform_fields .gfield.gsection .content h3 + .gsection_description,
.content h4 + p,
.content .gform_wrapper .gform_fields .gfield.gsection h4 + .gsection_description,
.gform_wrapper .gform_fields .gfield.gsection .content h4 + .gsection_description,
.content h5 + p,
.content .gform_wrapper .gform_fields .gfield.gsection h5 + .gsection_description,
.gform_wrapper .gform_fields .gfield.gsection .content h5 + .gsection_description,
.content h6 + p,
.content .gform_wrapper .gform_fields .gfield.gsection h6 + .gsection_description,
.gform_wrapper .gform_fields .gfield.gsection .content h6 + .gsection_description {
  margin-top: 0.5em;
}

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

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

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

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

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

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

.content p,
.content .gform_wrapper .gform_fields .gfield.gsection .gsection_description,
.gform_wrapper .gform_fields .gfield.gsection .content .gsection_description {
  margin: 1.5em 0;
  line-height: 1.8em;
}

.content p:first-child,
.content .gform_wrapper .gform_fields .gfield.gsection .gsection_description:first-child,
.gform_wrapper .gform_fields .gfield.gsection .content .gsection_description:first-child {
  margin-top: 0;
}

.content p:last-child,
.content .gform_wrapper .gform_fields .gfield.gsection .gsection_description:last-child,
.gform_wrapper .gform_fields .gfield.gsection .content .gsection_description:last-child {
  margin-bottom: 0;
}

.content p a,
.content .gform_wrapper .gform_fields .gfield.gsection .gsection_description a,
.gform_wrapper .gform_fields .gfield.gsection .content .gsection_description a {
  text-decoration: underline;
}

.content p a:not([class]),
.content .gform_wrapper .gform_fields .gfield.gsection .gsection_description a:not([class]),
.gform_wrapper .gform_fields .gfield.gsection .content .gsection_description a:not([class]),
.content p a[class=""],
.content .gform_wrapper .gform_fields .gfield.gsection .gsection_description a[class=""],
.gform_wrapper .gform_fields .gfield.gsection .content .gsection_description a[class=""] {
  font-weight: bold;
}

.content p a:hover,
.content .gform_wrapper .gform_fields .gfield.gsection .gsection_description a:hover,
.gform_wrapper .gform_fields .gfield.gsection .content .gsection_description a:hover,
.content p a:focus,
.content .gform_wrapper .gform_fields .gfield.gsection .gsection_description a:focus,
.gform_wrapper .gform_fields .gfield.gsection .content .gsection_description a:focus {
  text-decoration: none;
}

.content p .btn,
.content .gform_wrapper .gform_fields .gfield.gsection .gsection_description .btn,
.gform_wrapper .gform_fields .gfield.gsection .content .gsection_description .btn,
.content p form input[type=button],
.content .gform_wrapper .gform_fields .gfield.gsection .gsection_description form input[type=button],
.gform_wrapper .gform_fields .gfield.gsection .content .gsection_description form input[type=button],
.content form p input[type=button],
.content form .gform_wrapper .gform_fields .gfield.gsection .gsection_description input[type=button],
.gform_wrapper .gform_fields .gfield.gsection .content form .gsection_description input[type=button],
.content p form input[type=submit],
.content .gform_wrapper .gform_fields .gfield.gsection .gsection_description form input[type=submit],
.gform_wrapper .gform_fields .gfield.gsection .content .gsection_description form input[type=submit],
.content form p input[type=submit],
.content form .gform_wrapper .gform_fields .gfield.gsection .gsection_description input[type=submit],
.gform_wrapper .gform_fields .gfield.gsection .content form .gsection_description input[type=submit],
.content p form button[type=submit],
.content .gform_wrapper .gform_fields .gfield.gsection .gsection_description form button[type=submit],
.gform_wrapper .gform_fields .gfield.gsection .content .gsection_description form button[type=submit],
.content form p button[type=submit],
.content form .gform_wrapper .gform_fields .gfield.gsection .gsection_description button[type=submit],
.gform_wrapper .gform_fields .gfield.gsection .content form .gsection_description button[type=submit] {
  margin: 10px 5px 0;
}

.content p .btn:first-child,
.content .gform_wrapper .gform_fields .gfield.gsection .gsection_description .btn:first-child,
.gform_wrapper .gform_fields .gfield.gsection .content .gsection_description .btn:first-child,
.content p form input[type=button]:first-child,
.content .gform_wrapper .gform_fields .gfield.gsection .gsection_description form input[type=button]:first-child,
.gform_wrapper .gform_fields .gfield.gsection .content .gsection_description form input[type=button]:first-child,
.content form p input[type=button]:first-child,
.content form .gform_wrapper .gform_fields .gfield.gsection .gsection_description input[type=button]:first-child,
.gform_wrapper .gform_fields .gfield.gsection .content form .gsection_description input[type=button]:first-child,
.content p form input[type=submit]:first-child,
.content .gform_wrapper .gform_fields .gfield.gsection .gsection_description form input[type=submit]:first-child,
.gform_wrapper .gform_fields .gfield.gsection .content .gsection_description form input[type=submit]:first-child,
.content form p input[type=submit]:first-child,
.content form .gform_wrapper .gform_fields .gfield.gsection .gsection_description input[type=submit]:first-child,
.gform_wrapper .gform_fields .gfield.gsection .content form .gsection_description input[type=submit]:first-child,
.content p form button[type=submit]:first-child,
.content .gform_wrapper .gform_fields .gfield.gsection .gsection_description form button[type=submit]:first-child,
.gform_wrapper .gform_fields .gfield.gsection .content .gsection_description form button[type=submit]:first-child,
.content form p button[type=submit]:first-child,
.content form .gform_wrapper .gform_fields .gfield.gsection .gsection_description button[type=submit]:first-child,
.gform_wrapper .gform_fields .gfield.gsection .content form .gsection_description button[type=submit]:first-child {
  margin-left: 0;
}

.content p .btn:last-child,
.content .gform_wrapper .gform_fields .gfield.gsection .gsection_description .btn:last-child,
.gform_wrapper .gform_fields .gfield.gsection .content .gsection_description .btn:last-child,
.content p form input[type=button]:last-child,
.content .gform_wrapper .gform_fields .gfield.gsection .gsection_description form input[type=button]:last-child,
.gform_wrapper .gform_fields .gfield.gsection .content .gsection_description form input[type=button]:last-child,
.content form p input[type=button]:last-child,
.content form .gform_wrapper .gform_fields .gfield.gsection .gsection_description input[type=button]:last-child,
.gform_wrapper .gform_fields .gfield.gsection .content form .gsection_description input[type=button]:last-child,
.content p form input[type=submit]:last-child,
.content .gform_wrapper .gform_fields .gfield.gsection .gsection_description form input[type=submit]:last-child,
.gform_wrapper .gform_fields .gfield.gsection .content .gsection_description form input[type=submit]:last-child,
.content form p input[type=submit]:last-child,
.content form .gform_wrapper .gform_fields .gfield.gsection .gsection_description input[type=submit]:last-child,
.gform_wrapper .gform_fields .gfield.gsection .content form .gsection_description input[type=submit]:last-child,
.content p form button[type=submit]:last-child,
.content .gform_wrapper .gform_fields .gfield.gsection .gsection_description form button[type=submit]:last-child,
.gform_wrapper .gform_fields .gfield.gsection .content .gsection_description form button[type=submit]:last-child,
.content form p button[type=submit]:last-child,
.content form .gform_wrapper .gform_fields .gfield.gsection .gsection_description button[type=submit]:last-child,
.gform_wrapper .gform_fields .gfield.gsection .content form .gsection_description button[type=submit]:last-child {
  margin-right: 0;
}

.content p .btn.btn-full,
.content .gform_wrapper .gform_fields .gfield.gsection .gsection_description .btn.btn-full,
.gform_wrapper .gform_fields .gfield.gsection .content .gsection_description .btn.btn-full,
.content p form input.btn-full[type=button],
.content .gform_wrapper .gform_fields .gfield.gsection .gsection_description form input.btn-full[type=button],
.gform_wrapper .gform_fields .gfield.gsection .content .gsection_description form input.btn-full[type=button],
.content form p input.btn-full[type=button],
.content form .gform_wrapper .gform_fields .gfield.gsection .gsection_description input.btn-full[type=button],
.gform_wrapper .gform_fields .gfield.gsection .content form .gsection_description input.btn-full[type=button],
.content p form input.btn-full[type=submit],
.content .gform_wrapper .gform_fields .gfield.gsection .gsection_description form input.btn-full[type=submit],
.gform_wrapper .gform_fields .gfield.gsection .content .gsection_description form input.btn-full[type=submit],
.content form p input.btn-full[type=submit],
.content form .gform_wrapper .gform_fields .gfield.gsection .gsection_description input.btn-full[type=submit],
.gform_wrapper .gform_fields .gfield.gsection .content form .gsection_description input.btn-full[type=submit],
.content p form button.btn-full[type=submit],
.content .gform_wrapper .gform_fields .gfield.gsection .gsection_description form button.btn-full[type=submit],
.gform_wrapper .gform_fields .gfield.gsection .content .gsection_description form button.btn-full[type=submit],
.content form p button.btn-full[type=submit],
.content form .gform_wrapper .gform_fields .gfield.gsection .gsection_description button.btn-full[type=submit],
.gform_wrapper .gform_fields .gfield.gsection .content form .gsection_description button.btn-full[type=submit] {
  margin-left: 0;
  margin-right: 0;
}

.content p.intro,
.content .gform_wrapper .gform_fields .gfield.gsection .intro.gsection_description,
.gform_wrapper .gform_fields .gfield.gsection .content .intro.gsection_description {
  color: #678897;
  font-size: 1.5em;
}

.content p.micro,
.content .gform_wrapper .gform_fields .gfield.gsection .micro.gsection_description,
.gform_wrapper .gform_fields .gfield.gsection .content .micro.gsection_description {
  color: #8da6b1;
  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: 40px;
  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: 50%;
  right: calc( 100% + 10px );
  width: 30px;
  margin-top: -0.5em;
  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 + .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: #517788;
  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,
.content blockquote .gform_wrapper .gform_fields .gfield.gsection .gsection_description,
.gform_wrapper .gform_fields .gfield.gsection .content blockquote .gsection_description {
  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 blockquote .gform_wrapper .gform_fields .gfield.gsection .gsection_description:first-child:before,
.gform_wrapper .gform_fields .gfield.gsection .content blockquote .gsection_description:first-child:before {
  content: open-quote;
}

.content blockquote p:last-child:after,
.content blockquote .gform_wrapper .gform_fields .gfield.gsection .gsection_description:last-child:after,
.gform_wrapper .gform_fields .gfield.gsection .content blockquote .gsection_description: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: #517788;
  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 #eef1f3;
}

.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 #dce4e7;
  background-color: #f6f8f9;
  font-family: monospace;
  color: #517788;
  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;
}

/*
==========================================================================
    Masthead
==========================================================================
*/

.masthead {
  position: relative;
  z-index: 50;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #fff;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05);
}

.masthead.masthead--sticky {
  position: -webkit-sticky;
  position: sticky;
}

.masthead__logo {
  width: 12em;
}

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

.masthead__slogan {
  padding-top: 0.5em;
  margin-left: 2rem;
  font-size: 1.25em;
  color: #8da6b1;
  font-weight: normal;
}

.masthead__nav,
.masthead__nav-mobile {
  margin-left: auto;
}

.masthead__nav .menu,
.masthead__nav-mobile .menu {
  list-style: none;
  display: flex;
}

.masthead__nav .menu-item.current-menu-item a,
.masthead__nav-mobile .menu-item.current-menu-item a {
  color: #3d5966;
}

.masthead__nav .menu a,
.masthead__nav-mobile .menu a {
  display: block;
  padding: 0.75em 1em;
  color: #8da6b1;
  font-weight: bold;
}

.masthead__nav .menu a:hover,
.masthead__nav .menu a:focus,
.masthead__nav-mobile .menu a:hover,
.masthead__nav-mobile .menu a:focus {
  color: #293c44;
}

.masthead__nav-mobile {
  display: none;
}

.masthead__menu-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;
  padding: 0.75em 1em;
}

.masthead__menu-toggle:hover .hamburger span,
.masthead__menu-toggle:focus .hamburger span {
  background-color: #293c44;
}

.masthead__menu-toggle .hamburger span {
  background-color: #8da6b1;
}

.masthead .container {
  display: flex;
  align-items: center;
  height: 5em;
}

.masthead .account {
  position: relative;
  display: flex;
  align-items: center;
  margin-left: auto;
}

.masthead .account__avatar {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.5em;
  height: 2.5em;
  margin-right: 0.75em;
  border-radius: 50%;
  background: linear-gradient(to bottom right, #0098d9, #aec90c);
  background-color: #0098d9;
  color: #fff;
  font-weight: bold;
  line-height: 1em;
  text-align: center;
}

.masthead .account__info {
  flex-grow: 1;
}

.masthead .account__name {
  font-size: 1em;
}

.masthead .account__subtitle {
  margin: 0.125em 0 0;
  color: #8da6b1;
  font-size: 0.875em;
}

@media only screen and (max-width: 1200px) {
  body.show-menu .masthead__nav {
    transform: scale(1);
    transition-delay: 0s;
  }

  body.show-menu .masthead__nav .menu {
    opacity: 1;
    visibility: visible;
    transition-delay: 0.2s;
  }

  .masthead__nav {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background-color: #fff;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05);
    transform-origin: top;
    transform: scaleY(0);
    transition: transform 0.15s ease-out 0.2s;
  }

  .masthead__nav .menu {
    flex-direction: column;
    max-width: 960px;
    margin: auto;
    padding: 0 0 1em;
    opacity: 0;
    visibility: hidden;
    transition: all 0.15s ease-out;
  }

  .masthead__nav .menu > .menu-item {
    margin: 0.25em 0;
  }

  .masthead__nav .menu > .menu-item:first-child {
    margin-top: 0;
  }

  .masthead__nav .menu > .menu-item:last-child {
    margin-bottom: 0;
  }

  .masthead__nav .menu a {
    padding: 0.25em 1em;
  }

  .masthead__nav-mobile {
    display: block;
  }
}

@media only screen and (max-width: 991px) {
  .masthead__logo {
    width: 10em;
  }

  .masthead__slogan {
    padding-top: 0.35em;
    margin-left: 1.5em;
    font-size: 1.125em;
  }

  .masthead__nav .menu {
    max-width: 720px;
  }

  .masthead .container {
    height: 4em;
  }
}

@media only screen and (max-width: 767px) {
  .masthead__nav .menu {
    padding: 0 5px 1em;
  }

  .masthead__nav-mobile .menu a,
  .masthead__menu-toggle {
    padding: 0.75em;
  }

  .masthead .container {
    padding-right: 5px;
  }
}

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

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

.site-footer {
  margin-top: auto;
  padding-bottom: 2em;
  text-align: center;
}

.site-footer__copyright {
  color: #8da6b1;
  font-size: 0.75em;
}

.site-footer__signature {
  display: inline-block;
  margin: 0.5em 0 0;
  color: #8da6b1;
  font-size: 0.75em;
}

.site-footer__signature:hover,
.site-footer__signature:focus {
  text-decoration: none;
}

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

.content form input:not([type=radio]):not([type=checkbox]):not([type=file]):not([type=button]):not([type=submit]),
.content form textarea,
.content form 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: 3em;
  padding: 0 1em;
  border-radius: 0.25em;
  border: 2px solid #b3c4cb;
  background-color: #fff;
  color: #3d5966;
  transition: all 0.15s ease-out;
}

.content form input:not([type=radio]):not([type=checkbox]):not([type=file]):not([type=button]):not([type=submit]):hover,
.content form input:not([type=radio]):not([type=checkbox]):not([type=file]):not([type=button]):not([type=submit]):focus,
.content form textarea:hover,
.content form textarea:focus,
.content form select:hover,
.content form select:focus {
  border-color: #0098d9;
}

.content form input:not([type=radio]):not([type=checkbox]):not([type=file]):not([type=button]):not([type=submit])::-webkit-input-placeholder,
.content form textarea::-webkit-input-placeholder,
.content form select::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #b3c4cb;
}

.content form input:not([type=radio]):not([type=checkbox]):not([type=file]):not([type=button]):not([type=submit])::-moz-placeholder,
.content form textarea::-moz-placeholder,
.content form select::-moz-placeholder {
  /* Firefox 19+ */
  color: #b3c4cb;
}

.content form input:not([type=radio]):not([type=checkbox]):not([type=file]):not([type=button]):not([type=submit]):-ms-input-placeholder,
.content form textarea:-ms-input-placeholder,
.content form select:-ms-input-placeholder {
  /* IE 10+ */
  color: #b3c4cb;
}

.content form input:not([type=radio]):not([type=checkbox]):not([type=file]):not([type=button]):not([type=submit]):-moz-placeholder,
.content form textarea:-moz-placeholder,
.content form select:-moz-placeholder {
  /* Firefox 18- */
  color: #b3c4cb;
}

.content form input:not([type=radio]):not([type=checkbox]):not([type=file]):not([type=button]):not([type=submit]):disabled,
.content form textarea:disabled,
.content form select:disabled {
  border-color: #b3c4cb;
  background-color: #fbfcfc;
  color: #8da6b1;
  cursor: not-allowed;
}

.content form input:not([type=radio]):not([type=checkbox]):not([type=file]):not([type=button]):not([type=submit]):-moz-read-only, .content form textarea:-moz-read-only {
  border-color: #b3c4cb;
  background-color: #fbfcfc;
  color: #8da6b1;
  cursor: not-allowed;
}

.content form input:not([type=radio]):not([type=checkbox]):not([type=file]):not([type=button]):not([type=submit]):read-only,
.content form textarea:read-only {
  border-color: #b3c4cb;
  background-color: #fbfcfc;
  color: #8da6b1;
  cursor: not-allowed;
}

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

.content form select {
  cursor: pointer;
}

/*
==========================================================================
    Forms - Gravity Forms markup
==========================================================================
*/

.gform_confirmation_wrapper .gform_confirmation_message {
  font-family: "Raleway", system-ui, sans-serif;
  color: #aec90c;
  font-weight: bold;
}

script + .gform_wrapper {
  margin-top: 0 !important;
}

.content .gform_wrapper {
  padding: 2em;
  border-radius: 0.5em;
  border: 2px solid #eef1f3;
  background-color: #fbfcfc;
}

.gform_wrapper {
  margin: 30px 0;
  font-family: "Raleway", system-ui, sans-serif;
  font-size: 1rem;
  font-weight: normal;
  text-align: left;
}

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

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

.gform_wrapper .validation_error {
  margin: 1em 0;
  color: #ff2d30;
}

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

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

.gform_wrapper .gform_hidden {
  display: none !important;
}

.gform_wrapper .gform_heading,
.gform_wrapper .gform_body,
.gform_wrapper .gform_footer {
  margin: 0 0 30px;
}

.gform_wrapper .gform_heading:first-child,
.gform_wrapper .gform_body:first-child,
.gform_wrapper .gform_footer:first-child {
  margin-top: 0;
}

.gform_wrapper .gform_heading:last-child,
.gform_wrapper .gform_body:last-child,
.gform_wrapper .gform_footer:last-child {
  margin-bottom: 0;
}

.gform_wrapper .gform_heading .gform_title {
  margin: 0;
  color: #0098d9;
  font-size: 2em;
}

.gform_wrapper .gform_heading .gform_description {
  display: block;
  margin: 1em 0;
  color: #517788;
  font-size: 1rem;
  line-height: 1.8em;
}

.gform_wrapper .gform_heading .gform_description:first-child {
  margin-top: 0;
}

.gform_wrapper .gform_heading .gform_description:last-child {
  margin-bottom: 0;
}

.gform_wrapper .gform_fields {
  list-style: none;
  margin: 0;
}

.gform_wrapper .gform_fields .gfield {
  display: block;
  padding: 0;
  margin-top: 30px;
}

.gform_wrapper .gform_fields .gfield:before {
  display: none;
}

.gform_wrapper .gform_fields .gfield:first-child {
  margin-top: 0;
}

.gform_wrapper .gform_fields .gfield.gfield_error .ginput_container.ginput_complex .error_icon {
  top: 10px !important;
  right: calc( 100% + .5em );
  margin-right: -5px;
}

.gform_wrapper .gform_fields .gfield.gfield_error .ginput_container:not(.ginput_container_checkbox):not(.ginput_container_radio):not(.ginput_container_select) {
  position: relative;
}

.gform_wrapper .gform_fields .gfield.gfield_error .ginput_container:not(.ginput_container_checkbox):not(.ginput_container_radio):not(.ginput_container_select) input:not([type=radio]):not([type=checkbox]):not([type=file]):not([type=button]):not([type=submit]),
.gform_wrapper .gform_fields .gfield.gfield_error .ginput_container:not(.ginput_container_checkbox):not(.ginput_container_radio):not(.ginput_container_select) textarea {
  border-color: #ff2d30;
  background-color: #fff5f5;
}

.gform_wrapper .gform_fields .gfield.gfield_error .ginput_container:not(.ginput_container_checkbox):not(.ginput_container_radio):not(.ginput_container_select) .error_icon {
  top: 0;
  right: calc( 100% + .5em );
}

.gform_wrapper .gform_fields .gfield.gfield_error .gfield_description.validation_message {
  color: #ff2d30;
  font-weight: bold;
}

.gform_wrapper .gform_fields .gfield.gfield_html {
  padding: 1em 1.25em;
  border-radius: 0.25em;
  border: 2px solid #bfe5f6;
  background-color: #e6f5fb;
  color: #00628d;
  font-size: 0.875em;
  line-height: 1.618em;
}

.gform_wrapper .gform_fields .gfield.gsection {
  padding: 0.5em 0;
}

.gform_wrapper .gform_fields .gfield.gsection .gsection_title {
  font-size: 1.125em;
  font-weight: bold;
}

.gform_wrapper .gform_fields .gfield.gsection .gsection_description {
  margin: 0.75em 0;
  font-size: 0.875em;
}

.gform_wrapper .gform_fields .gfield.gsection .gsection_description:first-child {
  margin-top: 0;
}

.gform_wrapper .gform_fields .gfield.gsection .gsection_description:last-child {
  margin-bottom: 0;
}

.gform_wrapper .gform_fields .gfield .gfield_label {
  display: block;
  padding: 0;
  margin: 0.5em 0;
  font-family: "Raleway", system-ui, sans-serif;
  color: #517788;
  font-size: 1em;
  font-weight: bold;
}

.gform_wrapper .gform_fields .gfield .gfield_label:first-child {
  margin-top: 0;
}

.gform_wrapper .gform_fields .gfield .gfield_label:last-child {
  margin-bottom: 0;
}

.gform_wrapper .gform_fields .gfield .gfield_label .gfield_required {
  position: relative;
  top: -0.125em;
  display: inline-block;
  margin: 0 0.75em;
  color: #0098d9;
  font-size: 0.75rem;
}

.gform_wrapper .gform_fields .gfield .gfield_label .gfield_required .fa {
  color: inherit;
}

.gform_wrapper .gform_fields .gfield .clear-multi {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin: -10px;
}

.gform_wrapper .gform_fields .gfield .clear-multi div {
  flex: 0 0 50%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 10px;
}

.gform_wrapper .gform_fields .gfield .clear-multi div * {
  margin: 0 5px;
}

.gform_wrapper .gform_fields .gfield .clear-multi div *:first-child {
  margin-left: 0;
}

.gform_wrapper .gform_fields .gfield .clear-multi div *:last-child {
  margin-right: 0;
}

.gform_wrapper .gform_fields .gfield .clear-multi div i {
  font-style: normal;
}

.gform_wrapper .gform_fields .gfield .ginput_container.ginput_container_checkbox .gfield_checkbox {
  list-style: none;
  margin: 0;
}

.gform_wrapper .gform_fields .gfield .ginput_container.ginput_container_checkbox .gfield_checkbox > li {
  margin: 0.5em 0 0;
}

.gform_wrapper .gform_fields .gfield .ginput_container.ginput_container_checkbox .gfield_checkbox > li:first-child {
  margin-top: 0;
}

.gform_wrapper .gform_fields .gfield .ginput_container.ginput_container_checkbox .gfield_checkbox > li:last-child {
  margin-bottom: 0;
}

.gform_wrapper .gform_fields .gfield .ginput_container.ginput_container_checkbox .gfield_checkbox > li:before {
  display: none;
}

.gform_wrapper .gform_fields .gfield .ginput_container.ginput_container_checkbox input[type=checkbox] {
  margin-right: 0.35em;
  font-size: 2em;
}

.gform_wrapper .gform_fields .gfield .ginput_container.ginput_container_checkbox input[type=checkbox]:checked ~ label {
  color: #517788;
  font-weight: bold;
}

.gform_wrapper .gform_fields .gfield .ginput_container.ginput_container_checkbox label {
  color: #678897;
  font-size: 0.875em;
  font-weight: normal;
  cursor: pointer;
}

.gform_wrapper .gform_fields .gfield .ginput_container.ginput_container_radio .gfield_radio {
  list-style: none;
  margin: 0;
}

.gform_wrapper .gform_fields .gfield .ginput_container.ginput_container_radio .gfield_radio > li {
  margin: 0.5em 0 0;
}

.gform_wrapper .gform_fields .gfield .ginput_container.ginput_container_radio .gfield_radio > li:first-child {
  margin-top: 0;
}

.gform_wrapper .gform_fields .gfield .ginput_container.ginput_container_radio .gfield_radio > li:last-child {
  margin-bottom: 0;
}

.gform_wrapper .gform_fields .gfield .ginput_container.ginput_container_radio .gfield_radio > li:before {
  display: none;
}

.gform_wrapper .gform_fields .gfield .ginput_container.ginput_container_radio input[type=radio] {
  margin-right: 0.35em;
  font-size: 2em;
}

.gform_wrapper .gform_fields .gfield .ginput_container.ginput_container_radio input[type=radio]:checked ~ label {
  color: #517788;
  font-weight: bold;
}

.gform_wrapper .gform_fields .gfield .ginput_container.ginput_container_radio label {
  color: #678897;
  font-size: 0.875em;
  font-weight: normal;
  cursor: pointer;
}

.gform_wrapper .gform_fields .gfield .ginput_container.ginput_container_select {
  position: relative;
}

.gform_wrapper .gform_fields .gfield .ginput_container.ginput_container_select .field_icon {
  top: 0;
  right: 0.5em;
}

.gform_wrapper .gform_fields .gfield .ginput_container.ginput_container_select select {
  padding-right: 2em;
}

.gform_wrapper .gform_fields .gfield .ginput_container.ginput_container_multiselect select {
  height: 110px;
  padding: 10px;
  resize: none;
}

.gform_wrapper .gform_fields .gfield .ginput_container.ginput_container_multiselect select option {
  padding: 0.25em 0.5em;
}

.gform_wrapper .gform_fields .gfield .ginput_container.ginput_container_date {
  position: relative;
}

.gform_wrapper .gform_fields .gfield .ginput_container.ginput_container_date .field_icon {
  top: 0;
  left: 0.875em;
}

.gform_wrapper .gform_fields .gfield .ginput_container.ginput_container_date input.datepicker:not([type=radio]):not([type=checkbox]):not([type=button]):not([type=submit]):not([type=file]) {
  padding-left: 2.5em;
}

.gform_wrapper .gform_fields .gfield .ginput_container.ginput_container_fileupload input[type=file] {
  font-family: inherit;
  color: #517788;
  font-size: 0.875em;
  line-height: 1ex;
}

.gform_wrapper .gform_fields .gfield .ginput_container.ginput_container_fileupload .gform_drop_area {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100px;
  border: 2px dashed #eef1f3;
  background-color: rgba(255, 255, 255, 0.5);
}

.gform_wrapper .gform_fields .gfield .ginput_container.ginput_container_fileupload .gform_drop_area .gform_drop_instructions {
  margin: 5px 10px;
  color: #517788;
  font-size: 0.875em;
}

.gform_wrapper .gform_fields .gfield .ginput_container.ginput_container_fileupload .gform_drop_area input[type=button] {
  padding: 0.5em 1em;
}

.gform_wrapper .gform_fields .gfield .ginput_container.ginput_container_fileupload .screen-reader-text {
  display: block;
  margin: 0.75em 0;
  font-size: 0.875em;
}

.gform_wrapper .gform_fields .gfield .ginput_container.ginput_container_fileupload .screen-reader-text:first-child {
  margin-top: 0;
}

.gform_wrapper .gform_fields .gfield .ginput_container.ginput_container_fileupload .screen-reader-text:last-child {
  margin-bottom: 0;
}

.gform_wrapper .gform_fields .gfield .ginput_container.ginput_container_list table.gfield_list {
  width: 100%;
  margin: 0;
  border: 0;
}

.gform_wrapper .gform_fields .gfield .ginput_container.ginput_container_list table.gfield_list tr {
  background: none;
}

.gform_wrapper .gform_fields .gfield .ginput_container.ginput_container_list table.gfield_list thead tr {
  vertical-align: bottom;
}

.gform_wrapper .gform_fields .gfield .ginput_container.ginput_container_list table.gfield_list thead tr th {
  padding-bottom: 0.5em;
  font-size: 0.875em;
  line-height: 1.3em;
}

.gform_wrapper .gform_fields .gfield .ginput_container.ginput_container_list table.gfield_list tbody tr.gfield_list_group:first-child td {
  padding-top: 0;
}

.gform_wrapper .gform_fields .gfield .ginput_container.ginput_container_list table.gfield_list tbody tr.gfield_list_group td {
  padding: 10px 10px 0 0;
  border: 0;
}

.gform_wrapper .gform_fields .gfield .ginput_container.ginput_container_list table.gfield_list tbody tr.gfield_list_group td:last-child {
  padding-right: 0;
}

.gform_wrapper .gform_fields .gfield .ginput_container.ginput_container_list table.gfield_list tbody tr.gfield_list_group td.gfield_list_icons {
  width: 15px;
}

.gform_wrapper .gform_fields .gfield .ginput_container.ginput_container_list table.gfield_list tbody tr.gfield_list_group td.gfield_list_icons img {
  display: inline;
  margin: 0;
}

.gform_wrapper .gform_fields .gfield .ginput_container.ginput_complex {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-start;
  margin: -10px -5px;
}

.gform_wrapper .gform_fields .gfield .ginput_container.ginput_complex span {
  flex: 1;
  display: block;
  padding: 10px 5px;
}

.gform_wrapper .gform_fields .gfield .ginput_container.ginput_complex span.ginput_full {
  flex: 1 0 100%;
}

.gform_wrapper .gform_fields .gfield .ginput_container.ginput_complex span.ginput_left,
.gform_wrapper .gform_fields .gfield .ginput_container.ginput_complex span.ginput_right {
  flex: 1 0 50%;
}

.gform_wrapper .gform_fields .gfield .ginput_container.ginput_complex label {
  display: block;
  margin: 0.5em 0 0;
  color: #678897;
  font-size: 0.875em;
}

.gform_wrapper .gform_fields .gfield .ginput_container .field_icon,
.gform_wrapper .gform_fields .gfield .ginput_container .error_icon {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 50px;
  width: 1em;
  font-size: 1rem;
  line-height: 1em;
  pointer-events: none;
}

.gform_wrapper .gform_fields .gfield .ginput_container .field_icon {
  color: #b3c4cb;
}

.gform_wrapper .gform_fields .gfield .ginput_container .error_icon {
  color: #ff2d30;
}

.gform_wrapper .gform_fields .gfield .gfield_description {
  margin: 0.75em 0;
  color: #8da6b1;
  font-size: 0.875em;
  font-weight: normal;
}

.gform_wrapper .gform_fields .gfield .gfield_description:first-child {
  margin-top: 0;
}

.gform_wrapper .gform_fields .gfield .gfield_description:last-child {
  margin-bottom: 0;
}

.gform_validation_container,
.gform_wrapper .gform_validation_container,
body .gform_wrapper .gform_body ul.gform_fields li.gfield.gform_validation_container,
body .gform_wrapper li.gform_validation_container,
body .gform_wrapper ul.gform_fields li.gfield.gform_validation_container {
  position: absolute !important;
  left: -9000px;
  height: 0;
  overflow: hidden;
}

label[for]:hover {
  cursor: pointer;
}

.ui-datepicker {
  display: none;
  width: 300px;
  max-width: 100%;
  padding: 15px;
  border-radius: 0.5em;
  background-color: #f6f8f9;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.05);
}

.ui-datepicker .ui-datepicker-header {
  padding-bottom: 15px;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-header .ui-datepicker-next {
  display: none;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-title {
  display: flex;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-title select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-radius: 0;
  border: 0;
  background: none;
  flex: 1;
  height: 30px;
  margin: 0 4px;
  padding: 0 10px;
  border-radius: 0.25em;
  border: 1px solid #dce4e7;
  background-color: #fff;
  color: #517788;
  font-size: 0.875em;
  transition: all 0.15s ease-in-out;
  cursor: pointer;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-title select:first-child {
  margin-left: 0;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-title select:last-child {
  margin-right: 0;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-title select:hover,
.ui-datepicker .ui-datepicker-header .ui-datepicker-title select:focus {
  border-color: #0098d9;
}

.ui-datepicker .ui-datepicker-calendar {
  width: 100%;
  border: 1px solid #dce4e7;
  background-color: #fff;
  font-size: 0.875em;
}

.ui-datepicker .ui-datepicker-calendar tr {
  border-bottom: 1px solid #eef1f3;
}

.ui-datepicker .ui-datepicker-calendar tr:last-child {
  border: 0;
}

.ui-datepicker .ui-datepicker-calendar tr th {
  padding: 10px 0;
  border-bottom: 1px solid #eef1f3;
  color: #517788;
}

.ui-datepicker .ui-datepicker-calendar tr th,
.ui-datepicker .ui-datepicker-calendar tr td {
  text-align: center;
}

.ui-datepicker .ui-datepicker-calendar tr th a,
.ui-datepicker .ui-datepicker-calendar tr td a {
  display: block;
  padding: 6px 0;
  color: #8da6b1;
}

.ui-datepicker .ui-datepicker-calendar tr th a:hover,
.ui-datepicker .ui-datepicker-calendar tr th a:focus,
.ui-datepicker .ui-datepicker-calendar tr td a:hover,
.ui-datepicker .ui-datepicker-calendar tr td a:focus {
  background-color: #f6f8f9;
  text-decoration: none;
}

.ui-datepicker .ui-datepicker-calendar tr th a.ui-state-highlight,
.ui-datepicker .ui-datepicker-calendar tr td a.ui-state-highlight {
  background-color: #0098d9;
  color: #fff;
}

.ui-datepicker .ui-datepicker-calendar tr th a.ui-state-active,
.ui-datepicker .ui-datepicker-calendar tr td a.ui-state-active {
  background-color: #e6007f;
  color: #fff;
}

.custom-radio,
.custom-checkbox {
  position: relative;
  display: block;
  max-width: 20em;
  margin: 1em 0;
  cursor: pointer;
}

.custom-radio:first-child,
.custom-checkbox:first-child {
  margin-top: 0;
}

.custom-radio:last-child,
.custom-checkbox:last-child {
  margin-bottom: 0;
}

.custom-radio:hover .custom-radio__inner,
.custom-radio:hover .custom-checkbox__inner,
.custom-radio:focus-within .custom-radio__inner,
.custom-radio:focus-within .custom-checkbox__inner,
.custom-checkbox:hover .custom-radio__inner,
.custom-checkbox:hover .custom-checkbox__inner,
.custom-checkbox:focus-within .custom-radio__inner,
.custom-checkbox:focus-within .custom-checkbox__inner {
  border-color: #0098d9;
}

.custom-radio__input,
.custom-checkbox__input {
  position: absolute;
  left: -9999px;
  opacity: 0;
}

.custom-radio__input:checked ~ .custom-radio__inner,
.custom-radio__input:checked ~ .custom-checkbox__inner,
.custom-checkbox__input:checked ~ .custom-radio__inner,
.custom-checkbox__input:checked ~ .custom-checkbox__inner {
  border-color: transparent;
  background-color: #aec90c;
  color: #fff;
  font-weight: bold;
}

.custom-radio__input:checked ~ .custom-radio__inner .custom-radio__fancy-input,
.custom-radio__input:checked ~ .custom-radio__inner .custom-checkbox__fancy-input,
.custom-radio__input:checked ~ .custom-checkbox__inner .custom-radio__fancy-input,
.custom-radio__input:checked ~ .custom-checkbox__inner .custom-checkbox__fancy-input,
.custom-checkbox__input:checked ~ .custom-radio__inner .custom-radio__fancy-input,
.custom-checkbox__input:checked ~ .custom-radio__inner .custom-checkbox__fancy-input,
.custom-checkbox__input:checked ~ .custom-checkbox__inner .custom-radio__fancy-input,
.custom-checkbox__input:checked ~ .custom-checkbox__inner .custom-checkbox__fancy-input {
  background-color: #3d5966;
  color: #fff;
}

.custom-radio__inner,
.custom-checkbox__inner {
  display: flex;
  align-items: center;
  height: 3em;
  width: 100%;
  padding: 0 1em;
  border-radius: 0.25em;
  border: 2px solid #b3c4cb;
  background-color: #fff;
  color: #3d5966;
  transition: all 0.15s ease-out;
}

.custom-radio__fancy-input,
.custom-checkbox__fancy-input {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.5em;
  height: 1.5em;
  margin-right: 1em;
  border-radius: 0.25em;
  background-color: #dce4e7;
  color: transparent;
  font-size: 0.75em;
  line-height: 1em;
  text-align: center;
  transition: 0.15s ease-out;
}

.custom-radio__label,
.custom-checkbox__label {
  color: inherit;
}

.custom-radio.custom-radio--horizontal {
  margin: 0 0.5em 0.5em 0;
}

.fields {
  margin: 2.5em 0;
}

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

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

.field {
  margin: 2em 0;
}

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

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

.field.field--conditional {
  display: none;
}

.field.field--conditional.field--visible {
  display: block;
}

.field.field--error .field__input {
  border-color: #ff2d30;
}

.field.field--error .field__description {
  color: #ff2d30;
}

.field__label {
  display: block;
  margin: 0.5em 0;
  color: #293c44;
  font-size: 1em;
  line-height: 1.618em;
  font-weight: bold;
}

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

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

.field__required {
  position: relative;
  top: -0.1em;
  display: inline-block;
  margin: 0 0.35em;
  color: #e6007f;
  font-size: 0.75em;
}

.field__required .fa {
  color: inherit;
}

.field__input-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  max-width: 20em;
}

.field__input-wrapper.field__input-wrapper--wide {
  max-width: none;
}

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

.field__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;
  width: 100%;
  height: 3em;
  padding: 0 1em;
  border-radius: 0.25em;
  border: 2px solid #b3c4cb;
  background-color: #fff;
  color: #3d5966;
  transition: all 0.15s ease-out;
}

.field__input:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.field__input:-moz-read-only {
  border-color: #b3c4cb !important;
  background-color: #f6f8f9;
  color: #8da6b1;
  cursor: not-allowed;
}

.field__input:disabled,
.field__input:read-only {
  border-color: #b3c4cb !important;
  background-color: #f6f8f9;
  color: #8da6b1;
  cursor: not-allowed;
}

.field__input:hover,
.field__input:focus {
  border: 2px solid #0098d9;
}

.field__input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #b3c4cb;
}

.field__input::-moz-placeholder {
  /* Firefox 19+ */
  color: #b3c4cb;
}

.field__input:-ms-input-placeholder {
  /* IE 10+ */
  color: #b3c4cb;
}

.field__input:-moz-placeholder {
  /* Firefox 18- */
  color: #b3c4cb;
}

.field__prepend,
.field__append {
  align-self: stretch;
  display: flex;
  align-items: center;
  padding: 0 1em;
  border: 2px solid #b3c4cb;
  background-color: #eef1f3;
  font-size: 0.875em;
  color: #678897;
  white-space: nowrap;
}

.field__prepend {
  border-radius: 0.25em 0 0 0.25em;
  border-right: 0;
}

.field__prepend + .field__input {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.field__append {
  border-radius: 0 0.25em 0.25em 0;
  border-left: 0;
}

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

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

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

.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[class*="--vertical"],
.fancy-radio-row[class*="--vertical"] {
  flex-direction: column;
  align-items: flex-start;
}

.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;
      -ms-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 #b3c4cb, inset 0 0.125em 0.25em #eef1f3;
  transition: all 0.15s ease-in-out;
}

.fancy-checkbox__label,
.fancy-radio__label {
  flex-grow: 1;
  font-family: "Raleway", system-ui, sans-serif;
  color: #517788;
  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 #b3c4cb, inset 0 0.125em 0.25em #eef1f3;
}

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

.fancy-checkbox__input:checked ~ .fancy-checkbox__label {
  color: #293c44;
  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 #b3c4cb, inset 0 0.125em 0.25em #eef1f3;
}

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

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

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

.custom-image-radios {
  max-width: 40em;
}

.custom-image-radios__grid {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: flex-start;
  margin: -1em;
}

.custom-image-radios__grid:hover .custom-image-radio,
.custom-image-radios__grid:focus .custom-image-radio {
  opacity: 0.75;
}

.custom-image-radios__grid:hover .custom-image-radio:hover,
.custom-image-radios__grid:hover .custom-image-radio:focus,
.custom-image-radios__grid:focus .custom-image-radio:hover,
.custom-image-radios__grid:focus .custom-image-radio:focus {
  opacity: 1;
}

.custom-image-radios__grid .custom-image-radio {
  width: calc(50% - 2em);
  margin: 1em;
}

.custom-image-radio {
  position: relative;
  display: flex;
  cursor: pointer;
  transition: all 0.15s ease-out;
}

.custom-image-radio:hover .custom-image-radio__image,
.custom-image-radio:focus-within .custom-image-radio__image {
  box-shadow: inset 0 0 0 2px #0098d9;
}

.custom-image-radio:hover .custom-image-radio__label,
.custom-image-radio:focus-within .custom-image-radio__label {
  border-color: #0098d9;
}

.custom-image-radio__input {
  position: absolute;
  left: -9999px;
  opacity: 0;
}

.custom-image-radio__input:checked ~ .custom-image-radio__inner {
  color: #fff;
  font-weight: bold;
}

.custom-image-radio__input:checked ~ .custom-image-radio__inner .custom-image-radio__image {
  box-shadow: inset 0 0 0 4px #aec90c;
}

.custom-image-radio__input:checked ~ .custom-image-radio__inner .custom-image-radio__label {
  border-color: transparent;
  background-color: #aec90c;
}

.custom-image-radio__inner {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  width: 100%;
  border-radius: 0.5em;
  color: #3d5966;
}

.custom-image-radio__image {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 75%;
  border-radius: 0.5em 0.5em 0 0;
  background: center/cover no-repeat #d9f0f9;
  box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.25);
  transition: box-shadow 0.15s ease-out;
}

.custom-image-radio__label {
  flex-grow: 1;
  padding: 0.875em 1em;
  border-radius: 0 0 0.5em 0.5em;
  border: 2px solid #b3c4cb;
  border-top: 0;
  background-color: #fff;
  color: inherit;
}

@media only screen and (min-width: 768px) {
  .field.field--label-left {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 1.5em 0;
  }

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

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

  .field.field--label-left.field--align-top {
    align-items: flex-start;
  }

  .field.field--label-left.field--submit {
    padding-left: 16rem;
  }

  .field.field--label-left .field__label {
    flex-shrink: 0;
    width: 16rem;
    margin: 0;
    padding-right: 2em;
  }

  .field.field--label-left .field__input-wrapper.field__input-wrapper--wide {
    flex-grow: 1;
    width: auto;
  }

  .field.field--label-left .field__description {
    width: 100%;
    padding-left: 16rem;
  }
}

@media only screen and (max-width: 580px) {
  .custom-image-radios__grid {
    margin: -0.5em;
  }

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

  .custom-image-radio__label {
    font-size: 0.875em;
  }
}

@media only screen and (max-width: 480px) {
  .field__input-wrapper,
  .custom-radio,
  .custom-checkbox {
    max-width: none;
  }
}

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

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

body.show-modal {
  overflow: hidden;
}

.modals {
  position: fixed;
  z-index: 9999;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  height: 100%;
  background-color: rgba(81, 119, 136, 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: 600px;
  max-width: 90%;
  border-radius: 0.5em;
  background-color: #fff;
  box-shadow: 0 0.5em 1em rgba(81, 119, 136, 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: #dce4e7;
  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: #8da6b1;
}

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

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

@media only screen and (max-width: 400px) {
  .modals .modal__scroll-container {
    padding: 1.125em 1.5em 1.25em;
  }
}

/*
==========================================================================
    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)
==========================================================================
*/

[data-toggle=tooltip] {
  cursor: pointer;
}

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

.tooltip.in {
  opacity: 1;
}

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

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

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

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

.tooltip-inner {
  max-width: 300px;
  padding: 0.5em 1em;
  color: #fff;
  text-align: left;
  background-color: #3d5966;
  border-radius: 0.5em;
}

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

.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #3d5966;
}

.tooltip.top-left .tooltip-arrow {
  bottom: 0;
  right: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #3d5966;
}

.tooltip.top-right .tooltip-arrow {
  bottom: 0;
  left: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #3d5966;
}

.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #3d5966;
}

.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #3d5966;
}

.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #3d5966;
}

.tooltip.bottom-left .tooltip-arrow {
  top: 0;
  right: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #3d5966;
}

.tooltip.bottom-right .tooltip-arrow {
  top: 0;
  left: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #3d5966;
}

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

/*
==========================================================================
	Custom icons
==========================================================================
*/

body.show-menu .hamburger span:nth-child(1) {
  width: 25px;
  transform: translate3d(8px, 0, 0) rotate(45deg);
}

body.show-menu .hamburger span:nth-child(2) {
  width: 25px;
  margin-left: 0;
  transform: translate3d(8px, 9px, 0) rotate(-45deg);
}

body.show-menu .hamburger span:nth-child(3) {
  opacity: 0;
  transform: translate3d(0, 9px, 0);
}

.hamburger {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  height: 20px;
}

.hamburger span {
  height: 2px;
  transition: all 0.15s ease-out;
  transform-origin: left center;
}

.hamburger span:nth-child(1) {
  width: 30px;
}

.hamburger span:nth-child(2) {
  width: 20px;
  margin-left: 10px;
}

.hamburger span:nth-child(3) {
  width: 10px;
  margin-left: 20px;
}

@media only screen and (max-width: 480px) {
  .hamburger {
    transform: scale(0.75);
  }
}

/*
==========================================================================
    Buttons
==========================================================================
*/

.btns {
  margin: 1.5em 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--centered .btns__inner {
  align-items: center;
}

.btns.btns--vertical .btns__inner {
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}

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

.btns .btn,
.btns .content form input[type=button],
.content form .btns input[type=button],
.btns .content form input[type=submit],
.content form .btns input[type=submit],
.btns .content form button[type=submit],
.content form .btns button[type=submit] {
  margin: 0.5rem;
}

.btn,
.content form input[type=button],
.content form input[type=submit],
.content form button[type=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;
  position: relative;
  display: inline-block;
  padding: 0.6em 1.25em;
  border-radius: 0.35em;
  font-family: "Raleway", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.5em;
  font-weight: bold;
  text-align: center;
  text-decoration: none !important;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
  transition: all 0.15s ease-in-out, top 0s;
}

.btn:active,
.content form input[type=button]:active,
.content form input[type=submit]:active,
.content form button[type=submit]:active {
  top: 1px;
}

.btn:disabled,
.content form input[type=button]:disabled,
.content form input[type=submit]:disabled,
.content form button[type=submit]:disabled,
.btn.btn--disabled,
.content form input.btn--disabled[type=button],
.content form input.btn--disabled[type=submit],
.content form button.btn--disabled[type=submit] {
  top: 0;
  background-color: #8da6b1 !important;
  color: #d9e1e5 !important;
  box-shadow: none !important;
  cursor: not-allowed;
}

.btn.btn--default,
.content form input.btn--default[type=button],
.content form input.btn--default[type=submit],
.content form button.btn--default[type=submit] {
  background-color: #293c44;
  color: #fff;
}

.btn.btn--default.btn--outline,
.content form input.btn--default.btn--outline[type=button],
.content form input.btn--default.btn--outline[type=submit],
.content form button.btn--default.btn--outline[type=submit] {
  background: transparent;
  color: #293c44;
  box-shadow: inset 0 0 0 2px #293c44;
}

.btn.btn--default.btn--outline:hover,
.content form input.btn--default.btn--outline[type=button]:hover,
.content form input.btn--default.btn--outline[type=submit]:hover,
.content form button.btn--default.btn--outline[type=submit]:hover,
.btn.btn--default.btn--outline:focus,
.content form input.btn--default.btn--outline[type=button]:focus,
.content form input.btn--default.btn--outline[type=submit]:focus,
.content form button.btn--default.btn--outline[type=submit]:focus {
  background-color: #293c44;
}

.btn.btn--default.btn--outline:active,
.content form input.btn--default.btn--outline[type=button]:active,
.content form input.btn--default.btn--outline[type=submit]:active,
.content form button.btn--default.btn--outline[type=submit]:active {
  box-shadow: inset 0 0 0 2px #23333a;
}

.btn.btn--default:hover,
.content form input.btn--default[type=button]:hover,
.content form input.btn--default[type=submit]:hover,
.content form button.btn--default[type=submit]:hover,
.btn.btn--default:focus,
.content form input.btn--default[type=button]:focus,
.content form input.btn--default[type=submit]:focus,
.content form button.btn--default[type=submit]:focus {
  background-color: #3e5057;
  color: #fff;
}

.btn.btn--default:active,
.content form input.btn--default[type=button]:active,
.content form input.btn--default[type=submit]:active,
.content form button.btn--default[type=submit]:active {
  background-color: #273941;
}

.btn.btn--primary,
.content form input[type=button],
.content form input[type=submit],
.content form button[type=submit] {
  background-color: #e6007f;
  color: #fff;
}

.btn.btn--primary.btn--outline,
.content form input.btn--outline[type=button],
.content form input.btn--outline[type=submit],
.content form button.btn--outline[type=submit] {
  background: transparent;
  color: #e6007f;
  box-shadow: inset 0 0 0 2px #e6007f;
}

.btn.btn--primary:hover,
.content form input[type=button]:hover,
.content form input[type=submit]:hover,
.content form button[type=submit]:hover,
.btn.btn--primary:focus,
.content form input[type=button]:focus,
.content form input[type=submit]:focus,
.content form button[type=submit]:focus {
  background-color: #e91a8c;
  color: #fff;
}

.btn.btn--primary:active,
.content form input[type=button]:active,
.content form input[type=submit]:active,
.content form button[type=submit]:active {
  background-color: #cf0072;
}

.btn.btn--secondary,
.content form input.btn--secondary[type=button],
.content form input.btn--secondary[type=submit],
.content form button.btn--secondary[type=submit] {
  background-color: #0098d9;
  color: #fff;
}

.btn.btn--secondary.btn--outline,
.content form input.btn--secondary.btn--outline[type=button],
.content form input.btn--secondary.btn--outline[type=submit],
.content form button.btn--secondary.btn--outline[type=submit] {
  background: transparent;
  color: #0098d9;
  box-shadow: inset 0 0 0 2px #0098d9;
}

.btn.btn--secondary:hover,
.content form input.btn--secondary[type=button]:hover,
.content form input.btn--secondary[type=submit]:hover,
.content form button.btn--secondary[type=submit]:hover,
.btn.btn--secondary:focus,
.content form input.btn--secondary[type=button]:focus,
.content form input.btn--secondary[type=submit]:focus,
.content form button.btn--secondary[type=submit]:focus {
  background-color: #1aa2dd;
  color: #fff;
}

.btn.btn--secondary:active,
.content form input.btn--secondary[type=button]:active,
.content form input.btn--secondary[type=submit]:active,
.content form button.btn--secondary[type=submit]:active {
  background-color: #0089c3;
}

.btn.btn--white,
.content form input.btn--white[type=button],
.content form input.btn--white[type=submit],
.content form button.btn--white[type=submit] {
  background-color: #fff;
  color: #0098d9;
}

.btn.btn--white.btn--outline,
.content form input.btn--white.btn--outline[type=button],
.content form input.btn--white.btn--outline[type=submit],
.content form button.btn--white.btn--outline[type=submit] {
  background: transparent;
  box-shadow: inset 0 0 0 2px #fff;
  color: #fff;
}

.btn.btn--white:hover,
.content form input.btn--white[type=button]:hover,
.content form input.btn--white[type=submit]:hover,
.content form button.btn--white[type=submit]:hover,
.btn.btn--white:focus,
.content form input.btn--white[type=button]:focus,
.content form input.btn--white[type=submit]:focus,
.content form button.btn--white[type=submit]:focus {
  background-color: #fff;
  color: #0098d9;
  box-shadow: inset 0 0 0 0 #fff;
}

.btn.btn--white:active,
.content form input.btn--white[type=button]:active,
.content form input.btn--white[type=submit]:active,
.content form button.btn--white[type=submit]:active {
  background-color: #f2f2f2;
}

.btn.btn--small,
.content form input.btn--small[type=button],
.content form input.btn--small[type=submit],
.content form button.btn--small[type=submit] {
  font-size: 0.75rem;
}

.btn.btn--x-small,
.content form input.btn--x-small[type=button],
.content form input.btn--x-small[type=submit],
.content form button.btn--x-small[type=submit],
.gform_wrapper .gform_fields .gfield .ginput_container.ginput_container_fileupload .gform_drop_area input.btn[type=button],
.content form .gform_wrapper .gform_fields .gfield .ginput_container.ginput_container_fileupload .gform_drop_area input[type=button],
.gform_wrapper .gform_fields .gfield .ginput_container.ginput_container_fileupload .gform_drop_area .content form input[type=button] {
  font-size: 0.675rem;
}

.btn.btn--large,
.content form input.btn--large[type=button],
.content form input.btn--large[type=submit],
.content form button.btn--large[type=submit] {
  font-size: 1rem;
}

.btn.btn--x-large,
.content form input.btn--x-large[type=button],
.content form input.btn--x-large[type=submit],
.content form button.btn--x-large[type=submit] {
  font-size: 1.125rem;
}

.btn.btn--small-padding,
.content form input.btn--small-padding[type=button],
.content form input.btn--small-padding[type=submit],
.content form button.btn--small-padding[type=submit],
.gform_wrapper .gform_fields .gfield .ginput_container.ginput_container_fileupload .gform_drop_area input.btn[type=button],
.content form .gform_wrapper .gform_fields .gfield .ginput_container.ginput_container_fileupload .gform_drop_area input[type=button],
.gform_wrapper .gform_fields .gfield .ginput_container.ginput_container_fileupload .gform_drop_area .content form input[type=button] {
  padding: 0.5em 0.75em;
}

.btn.btn--text-link,
.content form input.btn--text-link[type=button],
.content form input.btn--text-link[type=submit],
.content form button.btn--text-link[type=submit] {
  padding: 0.5em;
}

.btn.btn--wide,
.content form input.btn--wide[type=button],
.content form input.btn--wide[type=submit],
.content form button.btn--wide[type=submit],
.btn.btn--full,
.content form input.btn--full[type=button],
.content form input.btn--full[type=submit],
.content form button.btn--full[type=submit] {
  width: 100%;
  padding-left: 1em;
  padding-right: 1em;
}

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

@media only screen and (max-width: 480px) {
  .btn:not(.btn--dont-expand),
  .content form input[type=button]:not(.btn--dont-expand),
  .content form input[type=submit]:not(.btn--dont-expand),
  .content form button[type=submit]:not(.btn--dont-expand) {
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

/*
==========================================================================
    Sections
==========================================================================
*/

.section {
  position: relative;
  z-index: 1;
  padding: 0;
  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.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--border-top {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.section.section--border-bottom {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.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__background {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

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

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

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

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

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

.section__background.section__background--image.section__background--fixed {
  background-attachment: fixed;
}

.section__background.section__background--fade:after,
.section__background.section__background--fade-light:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.section__background.section__background--fade:after {
  background-color: rgba(81, 119, 136, 0.5);
}

.section__background.section__background--fade-light:after {
  background-color: rgba(255, 255, 255, 0.5);
}

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

.section__footer {
  margin: 3em 0 0;
}

.section__footer.section__footer--smaller-margin {
  margin: 1.5em 0 0;
}

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

@media only screen and (max-width: 580px) {
  .section {
    margin: 4em 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: 6em 0;
  }

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

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

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

  .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: 6em;
  }

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

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

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

/*
==========================================================================
    Section-title
==========================================================================
*/

.section-title {
  margin: 3em 0 1.5em;
}

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

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

.section-title.section-title--inverted .title,
.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: 2em 0 0.75em;
}

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

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

.section-title.text-center hr {
  margin-left: auto;
  margin-right: auto;
}

.section-title.section-title--has-btn {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.section-title.section-title--has-btn .pretitle,
.section-title.section-title--has-btn .subtitle {
  width: 100%;
}

.section-title.section-title--has-btn .title {
  flex-grow: 1;
  margin-right: auto;
  padding-right: 1em;
}

.section-title.section-title--has-btn .btn,
.section-title.section-title--has-btn .content form input[type=button],
.content form .section-title.section-title--has-btn input[type=button],
.section-title.section-title--has-btn .content form input[type=submit],
.content form .section-title.section-title--has-btn input[type=submit],
.section-title.section-title--has-btn .content form button[type=submit],
.content form .section-title.section-title--has-btn button[type=submit] {
  flex-shrink: 0;
}

.section-title hr {
  width: 40%;
  max-width: 250px;
  margin: 2.5em 0;
  border-color: #517788;
}

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

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

.section-title .title {
  font-size: 2em;
  line-height: 1.3em;
}

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

.section-title .title.title--light {
  color: #8da6b1;
}

.section-title .pretitle,
.section-title .subtitle {
  margin: 0.5em 0;
  font-size: 1em;
}

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

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

@media only screen and (max-width: 767px) {
  .section-title.section-title--has-btn .title {
    width: 100%;
  }

  .section-title.section-title--has-btn .btn,
  .section-title.section-title--has-btn .content form input[type=button],
  .content form .section-title.section-title--has-btn input[type=button],
  .section-title.section-title--has-btn .content form input[type=submit],
  .content form .section-title.section-title--has-btn input[type=submit],
  .section-title.section-title--has-btn .content form button[type=submit],
  .content form .section-title.section-title--has-btn button[type=submit] {
    order: -10;
    margin-left: auto;
    margin-bottom: 1em;
  }
}

@media only screen and (max-width: 580px) {
  .section-title .title {
    font-size: 1.5em;
  }

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

/*
==========================================================================
    Hero
==========================================================================
*/

.hero {
  position: relative;
  padding: 0;
  margin: 0;
}

.hero__background-image,
.hero__background-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.hero__background-image {
  z-index: 1;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.hero__background-video {
  z-index: 2;
  background-color: #000;
}

.hero__background-video:after {
  content: "";
  position: absolute;
  z-index: 2;
  height: 100%;
  width: 100%;
}

.hero__video-player {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  width: 1920px;
  height: 1080px;
  margin: -540px 0 0 -960px;
}

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

.hero__title {
  margin: 0;
  font-size: 4em;
}

.hero__subtitle {
  margin: 0.5em 0 0;
  font-size: 2em;
}

.hero__description {
  margin: 1em 0 0;
  font-size: 1.25em;
}

.hero__btns {
  margin: 1em 0 0;
}

.hero__micro {
  margin: 1em 0 0;
  font-size: 1em;
}

/*
==========================================================================
	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
==========================================================================
*/

.section--login .section__inner {
  display: flex;
  align-items: stretch;
  min-height: 100vh;
}

.login {
  position: relative;
  display: flex;
  width: 100%;
}

.login__logo {
  display: block;
  width: 12em;
  margin: 0 0 3em;
}

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

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

.login__columns .column {
  flex: 1 1 0;
  padding: 4em;
}

.login__columns .column.column--form {
  align-self: center;
  flex-grow: 0;
  flex-basis: 30em;
}

.login__columns .column.column--grey {
  background-color: #f6f8f9;
}

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

.login__register-link {
  position: relative;
  display: inline-block;
  margin-top: 1em;
  font-size: 0.875em;
  font-weight: bold;
}

.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: #678897;
  text-align: center;
}

.login__usps .usp__text {
  color: #8da6b1;
}

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

.login__reset-password {
  display: inline-block;
  margin-top: 1.5em;
  font-size: 0.875em;
  font-weight: bold;
}

.login .field {
  margin: 1.5em 0;
}

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

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

.login .field__label {
  margin: 0.5em 0;
}

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

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

.login .field__input-wrapper {
  max-width: none;
}

@media only screen and (max-width: 991px) {
  .login__columns .column.column--form {
    margin: auto;
  }

  .login__columns .column:not(.column--form) {
    display: none;
  }
}

@media only screen and (max-width: 580px) {
  .login__columns .column {
    padding: 1.5em 1em;
  }
}

/*
==========================================================================
    Survey
==========================================================================
*/

.survey-wrapper {
  width: 100%;
  margin: 1.5em 0;
  border-radius: 1em;
  background-color: #ecf7fc;
}

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

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

.survey-wrapper .question {
  min-height: 100vh;
  padding: 2em;
}

.survey-wrapper .question__number {
  position: relative;
  top: -0.25em;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.75em;
  height: 1.75em;
  margin-right: 0.5em;
  border-radius: 50%;
  background-color: #0098d9;
  font-family: system-ui;
  color: #fff;
  font-size: 0.75em;
  line-height: 1em;
  text-align: center;
}

.survey-wrapper .question__title {
  font-size: 1.125em;
  line-height: 1.618em;
}

.survey-wrapper .question__answers {
  margin: 2em 0 0;
}

.survey-end {
  margin: 2em 0;
}

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

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

@media only screen and (max-width: 580px) {
  .survey-wrapper .question {
    padding: 1.5em;
  }

  .survey-wrapper .question__title {
    font-size: 1em;
  }
}

@media only screen and (max-width: 400px) {
  .survey-wrapper {
    width: calc(100% + 30px);
    margin-left: -15px;
    margin-right: -15px;
    border-radius: 0;
  }
}

/*
==========================================================================
	GDPR check
==========================================================================
*/

.gdpr-check {
  display: flex;
  align-items: center;
}

.gdpr-check .custom-checkbox {
  flex-grow: 1;
  max-width: none;
  margin: 0;
}

.gdpr-check button {
  align-self: stretch;
  margin-left: 0.5em;
}

@media only screen and (max-width: 480px) {
  .gdpr-check {
    flex-direction: column;
    align-items: stretch;
  }

  .gdpr-check .custom-checkbox {
    width: 100%;
  }

  .gdpr-check button {
    margin: 0.5em 0 0 0;
  }
}

/*
==========================================================================
	Battery
==========================================================================
*/

.battery {
  position: relative;
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  width: 76px;
  height: 32px;
  padding: 3px 2px;
  border-radius: 4px;
  border: 4px solid #678897;
  background-color: #fff;
}

.battery:before {
  content: "";
  position: absolute;
  left: calc(100% + 4px);
  top: calc(50% - 6px);
  width: 4px;
  height: 12px;
  border-radius: 0 2px 2px 0;
  background-color: #678897;
}

.battery__cell {
  width: 6px;
  border-radius: 1px;
  background: #ff2d30;
  margin: 0 1px;
}

.battery__cell:nth-child(n+3) {
  background-color: orange;
}

.battery__cell:nth-child(n+5) {
  background-color: yellow;
}

.battery__cell:nth-child(n+7) {
  background-color: #aec90c;
}

/*
==========================================================================
    Notifications
==========================================================================
*/

.notification {
  display: flex;
  align-items: stretch;
  margin: 1.5rem 0;
  border-radius: 0.25rem;
  border: 1px solid #40b2e3;
  background-color: #e6f5fb;
  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: #ff2d30;
  background-color: #ffeaea;
  color: #d92629;
  box-shadow: 0 0 0 2px rgba(255, 45, 48, 0.15);
}

.notification.notification--error .notification__icon {
  background-color: #ff2d30;
}

.notification.notification--error .notification__text a:hover,
.notification.notification--error .notification__text a:focus {
  color: #801718;
}

.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,
.notification .content form input[type=button],
.content form .notification input[type=button],
.notification .content form input[type=submit],
.content form .notification input[type=submit],
.notification .content form button[type=submit],
.content form .notification button[type=submit] {
  align-self: center;
  margin: 0.5em 1em;
  margin-left: auto;
}

@media only screen and (max-width: 580px) {
  .notification {
    font-size: 0.75em;
  }

  .notification__text {
    padding: 0.75em 0.875em;
  }
}

/*
==========================================================================
    PDF container
==========================================================================
*/

.pdf-container {
  max-width: 50em;
  margin: 0 auto;
  font-size: 1em;
}

.pdf-container .intro-details {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: 1.5em 0;
  color: #678897;
}

.pdf-container .intro-details:first-child {
  margin-top: 0;
}

.pdf-container .intro-details:last-child {
  margin-bottom: 0;
}

.pdf-container .intro-details > :nth-child(n+1) {
  margin: 0.5em 0 0;
}

.pdf-container .intro-details dt {
  flex-basis: 30%;
  padding-right: 1em;
  color: #3d5966;
  font-weight: bold;
}

.pdf-container .intro-details dd {
  flex-basis: 70%;
}

.pdf-container .table-of-contents {
  margin: 1.5em 0;
}

.pdf-container .table-of-contents:first-child {
  margin-top: 0;
}

.pdf-container .table-of-contents:last-child {
  margin-bottom: 0;
}

.pdf-container .table-of-contents__item {
  display: flex;
  align-items: center;
}

.pdf-container .table-of-contents__item:not(:first-child) {
  margin-top: 0.5em;
}

.pdf-container .table-of-contents__title {
  font-size: 1em;
  color: #3d5966;
}

.pdf-container .table-of-contents__page {
  margin-left: auto;
  color: #0098d9;
  font-weight: bold;
}

/*
==========================================================================
    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 #eef1f3;
}

.data-table {
  width: 100%;
  border-collapse: collapse;
  white-space: nowrap;
}

.data-table.normal-wrap {
  white-space: normal !important;
}

.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: #cbd6db;
  cursor: not-allowed;
}

.data-table thead tr {
  border-bottom: 2px solid #eef1f3;
  color: #8da6b1;
  font-weight: bold;
}

.data-table tbody tr {
  color: #678897;
}

.data-table tbody tr:nth-child(even) {
  background-color: #f6f8f9;
}

.data-table tbody tr.border-top {
  border-top: 2px solid #eef1f3;
}

.data-table tbody tr.border-bottom {
  border-bottom: 2px solid #eef1f3;
}

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

.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 th {
  color: #517788;
}

.data-table .shrink {
  width: 1px;
}

/*
==========================================================================
    Pie
==========================================================================
*/

.pie {
  position: relative;
  width: calc(300px + 4em);
  height: calc(150px + 3em);
  padding: 2em 2em 1em;
  margin: 1.5em auto;
}

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

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

.pie__body {
  position: relative;
  width: 300px;
  height: 150px;
  overflow: hidden;
}

.pie__base,
.pie__fill {
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  transform-origin: 50% 0;
}

.pie__base {
  z-index: 1;
  top: 0;
  border-radius: 300px 300px 0 0;
  border: 80px solid #eef1f3;
  border-bottom: none;
}

.pie__fill {
  top: 100%;
  border-radius: 0 0 300px 300px;
  border: 80px solid #eef1f3;
  border-top: none;
}

.pie__fill[data-percentage="0"] {
  transform: rotate(0deg);
}

.pie__fill[data-percentage="1"] {
  transform: rotate(1.8deg);
}

.pie__fill[data-percentage="2"] {
  transform: rotate(3.6deg);
}

.pie__fill[data-percentage="3"] {
  transform: rotate(5.4deg);
}

.pie__fill[data-percentage="4"] {
  transform: rotate(7.2deg);
}

.pie__fill[data-percentage="5"] {
  transform: rotate(9deg);
}

.pie__fill[data-percentage="6"] {
  transform: rotate(10.8deg);
}

.pie__fill[data-percentage="7"] {
  transform: rotate(12.6deg);
}

.pie__fill[data-percentage="8"] {
  transform: rotate(14.4deg);
}

.pie__fill[data-percentage="9"] {
  transform: rotate(16.2deg);
}

.pie__fill[data-percentage="10"] {
  transform: rotate(18deg);
}

.pie__fill[data-percentage="11"] {
  transform: rotate(19.8deg);
}

.pie__fill[data-percentage="12"] {
  transform: rotate(21.6deg);
}

.pie__fill[data-percentage="13"] {
  transform: rotate(23.4deg);
}

.pie__fill[data-percentage="14"] {
  transform: rotate(25.2deg);
}

.pie__fill[data-percentage="15"] {
  transform: rotate(27deg);
}

.pie__fill[data-percentage="16"] {
  transform: rotate(28.8deg);
}

.pie__fill[data-percentage="17"] {
  transform: rotate(30.6deg);
}

.pie__fill[data-percentage="18"] {
  transform: rotate(32.4deg);
}

.pie__fill[data-percentage="19"] {
  transform: rotate(34.2deg);
}

.pie__fill[data-percentage="20"] {
  transform: rotate(36deg);
}

.pie__fill[data-percentage="21"] {
  transform: rotate(37.8deg);
}

.pie__fill[data-percentage="22"] {
  transform: rotate(39.6deg);
}

.pie__fill[data-percentage="23"] {
  transform: rotate(41.4deg);
}

.pie__fill[data-percentage="24"] {
  transform: rotate(43.2deg);
}

.pie__fill[data-percentage="25"] {
  transform: rotate(45deg);
}

.pie__fill[data-percentage="26"] {
  transform: rotate(46.8deg);
}

.pie__fill[data-percentage="27"] {
  transform: rotate(48.6deg);
}

.pie__fill[data-percentage="28"] {
  transform: rotate(50.4deg);
}

.pie__fill[data-percentage="29"] {
  transform: rotate(52.2deg);
}

.pie__fill[data-percentage="30"] {
  transform: rotate(54deg);
}

.pie__fill[data-percentage="31"] {
  transform: rotate(55.8deg);
}

.pie__fill[data-percentage="32"] {
  transform: rotate(57.6deg);
}

.pie__fill[data-percentage="33"] {
  transform: rotate(59.4deg);
}

.pie__fill[data-percentage="34"] {
  transform: rotate(61.2deg);
}

.pie__fill[data-percentage="35"] {
  transform: rotate(63deg);
}

.pie__fill[data-percentage="36"] {
  transform: rotate(64.8deg);
}

.pie__fill[data-percentage="37"] {
  transform: rotate(66.6deg);
}

.pie__fill[data-percentage="38"] {
  transform: rotate(68.4deg);
}

.pie__fill[data-percentage="39"] {
  transform: rotate(70.2deg);
}

.pie__fill[data-percentage="40"] {
  transform: rotate(72deg);
}

.pie__fill[data-percentage="41"] {
  transform: rotate(73.8deg);
}

.pie__fill[data-percentage="42"] {
  transform: rotate(75.6deg);
}

.pie__fill[data-percentage="43"] {
  transform: rotate(77.4deg);
}

.pie__fill[data-percentage="44"] {
  transform: rotate(79.2deg);
}

.pie__fill[data-percentage="45"] {
  transform: rotate(81deg);
}

.pie__fill[data-percentage="46"] {
  transform: rotate(82.8deg);
}

.pie__fill[data-percentage="47"] {
  transform: rotate(84.6deg);
}

.pie__fill[data-percentage="48"] {
  transform: rotate(86.4deg);
}

.pie__fill[data-percentage="49"] {
  transform: rotate(88.2deg);
}

.pie__fill[data-percentage="50"] {
  transform: rotate(90deg);
}

.pie__fill[data-percentage="51"] {
  transform: rotate(91.8deg);
}

.pie__fill[data-percentage="52"] {
  transform: rotate(93.6deg);
}

.pie__fill[data-percentage="53"] {
  transform: rotate(95.4deg);
}

.pie__fill[data-percentage="54"] {
  transform: rotate(97.2deg);
}

.pie__fill[data-percentage="55"] {
  transform: rotate(99deg);
}

.pie__fill[data-percentage="56"] {
  transform: rotate(100.8deg);
}

.pie__fill[data-percentage="57"] {
  transform: rotate(102.6deg);
}

.pie__fill[data-percentage="58"] {
  transform: rotate(104.4deg);
}

.pie__fill[data-percentage="59"] {
  transform: rotate(106.2deg);
}

.pie__fill[data-percentage="60"] {
  transform: rotate(108deg);
}

.pie__fill[data-percentage="61"] {
  transform: rotate(109.8deg);
}

.pie__fill[data-percentage="62"] {
  transform: rotate(111.6deg);
}

.pie__fill[data-percentage="63"] {
  transform: rotate(113.4deg);
}

.pie__fill[data-percentage="64"] {
  transform: rotate(115.2deg);
}

.pie__fill[data-percentage="65"] {
  transform: rotate(117deg);
}

.pie__fill[data-percentage="66"] {
  transform: rotate(118.8deg);
}

.pie__fill[data-percentage="67"] {
  transform: rotate(120.6deg);
}

.pie__fill[data-percentage="68"] {
  transform: rotate(122.4deg);
}

.pie__fill[data-percentage="69"] {
  transform: rotate(124.2deg);
}

.pie__fill[data-percentage="70"] {
  transform: rotate(126deg);
}

.pie__fill[data-percentage="71"] {
  transform: rotate(127.8deg);
}

.pie__fill[data-percentage="72"] {
  transform: rotate(129.6deg);
}

.pie__fill[data-percentage="73"] {
  transform: rotate(131.4deg);
}

.pie__fill[data-percentage="74"] {
  transform: rotate(133.2deg);
}

.pie__fill[data-percentage="75"] {
  transform: rotate(135deg);
}

.pie__fill[data-percentage="76"] {
  transform: rotate(136.8deg);
}

.pie__fill[data-percentage="77"] {
  transform: rotate(138.6deg);
}

.pie__fill[data-percentage="78"] {
  transform: rotate(140.4deg);
}

.pie__fill[data-percentage="79"] {
  transform: rotate(142.2deg);
}

.pie__fill[data-percentage="80"] {
  transform: rotate(144deg);
}

.pie__fill[data-percentage="81"] {
  transform: rotate(145.8deg);
}

.pie__fill[data-percentage="82"] {
  transform: rotate(147.6deg);
}

.pie__fill[data-percentage="83"] {
  transform: rotate(149.4deg);
}

.pie__fill[data-percentage="84"] {
  transform: rotate(151.2deg);
}

.pie__fill[data-percentage="85"] {
  transform: rotate(153deg);
}

.pie__fill[data-percentage="86"] {
  transform: rotate(154.8deg);
}

.pie__fill[data-percentage="87"] {
  transform: rotate(156.6deg);
}

.pie__fill[data-percentage="88"] {
  transform: rotate(158.4deg);
}

.pie__fill[data-percentage="89"] {
  transform: rotate(160.2deg);
}

.pie__fill[data-percentage="90"] {
  transform: rotate(162deg);
}

.pie__fill[data-percentage="91"] {
  transform: rotate(163.8deg);
}

.pie__fill[data-percentage="92"] {
  transform: rotate(165.6deg);
}

.pie__fill[data-percentage="93"] {
  transform: rotate(167.4deg);
}

.pie__fill[data-percentage="94"] {
  transform: rotate(169.2deg);
}

.pie__fill[data-percentage="95"] {
  transform: rotate(171deg);
}

.pie__fill[data-percentage="96"] {
  transform: rotate(172.8deg);
}

.pie__fill[data-percentage="97"] {
  transform: rotate(174.6deg);
}

.pie__fill[data-percentage="98"] {
  transform: rotate(176.4deg);
}

.pie__fill[data-percentage="99"] {
  transform: rotate(178.2deg);
}

.pie__fill[data-percentage="100"] {
  transform: rotate(180deg);
}

.pie__fill.pie__fill-red {
  z-index: 2;
  border-color: #ff2d30;
}

.pie__fill.pie__fill-orange {
  z-index: 3;
  border-color: #ffc04d;
}

.pie__fill.pie__fill-green {
  z-index: 4;
  border-color: #aec90c;
}

.pie__fill.pie__fill-light-green {
  z-index: 5;
  border-color: #d7f32f;
}

.pie__needle {
  position: absolute;
  z-index: 10;
  bottom: 0;
  left: calc(50% - 2px);
  width: 4px;
  height: 75%;
  border-radius: 5px 5px 1px 1px;
  background-color: #517788;
  transform-origin: 50% 100%;
}

.pie__needle[data-percentage="0"] {
  transform: rotate(-90deg);
}

.pie__needle[data-percentage="1"] {
  transform: rotate(-88.2deg);
}

.pie__needle[data-percentage="2"] {
  transform: rotate(-86.4deg);
}

.pie__needle[data-percentage="3"] {
  transform: rotate(-84.6deg);
}

.pie__needle[data-percentage="4"] {
  transform: rotate(-82.8deg);
}

.pie__needle[data-percentage="5"] {
  transform: rotate(-81deg);
}

.pie__needle[data-percentage="6"] {
  transform: rotate(-79.2deg);
}

.pie__needle[data-percentage="7"] {
  transform: rotate(-77.4deg);
}

.pie__needle[data-percentage="8"] {
  transform: rotate(-75.6deg);
}

.pie__needle[data-percentage="9"] {
  transform: rotate(-73.8deg);
}

.pie__needle[data-percentage="10"] {
  transform: rotate(-72deg);
}

.pie__needle[data-percentage="11"] {
  transform: rotate(-70.2deg);
}

.pie__needle[data-percentage="12"] {
  transform: rotate(-68.4deg);
}

.pie__needle[data-percentage="13"] {
  transform: rotate(-66.6deg);
}

.pie__needle[data-percentage="14"] {
  transform: rotate(-64.8deg);
}

.pie__needle[data-percentage="15"] {
  transform: rotate(-63deg);
}

.pie__needle[data-percentage="16"] {
  transform: rotate(-61.2deg);
}

.pie__needle[data-percentage="17"] {
  transform: rotate(-59.4deg);
}

.pie__needle[data-percentage="18"] {
  transform: rotate(-57.6deg);
}

.pie__needle[data-percentage="19"] {
  transform: rotate(-55.8deg);
}

.pie__needle[data-percentage="20"] {
  transform: rotate(-54deg);
}

.pie__needle[data-percentage="21"] {
  transform: rotate(-52.2deg);
}

.pie__needle[data-percentage="22"] {
  transform: rotate(-50.4deg);
}

.pie__needle[data-percentage="23"] {
  transform: rotate(-48.6deg);
}

.pie__needle[data-percentage="24"] {
  transform: rotate(-46.8deg);
}

.pie__needle[data-percentage="25"] {
  transform: rotate(-45deg);
}

.pie__needle[data-percentage="26"] {
  transform: rotate(-43.2deg);
}

.pie__needle[data-percentage="27"] {
  transform: rotate(-41.4deg);
}

.pie__needle[data-percentage="28"] {
  transform: rotate(-39.6deg);
}

.pie__needle[data-percentage="29"] {
  transform: rotate(-37.8deg);
}

.pie__needle[data-percentage="30"] {
  transform: rotate(-36deg);
}

.pie__needle[data-percentage="31"] {
  transform: rotate(-34.2deg);
}

.pie__needle[data-percentage="32"] {
  transform: rotate(-32.4deg);
}

.pie__needle[data-percentage="33"] {
  transform: rotate(-30.6deg);
}

.pie__needle[data-percentage="34"] {
  transform: rotate(-28.8deg);
}

.pie__needle[data-percentage="35"] {
  transform: rotate(-27deg);
}

.pie__needle[data-percentage="36"] {
  transform: rotate(-25.2deg);
}

.pie__needle[data-percentage="37"] {
  transform: rotate(-23.4deg);
}

.pie__needle[data-percentage="38"] {
  transform: rotate(-21.6deg);
}

.pie__needle[data-percentage="39"] {
  transform: rotate(-19.8deg);
}

.pie__needle[data-percentage="40"] {
  transform: rotate(-18deg);
}

.pie__needle[data-percentage="41"] {
  transform: rotate(-16.2deg);
}

.pie__needle[data-percentage="42"] {
  transform: rotate(-14.4deg);
}

.pie__needle[data-percentage="43"] {
  transform: rotate(-12.6deg);
}

.pie__needle[data-percentage="44"] {
  transform: rotate(-10.8deg);
}

.pie__needle[data-percentage="45"] {
  transform: rotate(-9deg);
}

.pie__needle[data-percentage="46"] {
  transform: rotate(-7.2deg);
}

.pie__needle[data-percentage="47"] {
  transform: rotate(-5.4deg);
}

.pie__needle[data-percentage="48"] {
  transform: rotate(-3.6deg);
}

.pie__needle[data-percentage="49"] {
  transform: rotate(-1.8deg);
}

.pie__needle[data-percentage="50"] {
  transform: rotate(0deg);
}

.pie__needle[data-percentage="51"] {
  transform: rotate(1.8deg);
}

.pie__needle[data-percentage="52"] {
  transform: rotate(3.6deg);
}

.pie__needle[data-percentage="53"] {
  transform: rotate(5.4deg);
}

.pie__needle[data-percentage="54"] {
  transform: rotate(7.2deg);
}

.pie__needle[data-percentage="55"] {
  transform: rotate(9deg);
}

.pie__needle[data-percentage="56"] {
  transform: rotate(10.8deg);
}

.pie__needle[data-percentage="57"] {
  transform: rotate(12.6deg);
}

.pie__needle[data-percentage="58"] {
  transform: rotate(14.4deg);
}

.pie__needle[data-percentage="59"] {
  transform: rotate(16.2deg);
}

.pie__needle[data-percentage="60"] {
  transform: rotate(18deg);
}

.pie__needle[data-percentage="61"] {
  transform: rotate(19.8deg);
}

.pie__needle[data-percentage="62"] {
  transform: rotate(21.6deg);
}

.pie__needle[data-percentage="63"] {
  transform: rotate(23.4deg);
}

.pie__needle[data-percentage="64"] {
  transform: rotate(25.2deg);
}

.pie__needle[data-percentage="65"] {
  transform: rotate(27deg);
}

.pie__needle[data-percentage="66"] {
  transform: rotate(28.8deg);
}

.pie__needle[data-percentage="67"] {
  transform: rotate(30.6deg);
}

.pie__needle[data-percentage="68"] {
  transform: rotate(32.4deg);
}

.pie__needle[data-percentage="69"] {
  transform: rotate(34.2deg);
}

.pie__needle[data-percentage="70"] {
  transform: rotate(36deg);
}

.pie__needle[data-percentage="71"] {
  transform: rotate(37.8deg);
}

.pie__needle[data-percentage="72"] {
  transform: rotate(39.6deg);
}

.pie__needle[data-percentage="73"] {
  transform: rotate(41.4deg);
}

.pie__needle[data-percentage="74"] {
  transform: rotate(43.2deg);
}

.pie__needle[data-percentage="75"] {
  transform: rotate(45deg);
}

.pie__needle[data-percentage="76"] {
  transform: rotate(46.8deg);
}

.pie__needle[data-percentage="77"] {
  transform: rotate(48.6deg);
}

.pie__needle[data-percentage="78"] {
  transform: rotate(50.4deg);
}

.pie__needle[data-percentage="79"] {
  transform: rotate(52.2deg);
}

.pie__needle[data-percentage="80"] {
  transform: rotate(54deg);
}

.pie__needle[data-percentage="81"] {
  transform: rotate(55.8deg);
}

.pie__needle[data-percentage="82"] {
  transform: rotate(57.6deg);
}

.pie__needle[data-percentage="83"] {
  transform: rotate(59.4deg);
}

.pie__needle[data-percentage="84"] {
  transform: rotate(61.2deg);
}

.pie__needle[data-percentage="85"] {
  transform: rotate(63deg);
}

.pie__needle[data-percentage="86"] {
  transform: rotate(64.8deg);
}

.pie__needle[data-percentage="87"] {
  transform: rotate(66.6deg);
}

.pie__needle[data-percentage="88"] {
  transform: rotate(68.4deg);
}

.pie__needle[data-percentage="89"] {
  transform: rotate(70.2deg);
}

.pie__needle[data-percentage="90"] {
  transform: rotate(72deg);
}

.pie__needle[data-percentage="91"] {
  transform: rotate(73.8deg);
}

.pie__needle[data-percentage="92"] {
  transform: rotate(75.6deg);
}

.pie__needle[data-percentage="93"] {
  transform: rotate(77.4deg);
}

.pie__needle[data-percentage="94"] {
  transform: rotate(79.2deg);
}

.pie__needle[data-percentage="95"] {
  transform: rotate(81deg);
}

.pie__needle[data-percentage="96"] {
  transform: rotate(82.8deg);
}

.pie__needle[data-percentage="97"] {
  transform: rotate(84.6deg);
}

.pie__needle[data-percentage="98"] {
  transform: rotate(86.4deg);
}

.pie__needle[data-percentage="99"] {
  transform: rotate(88.2deg);
}

.pie__needle[data-percentage="100"] {
  transform: rotate(90deg);
}

.pie__labels {
  position: absolute;
  z-index: 5;
  top: 0;
  right: 0;
  bottom: 1em;
  left: 0;
}

.pie__labels .label {
  position: absolute;
  top: 0;
  left: calc(50% - 1em);
  height: 100%;
  width: 2em;
  transform-origin: 50% 100%;
  color: #678897;
  font-weight: bold;
  text-align: center;
}

.pie__labels .label[data-percentage="0"] {
  transform: rotate(-90deg);
}

.pie__labels .label[data-percentage="1"] {
  transform: rotate(-88.2deg);
}

.pie__labels .label[data-percentage="2"] {
  transform: rotate(-86.4deg);
}

.pie__labels .label[data-percentage="3"] {
  transform: rotate(-84.6deg);
}

.pie__labels .label[data-percentage="4"] {
  transform: rotate(-82.8deg);
}

.pie__labels .label[data-percentage="5"] {
  transform: rotate(-81deg);
}

.pie__labels .label[data-percentage="6"] {
  transform: rotate(-79.2deg);
}

.pie__labels .label[data-percentage="7"] {
  transform: rotate(-77.4deg);
}

.pie__labels .label[data-percentage="8"] {
  transform: rotate(-75.6deg);
}

.pie__labels .label[data-percentage="9"] {
  transform: rotate(-73.8deg);
}

.pie__labels .label[data-percentage="10"] {
  transform: rotate(-72deg);
}

.pie__labels .label[data-percentage="11"] {
  transform: rotate(-70.2deg);
}

.pie__labels .label[data-percentage="12"] {
  transform: rotate(-68.4deg);
}

.pie__labels .label[data-percentage="13"] {
  transform: rotate(-66.6deg);
}

.pie__labels .label[data-percentage="14"] {
  transform: rotate(-64.8deg);
}

.pie__labels .label[data-percentage="15"] {
  transform: rotate(-63deg);
}

.pie__labels .label[data-percentage="16"] {
  transform: rotate(-61.2deg);
}

.pie__labels .label[data-percentage="17"] {
  transform: rotate(-59.4deg);
}

.pie__labels .label[data-percentage="18"] {
  transform: rotate(-57.6deg);
}

.pie__labels .label[data-percentage="19"] {
  transform: rotate(-55.8deg);
}

.pie__labels .label[data-percentage="20"] {
  transform: rotate(-54deg);
}

.pie__labels .label[data-percentage="21"] {
  transform: rotate(-52.2deg);
}

.pie__labels .label[data-percentage="22"] {
  transform: rotate(-50.4deg);
}

.pie__labels .label[data-percentage="23"] {
  transform: rotate(-48.6deg);
}

.pie__labels .label[data-percentage="24"] {
  transform: rotate(-46.8deg);
}

.pie__labels .label[data-percentage="25"] {
  transform: rotate(-45deg);
}

.pie__labels .label[data-percentage="26"] {
  transform: rotate(-43.2deg);
}

.pie__labels .label[data-percentage="27"] {
  transform: rotate(-41.4deg);
}

.pie__labels .label[data-percentage="28"] {
  transform: rotate(-39.6deg);
}

.pie__labels .label[data-percentage="29"] {
  transform: rotate(-37.8deg);
}

.pie__labels .label[data-percentage="30"] {
  transform: rotate(-36deg);
}

.pie__labels .label[data-percentage="31"] {
  transform: rotate(-34.2deg);
}

.pie__labels .label[data-percentage="32"] {
  transform: rotate(-32.4deg);
}

.pie__labels .label[data-percentage="33"] {
  transform: rotate(-30.6deg);
}

.pie__labels .label[data-percentage="34"] {
  transform: rotate(-28.8deg);
}

.pie__labels .label[data-percentage="35"] {
  transform: rotate(-27deg);
}

.pie__labels .label[data-percentage="36"] {
  transform: rotate(-25.2deg);
}

.pie__labels .label[data-percentage="37"] {
  transform: rotate(-23.4deg);
}

.pie__labels .label[data-percentage="38"] {
  transform: rotate(-21.6deg);
}

.pie__labels .label[data-percentage="39"] {
  transform: rotate(-19.8deg);
}

.pie__labels .label[data-percentage="40"] {
  transform: rotate(-18deg);
}

.pie__labels .label[data-percentage="41"] {
  transform: rotate(-16.2deg);
}

.pie__labels .label[data-percentage="42"] {
  transform: rotate(-14.4deg);
}

.pie__labels .label[data-percentage="43"] {
  transform: rotate(-12.6deg);
}

.pie__labels .label[data-percentage="44"] {
  transform: rotate(-10.8deg);
}

.pie__labels .label[data-percentage="45"] {
  transform: rotate(-9deg);
}

.pie__labels .label[data-percentage="46"] {
  transform: rotate(-7.2deg);
}

.pie__labels .label[data-percentage="47"] {
  transform: rotate(-5.4deg);
}

.pie__labels .label[data-percentage="48"] {
  transform: rotate(-3.6deg);
}

.pie__labels .label[data-percentage="49"] {
  transform: rotate(-1.8deg);
}

.pie__labels .label[data-percentage="50"] {
  transform: rotate(0deg);
}

.pie__labels .label[data-percentage="51"] {
  transform: rotate(1.8deg);
}

.pie__labels .label[data-percentage="52"] {
  transform: rotate(3.6deg);
}

.pie__labels .label[data-percentage="53"] {
  transform: rotate(5.4deg);
}

.pie__labels .label[data-percentage="54"] {
  transform: rotate(7.2deg);
}

.pie__labels .label[data-percentage="55"] {
  transform: rotate(9deg);
}

.pie__labels .label[data-percentage="56"] {
  transform: rotate(10.8deg);
}

.pie__labels .label[data-percentage="57"] {
  transform: rotate(12.6deg);
}

.pie__labels .label[data-percentage="58"] {
  transform: rotate(14.4deg);
}

.pie__labels .label[data-percentage="59"] {
  transform: rotate(16.2deg);
}

.pie__labels .label[data-percentage="60"] {
  transform: rotate(18deg);
}

.pie__labels .label[data-percentage="61"] {
  transform: rotate(19.8deg);
}

.pie__labels .label[data-percentage="62"] {
  transform: rotate(21.6deg);
}

.pie__labels .label[data-percentage="63"] {
  transform: rotate(23.4deg);
}

.pie__labels .label[data-percentage="64"] {
  transform: rotate(25.2deg);
}

.pie__labels .label[data-percentage="65"] {
  transform: rotate(27deg);
}

.pie__labels .label[data-percentage="66"] {
  transform: rotate(28.8deg);
}

.pie__labels .label[data-percentage="67"] {
  transform: rotate(30.6deg);
}

.pie__labels .label[data-percentage="68"] {
  transform: rotate(32.4deg);
}

.pie__labels .label[data-percentage="69"] {
  transform: rotate(34.2deg);
}

.pie__labels .label[data-percentage="70"] {
  transform: rotate(36deg);
}

.pie__labels .label[data-percentage="71"] {
  transform: rotate(37.8deg);
}

.pie__labels .label[data-percentage="72"] {
  transform: rotate(39.6deg);
}

.pie__labels .label[data-percentage="73"] {
  transform: rotate(41.4deg);
}

.pie__labels .label[data-percentage="74"] {
  transform: rotate(43.2deg);
}

.pie__labels .label[data-percentage="75"] {
  transform: rotate(45deg);
}

.pie__labels .label[data-percentage="76"] {
  transform: rotate(46.8deg);
}

.pie__labels .label[data-percentage="77"] {
  transform: rotate(48.6deg);
}

.pie__labels .label[data-percentage="78"] {
  transform: rotate(50.4deg);
}

.pie__labels .label[data-percentage="79"] {
  transform: rotate(52.2deg);
}

.pie__labels .label[data-percentage="80"] {
  transform: rotate(54deg);
}

.pie__labels .label[data-percentage="81"] {
  transform: rotate(55.8deg);
}

.pie__labels .label[data-percentage="82"] {
  transform: rotate(57.6deg);
}

.pie__labels .label[data-percentage="83"] {
  transform: rotate(59.4deg);
}

.pie__labels .label[data-percentage="84"] {
  transform: rotate(61.2deg);
}

.pie__labels .label[data-percentage="85"] {
  transform: rotate(63deg);
}

.pie__labels .label[data-percentage="86"] {
  transform: rotate(64.8deg);
}

.pie__labels .label[data-percentage="87"] {
  transform: rotate(66.6deg);
}

.pie__labels .label[data-percentage="88"] {
  transform: rotate(68.4deg);
}

.pie__labels .label[data-percentage="89"] {
  transform: rotate(70.2deg);
}

.pie__labels .label[data-percentage="90"] {
  transform: rotate(72deg);
}

.pie__labels .label[data-percentage="91"] {
  transform: rotate(73.8deg);
}

.pie__labels .label[data-percentage="92"] {
  transform: rotate(75.6deg);
}

.pie__labels .label[data-percentage="93"] {
  transform: rotate(77.4deg);
}

.pie__labels .label[data-percentage="94"] {
  transform: rotate(79.2deg);
}

.pie__labels .label[data-percentage="95"] {
  transform: rotate(81deg);
}

.pie__labels .label[data-percentage="96"] {
  transform: rotate(82.8deg);
}

.pie__labels .label[data-percentage="97"] {
  transform: rotate(84.6deg);
}

.pie__labels .label[data-percentage="98"] {
  transform: rotate(86.4deg);
}

.pie__labels .label[data-percentage="99"] {
  transform: rotate(88.2deg);
}

.pie__labels .label[data-percentage="100"] {
  transform: rotate(90deg);
}

/*
==========================================================================
    Progress-bar
==========================================================================
*/

.progress-bar {
  position: -webkit-sticky;
  position: sticky;
  z-index: 40;
  top: 5em;
  left: 0;
  width: 100%;
  height: 0.25em;
  background-color: #eef1f3;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.progress-bar__fill {
  position: absolute;
  top: 0;
  left: 0;
  height: inherit;
  width: 0%;
  background-color: #0098d9;
  transition: width 0.15s ease-out;
}

@media only screen and (max-width: 991px) {
  .progress-bar {
    top: 4em;
  }
}

/*
==========================================================================
    Dashboard switcher (demo env. only)
==========================================================================
*/

.dashboard-switcher {
  position: fixed;
  z-index: 50;
  top: 50%;
  left: 100%;
  padding: 0.25em 0;
  border-radius: 0 0 0 0.5em;
  background-color: #517788;
  color: #fff;
  transform: translate3d(-2.75em, -50%, 0);
  transition: transform 0.3s ease-in-out;
  box-shadow: 0 0.25em 0.5em rgba(81, 119, 136, 0.25);
}

.dashboard-switcher:hover,
.dashboard-switcher:focus-within {
  transform: translate3d(-100%, -50%, 0);
}

.dashboard-switcher__title {
  position: absolute;
  bottom: 100%;
  left: 0;
  width: 2.75rem;
  padding: 0.35em 0 0.25em;
  border-radius: 0.5em 0.5em 0 0;
  background-color: #e6007f;
  color: #fff;
  font-size: 0.75rem;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
}

.dashboard-switcher__link {
  display: flex;
  align-items: center;
  padding: 0.5em 0.75em;
  color: inherit;
  white-space: nowrap;
}

.dashboard-switcher__link:not(:last-child) {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.dashboard-switcher__link:hover,
.dashboard-switcher__link:focus {
  color: inherit;
}

.dashboard-switcher__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.5em;
  height: 1.5em;
  margin-right: 1em;
  line-height: 1em;
  text-align: center;
}

.dashboard-switcher__label {
  font-size: 0.875em;
}

/*
==========================================================================
    Surveys
==========================================================================
*/

.surveys__list:hover .survey,
.surveys__list:focus-within .survey {
  opacity: 0.5;
}

.surveys__list .survey {
  margin: 1.5em 0;
}

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

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

.surveys__list .survey:hover,
.surveys__list .survey:focus {
  opacity: 1;
}

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

.surveys__grid .survey {
  width: calc(33.33% - 2em);
  margin: 1em;
}

.surveys .survey {
  position: relative;
  display: flex;
  align-items: center;
  padding: 0.5em 1em;
  min-height: 4em;
  border-radius: 0.5em;
  border-left: 0.35em solid #0098d9;
  background-color: #ecf7fc;
  transition: all 0.15s ease-out, top 0s;
}

.surveys .survey:hover,
.surveys .survey:focus {
  text-decoration: none;
}

.surveys .survey.survey--completed {
  border-color: #aec90c;
  background-color: #f7fae7;
}

.surveys .survey.survey--completed .survey__status {
  background-color: #aec90c;
}

.surveys .survey.survey--completed .survey__icon {
  background-color: #ebf2c2;
  color: #839709;
}

.surveys .survey.survey--completed .survey__progress {
  background-color: #e3ecaa;
  color: #839709;
}

.surveys .survey.survey--completed .survey__progress:before {
  border-top-color: #e3ecaa;
}

.surveys .survey.survey--warning {
  border-color: #e6007f;
  background-color: #fdecf5;
}

.surveys .survey.survey--warning .survey__status {
  background-color: #e6007f;
}

.surveys .survey.survey--warning .survey__icon {
  background-color: #fbd9ec;
  color: #e6007f;
}

.surveys .survey.survey--warning .survey__progress {
  background-color: #f9bfdf;
  color: #e6007f;
}

.surveys .survey.survey--warning .survey__progress:before {
  border-top-color: #f9bfdf;
}

.surveys .survey.survey--locked {
  border-color: #517788;
  background-color: #f6f8f9;
  cursor: not-allowed;
}

.surveys .survey.survey--locked .survey__status {
  background-color: #517788;
}

.surveys .survey.survey--locked .survey__icon {
  background-color: #e5ebed;
  color: #678897;
}

.surveys .survey.survey--locked .survey__progress {
  background-color: #d4dde1;
  color: #678897;
}

.surveys .survey.survey--locked .survey__progress:before {
  border-top-color: #d4dde1;
}

.surveys .survey__status {
  flex-shrink: 0;
  position: absolute;
  top: calc(50% - 1em);
  left: calc(-1em - .175rem);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2em;
  height: 2em;
  border-radius: 50%;
  background-color: #0098d9;
  color: #fff;
  font-size: 0.5em;
  line-height: 1em;
  text-align: center;
}

.surveys .survey__icon {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2em;
  height: 2em;
  margin-right: 1em;
  border-radius: 50%;
  background-color: #d2edf8;
  color: #517788;
  font-size: 1.125em;
  line-height: 1em;
  text-align: center;
}

.surveys .survey__title {
  flex-grow: 1;
  font-size: 1.125em;
}

.surveys .survey__labels {
  list-style: none;
  margin-right: 1.5em;
  font-size: 0.75em;
}

.surveys .survey__labels .label {
  display: inline-block;
  padding: 0.35em 0.4em 0.25em;
  border-radius: 0.25em;
  background-color: #b3c4cb;
  color: #fff;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.surveys .survey__labels .label.label--green {
  background-color: #aec90c;
}

.surveys .survey__labels .label.label--blue {
  background-color: #0098d9;
}

.surveys .survey__labels .label.label--pink {
  background-color: #e6007f;
}

.surveys .survey__progress {
  position: relative;
  margin-left: 2rem;
  padding: 0.35em 0.4em;
  border-radius: 0.5em;
  background-color: #b3e0f4;
  font-family: system-ui;
  color: #517788;
  font-size: 0.75em;
  font-weight: bold;
}

.surveys .survey__progress:before {
  content: "";
  position: absolute;
  top: 100%;
}

.surveys .survey__progress:before {
  right: 0.5em;
  border: solid transparent;
  border-width: 6px 4px;
  border-top-color: #b3e0f4;
}

.surveys .survey__btn {
  top: 0;
  margin-left: 2rem;
  min-width: 10em;
}

@media only screen and (max-width: 991px) {
  .surveys .survey__icon {
    font-size: 1em;
  }

  .surveys .survey__labels {
    font-size: 0.6em;
  }

  .surveys .survey__title {
    font-size: 1em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .surveys .survey__progress {
    margin-left: 1.5rem;
    font-size: 0.6em;
  }

  .surveys .survey__btn {
    margin-left: 1rem;
  }
}

@media only screen and (max-width: 580px) {
  .surveys__list .survey {
    margin: 1em 0;
  }

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

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

  .surveys .survey {
    min-height: 0;
  }

  .surveys .survey__btn {
    display: none;
  }
}

/*
==========================================================================
    Scores
==========================================================================
*/

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

.scores__grid .score {
  width: calc(33.33% - 2em);
  margin: 1em;
}

.scores a.score:hover,
.scores a.score:focus {
  text-decoration: none;
  transform: translate3d(0, -0.25em, 0);
}

.scores .score {
  position: relative;
  display: block;
  padding: 1em;
  border-radius: 0.5em;
  background-color: #ecf7fc;
  color: #517788;
  transition: all 0.15s ease-out, top 0s;
}

.scores .score.score--locked {
  opacity: 0.5;
}

.scores .score__details {
  display: flex;
  align-items: center;
  margin: 1em 0;
}

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

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

.scores .score__battery {
  margin-right: 1em;
}

.scores .score__icon {
  margin-right: 0.5em;
  font-size: 1rem;
}

.scores .score__title {
  color: inherit;
  font-size: 1.125em;
}

.scores .score__participants {
  flex-shrink: 0;
  padding-left: 0.75em;
  margin-left: auto;
  font-size: 0.875em;
}

.scores .score__questionnaires {
  margin: 0.5em 0 0;
  font-size: 0.875em;
  font-weight: bold;
}

.scores .score__description {
  margin: 0.5em 0 0;
  font-size: 0.875em;
}

@media only screen and (max-width: 1200px) {
  .scores__grid .score {
    width: calc(50% - 2em);
  }
}

@media only screen and (max-width: 675px) {
  .scores__grid {
    display: block;
    margin: 0;
  }

  .scores__grid .score {
    width: 100%;
    margin: 1em 0;
  }

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

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

/*
==========================================================================
    Questionnaires
==========================================================================
*/

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

.questionnaires__grid .questionnaire {
  width: calc(50% - 2em);
  margin: 1em;
}

.questionnaires a.questionnaire:hover,
.questionnaires a.questionnaire:focus {
  text-decoration: none;
  transform: translate3d(0, -0.25em, 0);
}

.questionnaires .questionnaire {
  position: relative;
  display: block;
  padding: 1em;
  border-radius: 0.5em;
  background-color: #ecf7fc;
  color: #517788;
  transition: all 0.15s ease-out, top 0s;
}

.questionnaires .questionnaire__details {
  display: flex;
  align-items: center;
  margin: 1em 0 1.5em;
}

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

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

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

.questionnaires .questionnaire__locked {
  margin: 0.5em 0 0;
  font-style: italic;
  font-size: 0.875em;
}

.questionnaires .questionnaire__battery {
  margin-right: 1.25em;
}

.questionnaires .questionnaire__icon {
  margin-right: 0.5em;
  font-size: 1rem;
}

.questionnaires .questionnaire__title {
  color: inherit;
  font-size: 1.125em;
}

.questionnaires .questionnaire__title.questionnaire__title--small {
  font-size: 1em;
}

.questionnaires .questionnaire__subtitle {
  color: inherit;
  font-size: 0.875em;
}

.questionnaires .questionnaire__percentage {
  flex-shrink: 0;
  padding-left: 0.75em;
  margin-left: auto;
  font-size: 0.875em;
  font-weight: bold;
}

.questionnaires .questionnaire__percentage + .questionnaire__participants {
  margin-left: 1em;
}

.questionnaires .questionnaire__participants {
  flex-shrink: 0;
  padding-left: 0.75em;
  margin-left: auto;
  font-size: 0.875em;
}

.questionnaires .questionnaire__description {
  margin: 0.5em 0 0;
  font-size: 0.875em;
}

.questionnaires .questionnaire__subscales {
  margin: 0.75em 0;
}

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

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

.questionnaires .questionnaire__subscales .subscale {
  padding-top: 1em;
  border-top: 1px solid #cbd6db;
}

.questionnaires .questionnaire__subscales .subscale:not(:first-child) {
  margin-top: 1em;
}

.questionnaires .questionnaire__subscales .subscale__description {
  margin: 0.5em 0 0;
  font-size: 0.875em;
}

.questionnaires .questionnaire__subscales .subscale__details {
  display: flex;
  align-items: center;
}

.questionnaires .questionnaire__subscales .subscale .questionnaire__subtitle {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.questionnaires .alert {
  width: 100%;
  margin: 1rem 0;
  padding: 0.75em;
  border-radius: 0.25em;
  background-color: rgba(0, 152, 217, 0.25);
  color: #517788;
  font-size: 0.75rem;
  font-weight: bold;
}

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

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

.questionnaires .alert ul,
.questionnaires .alert ol {
  padding-left: 32px;
}

.questionnaires .alert ul li,
.questionnaires .alert ol li {
  line-height: 1.618em;
}

.questionnaires .alert .alert--icon {
  float: left;
  margin-top: 3px;
  margin-right: 4px;
}

.questionnaires .alert.alert--positive {
  background-color: #d7e486;
  color: #576506;
}

.questionnaires .alert.alert--positive p,
.questionnaires .alert.alert--positive .gform_wrapper .gform_fields .gfield.gsection .gsection_description,
.gform_wrapper .gform_fields .gfield.gsection .questionnaires .alert.alert--positive .gsection_description {
  color: #576506;
}

.questionnaires .alert.alert--danger {
  background-color: #ffff80;
  color: olive;
}

.questionnaires .alert.alert--danger p,
.questionnaires .alert.alert--danger .gform_wrapper .gform_fields .gfield.gsection .gsection_description,
.gform_wrapper .gform_fields .gfield.gsection .questionnaires .alert.alert--danger .gsection_description {
  color: olive;
}

.questionnaires .alert.alert--warning {
  background-color: #ffd280;
  color: #805300;
}

.questionnaires .alert.alert--warning p,
.questionnaires .alert.alert--warning .gform_wrapper .gform_fields .gfield.gsection .gsection_description,
.gform_wrapper .gform_fields .gfield.gsection .questionnaires .alert.alert--warning .gsection_description {
  color: #805300;
}

.questionnaires .alert.alert--critical {
  background-color: #ffc0c1;
  color: #bf2224;
}

.questionnaires .alert.alert--critical p,
.questionnaires .alert.alert--critical .gform_wrapper .gform_fields .gfield.gsection .gsection_description,
.gform_wrapper .gform_fields .gfield.gsection .questionnaires .alert.alert--critical .gsection_description {
  color: #bf2224;
}

@media only screen and (max-width: 991px) {
  .questionnaires__grid {
    display: block;
    margin: 0;
  }

  .questionnaires__grid .questionnaire {
    width: 100%;
    margin: 1.5em 0;
  }

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

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

/*
==========================================================================
    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 == */

/* == 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) {
  html {
    font-size: 16px;
  }
}

/* == 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 == */

/* == 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;
  }
}

/* == 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 == */

/*
==========================================================================
    Sidebar
==========================================================================
*/

.dashboard {
  position: absolute;
  top: 65px;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
}

.dashboard__sidebar {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  height: 100%;
  width: 280px;
  max-width: 100%;
  padding: 1em 0;
  background-color: #fff;
  box-shadow: 1px 0 3px rgba(0, 0, 0, 0.1);
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  will-change: width;
  transition: width 0.3s ease-in-out;
}

.dashboard__sidebar.dashboard__sidebar--collapsed {
  width: 65px;
}

.dashboard__sidebar.dashboard__sidebar--collapsed + .dashboard__main {
  left: 65px;
}

.dashboard__sidebar.dashboard__sidebar--collapsed .dashboard__sidebar-button-text,
.dashboard__sidebar.dashboard__sidebar--collapsed .menu__link-text {
  opacity: 0;
  visibility: hidden;
}

.dashboard__sidebar.dashboard__sidebar--collapsed #toggle-sidebar .dashboard__sidebar-button-icon {
  transform: rotate(180deg);
}

.dashboard__sidebar-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;
  position: relative;
  display: flex;
  align-items: center;
  min-width: 0;
  margin: 1em 0;
  padding: 0.75em 1em;
  border-left: 4px solid transparent;
  color: #678897;
  cursor: pointer;
  transition: all 0.15s ease-in-out, top 0s;
}

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

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

.dashboard__sidebar-button:active {
  top: 1px;
}

.dashboard__sidebar-button:hover,
.dashboard__sidebar-button:focus {
  border-color: #dce4e7;
  color: #517788;
}

.dashboard__sidebar-button-icon {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.5em;
  margin-right: 1em;
  line-height: 1em;
  transition: transform 0.15s ease-in-out;
  will-change: transform;
}

.dashboard__sidebar-button-text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: all 0.15s ease-in-out;
  will-change: opacity, visiblity;
}

.dashboard__sidebar .menu {
  list-style: none;
}

.dashboard__sidebar .menu__item.menu__item--current .menu__link {
  border-color: #0098d9;
  color: #517788;
  font-weight: bold;
}

.dashboard__sidebar .menu__link {
  display: flex;
  align-items: center;
  min-width: 0;
  padding: 0.75em 1em;
  border-left: 4px solid transparent;
  color: #678897;
}

.dashboard__sidebar .menu__link:hover,
.dashboard__sidebar .menu__link:focus {
  border-color: #dce4e7;
  color: #517788;
}

.dashboard__sidebar .menu__link-icon {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.5em;
  margin-right: 1em;
  line-height: 1em;
}

.dashboard__sidebar .menu__link-text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: all 0.15s ease-in-out;
  will-change: opacity, visiblity;
}

.dashboard__main {
  position: absolute;
  left: 280px;
  top: 0;
  bottom: 0;
  right: 0;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  background-color: #fbfcfc;
  overflow: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  transition: left 0.3s ease-in-out;
  will-change: left;
}

.dashboard__inner {
  padding: 30px;
  width: 2000px;
  max-width: 100%;
}

.dashboard__blocks {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  margin: -1em;
}

.dashboard__blocks a.block:hover,
.dashboard__blocks a.block:focus {
  box-shadow: 0 1em 3em rgba(230, 0, 127, 0.075);
}

.dashboard__blocks .block {
  margin: 1em;
  width: calc(100% - 2em);
  background-color: #fff;
  color: #517788;
  text-decoration: none;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.dashboard__blocks .block.block--25 {
  width: calc(25% - 2em);
  min-width: 200px;
}

.dashboard__blocks .block.block--50 {
  width: calc(50% - 2em);
  min-width: 400px;
}

.dashboard__blocks .block.block--75 {
  width: calc(75% - 2em);
  min-width: 600px;
}

.dashboard__blocks .block.block--main {
  flex: 1 1 0;
}

.dashboard__blocks .block.block--aside {
  flex: 0 1 350px;
}

.dashboard__blocks .block.block--dont-stretch {
  align-self: flex-start;
}

.dashboard__blocks .block__header {
  display: flex;
  align-items: center;
  padding: 1.25em 1.5em;
  border-bottom: 2px solid #f6f8f9;
}

.dashboard__blocks .block__header-content {
  flex-grow: 1;
}

.dashboard__blocks .block__header-controls {
  flex-shrink: 0;
  display: flex;
  align-items: stretch;
  padding-left: 1em;
}

.dashboard__blocks .block__header-controls > a:not([class]):not(:last-child),
.dashboard__blocks .block__header-controls > button:not(:last-child),
.dashboard__blocks .block__header-controls > .popup:not(:last-child) {
  margin-right: 0.5em;
}

.dashboard__blocks .block__header-controls > a:not([class]),
.dashboard__blocks .block__header-controls > button,
.dashboard__blocks .block__header-controls > .popup > a:not([class]),
.dashboard__blocks .block__header-controls > .popup > 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;
  position: relative;
  padding: 0 0.25em;
  color: #8da6b1;
  font-size: 1.25em;
  cursor: pointer;
  transition: all 0.15s ease-in-out, top 0s;
}

.dashboard__blocks .block__header-controls > a:not([class]):active,
.dashboard__blocks .block__header-controls > button:active,
.dashboard__blocks .block__header-controls > .popup > a:not([class]):active,
.dashboard__blocks .block__header-controls > .popup > button:active {
  top: 1px;
}

.dashboard__blocks .block__header-controls > a:not([class]):hover,
.dashboard__blocks .block__header-controls > a:not([class]):focus,
.dashboard__blocks .block__header-controls > button:hover,
.dashboard__blocks .block__header-controls > button:focus,
.dashboard__blocks .block__header-controls > .popup > a:not([class]):hover,
.dashboard__blocks .block__header-controls > .popup > a:not([class]):focus,
.dashboard__blocks .block__header-controls > .popup > button:hover,
.dashboard__blocks .block__header-controls > .popup > button:focus {
  color: #517788;
}

.dashboard__blocks .block__inner {
  padding: 1.5em;
}

/*
==========================================================================
    Breadcrumbs
==========================================================================
*/

.breadcrumbs {
  margin: 2em 0;
  font-size: 0.75rem;
}

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

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

.breadcrumbs + .section-title {
  margin-top: 1em;
}

.breadcrumbs .breadcrumbs__list {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
}

.breadcrumbs .breadcrumbs__list > li span.prefix,
.breadcrumbs .breadcrumbs__list > li span.divider {
  color: #8da6b1;
}

.breadcrumbs .breadcrumbs__list > li span.prefix {
  margin-right: 0.5em;
}

.breadcrumbs .breadcrumbs__list > li span.divider {
  margin: 0 0.5em;
}

.breadcrumbs .breadcrumbs__list > li a {
  border-bottom: 2px dotted #0098d9;
}

.breadcrumbs .breadcrumbs__list > li a:hover,
.breadcrumbs .breadcrumbs__list > li a:focus {
  border-color: transparent;
}

.breadcrumbs .breadcrumbs__list > li .page {
  display: block;
  margin: 0 0.5em;
  color: #517788;
  font-weight: bold;
}

.breadcrumbs .breadcrumbs__list > li .page.current {
  color: #8da6b1;
}

/*
==========================================================================
    Pagination
==========================================================================
*/

.pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 0 1em;
  margin: 1em 0 2em;
}

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

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

.pagination__inner {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1em;
  background-color: #fff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.pagination__control {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 2.5em;
  padding: 0 0.85em;
  border: 2px solid #f6f8f9;
  line-height: 1em;
}

.pagination__control:hover,
.pagination__control:focus {
  background-color: #f6f8f9;
}

.pagination__control:hover.pagination__control--prev,
.pagination__control:focus.pagination__control--prev {
  padding: 0 1em 0 0.7em;
}

.pagination__control:hover.pagination__control--next,
.pagination__control:focus.pagination__control--next {
  padding: 0 0.7em 0 1em;
}

.pagination__control.pagination__control--prev {
  margin-right: 0.25em;
}

.pagination__control.pagination__control--next {
  margin-left: 0.25em;
}

.pagination__items {
  list-style: none;
  display: flex;
  align-items: center;
  padding: 0 0.75em;
  font-family: "Raleway", system-ui, sans-serif;
}

.pagination__items .item {
  color: #8da6b1;
}

.pagination__items .item.item--current {
  margin: 0 0.5em;
}

.pagination__items .item.item--current:first-child {
  margin-left: 0;
}

.pagination__items .item.item--current:last-child {
  margin-right: 0;
}

.pagination__items .item.item--current > * {
  z-index: 1;
  background-color: #0098d9;
  color: #517788;
  font-weight: bold;
}

.pagination__items .item > * {
  position: relative;
  padding: 0.75em 0.85em;
  line-height: 1em;
}

.pagination__items .item > a {
  border: 0;
  color: #678897;
  font-weight: normal;
  text-decoration: none;
  transition: all 0.15s ease-in-out, top 0s;
}

.pagination__items .item > a:hover,
.pagination__items .item > a:focus {
  background-color: #f6f8f9;
}

.pagination__items .item > span {
  color: #b3c4cb;
}

.pagination__items span,
.pagination__items a {
  display: block;
}

.ct-label {
  fill: rgba(0, 0, 0, 0.4);
  color: rgba(0, 0, 0, 0.4);
  font-size: 0.75rem;
  line-height: 1;
}

.ct-chart-line .ct-label,
.ct-chart-bar .ct-label {
  display: block;
  display: flex;
}

.ct-chart-pie .ct-label,
.ct-chart-donut .ct-label {
  dominant-baseline: central;
}

.ct-label.ct-horizontal.ct-start {
  align-items: flex-end;
  justify-content: flex-start;
  text-align: left;
  text-anchor: start;
}

.ct-label.ct-horizontal.ct-end {
  align-items: flex-start;
  justify-content: flex-start;
  text-align: left;
  text-anchor: start;
}

.ct-label.ct-vertical.ct-start {
  align-items: flex-end;
  justify-content: flex-end;
  text-align: right;
  text-anchor: end;
}

.ct-label.ct-vertical.ct-end {
  align-items: flex-end;
  justify-content: flex-start;
  text-align: left;
  text-anchor: start;
}

.ct-chart-bar .ct-label.ct-horizontal.ct-start {
  align-items: flex-end;
  justify-content: center;
  text-align: center;
  text-anchor: start;
}

.ct-chart-bar .ct-label.ct-horizontal.ct-end {
  align-items: flex-start;
  justify-content: center;
  text-align: center;
  text-anchor: start;
}

.ct-chart-bar.ct-horizontal-bars .ct-label.ct-horizontal.ct-start {
  align-items: flex-end;
  justify-content: flex-start;
  text-align: left;
  text-anchor: start;
}

.ct-chart-bar.ct-horizontal-bars .ct-label.ct-horizontal.ct-end {
  align-items: flex-start;
  justify-content: flex-start;
  text-align: left;
  text-anchor: start;
}

.ct-chart-bar.ct-horizontal-bars .ct-label.ct-vertical.ct-start {
  align-items: center;
  justify-content: flex-end;
  text-align: right;
  text-anchor: end;
}

.ct-chart-bar.ct-horizontal-bars .ct-label.ct-vertical.ct-end {
  align-items: center;
  justify-content: flex-start;
  text-align: left;
  text-anchor: end;
}

.ct-grid {
  stroke: rgba(0, 0, 0, 0.2);
  stroke-width: 1px;
  stroke-dasharray: 2px;
}

.ct-grid-background {
  fill: none;
}

.ct-point {
  stroke-width: 10px;
  stroke-linecap: round;
}

.ct-line {
  fill: none;
  stroke-width: 4px;
}

.ct-area {
  stroke: none;
  fill-opacity: 0.1;
}

.ct-bar {
  fill: none;
  stroke-width: 10px;
}

.ct-slice-donut {
  fill: none;
  stroke-width: 60px;
}

.ct-series-a .ct-point,
.ct-series-a .ct-line,
.ct-series-a .ct-bar,
.ct-series-a .ct-slice-donut {
  stroke: #d70206;
}

.ct-series-a .ct-slice-pie,
.ct-series-a .ct-slice-donut-solid,
.ct-series-a .ct-area {
  fill: #d70206;
}

.ct-series-b .ct-point,
.ct-series-b .ct-line,
.ct-series-b .ct-bar,
.ct-series-b .ct-slice-donut {
  stroke: #f05b4f;
}

.ct-series-b .ct-slice-pie,
.ct-series-b .ct-slice-donut-solid,
.ct-series-b .ct-area {
  fill: #f05b4f;
}

.ct-series-c .ct-point,
.ct-series-c .ct-line,
.ct-series-c .ct-bar,
.ct-series-c .ct-slice-donut {
  stroke: #f4c63d;
}

.ct-series-c .ct-slice-pie,
.ct-series-c .ct-slice-donut-solid,
.ct-series-c .ct-area {
  fill: #f4c63d;
}

.ct-series-d .ct-point,
.ct-series-d .ct-line,
.ct-series-d .ct-bar,
.ct-series-d .ct-slice-donut {
  stroke: #d17905;
}

.ct-series-d .ct-slice-pie,
.ct-series-d .ct-slice-donut-solid,
.ct-series-d .ct-area {
  fill: #d17905;
}

.ct-series-e .ct-point,
.ct-series-e .ct-line,
.ct-series-e .ct-bar,
.ct-series-e .ct-slice-donut {
  stroke: #453d3f;
}

.ct-series-e .ct-slice-pie,
.ct-series-e .ct-slice-donut-solid,
.ct-series-e .ct-area {
  fill: #453d3f;
}

.ct-series-f .ct-point,
.ct-series-f .ct-line,
.ct-series-f .ct-bar,
.ct-series-f .ct-slice-donut {
  stroke: #59922b;
}

.ct-series-f .ct-slice-pie,
.ct-series-f .ct-slice-donut-solid,
.ct-series-f .ct-area {
  fill: #59922b;
}

.ct-series-g .ct-point,
.ct-series-g .ct-line,
.ct-series-g .ct-bar,
.ct-series-g .ct-slice-donut {
  stroke: #0544d3;
}

.ct-series-g .ct-slice-pie,
.ct-series-g .ct-slice-donut-solid,
.ct-series-g .ct-area {
  fill: #0544d3;
}

.ct-series-h .ct-point,
.ct-series-h .ct-line,
.ct-series-h .ct-bar,
.ct-series-h .ct-slice-donut {
  stroke: #6b0392;
}

.ct-series-h .ct-slice-pie,
.ct-series-h .ct-slice-donut-solid,
.ct-series-h .ct-area {
  fill: #6b0392;
}

.ct-series-i .ct-point,
.ct-series-i .ct-line,
.ct-series-i .ct-bar,
.ct-series-i .ct-slice-donut {
  stroke: #f05b4f;
}

.ct-series-i .ct-slice-pie,
.ct-series-i .ct-slice-donut-solid,
.ct-series-i .ct-area {
  fill: #f05b4f;
}

.ct-series-j .ct-point,
.ct-series-j .ct-line,
.ct-series-j .ct-bar,
.ct-series-j .ct-slice-donut {
  stroke: #dda458;
}

.ct-series-j .ct-slice-pie,
.ct-series-j .ct-slice-donut-solid,
.ct-series-j .ct-area {
  fill: #dda458;
}

.ct-series-k .ct-point,
.ct-series-k .ct-line,
.ct-series-k .ct-bar,
.ct-series-k .ct-slice-donut {
  stroke: #eacf7d;
}

.ct-series-k .ct-slice-pie,
.ct-series-k .ct-slice-donut-solid,
.ct-series-k .ct-area {
  fill: #eacf7d;
}

.ct-series-l .ct-point,
.ct-series-l .ct-line,
.ct-series-l .ct-bar,
.ct-series-l .ct-slice-donut {
  stroke: #86797d;
}

.ct-series-l .ct-slice-pie,
.ct-series-l .ct-slice-donut-solid,
.ct-series-l .ct-area {
  fill: #86797d;
}

.ct-series-m .ct-point,
.ct-series-m .ct-line,
.ct-series-m .ct-bar,
.ct-series-m .ct-slice-donut {
  stroke: #b2c326;
}

.ct-series-m .ct-slice-pie,
.ct-series-m .ct-slice-donut-solid,
.ct-series-m .ct-area {
  fill: #b2c326;
}

.ct-series-n .ct-point,
.ct-series-n .ct-line,
.ct-series-n .ct-bar,
.ct-series-n .ct-slice-donut {
  stroke: #6188e2;
}

.ct-series-n .ct-slice-pie,
.ct-series-n .ct-slice-donut-solid,
.ct-series-n .ct-area {
  fill: #6188e2;
}

.ct-series-o .ct-point,
.ct-series-o .ct-line,
.ct-series-o .ct-bar,
.ct-series-o .ct-slice-donut {
  stroke: #a748ca;
}

.ct-series-o .ct-slice-pie,
.ct-series-o .ct-slice-donut-solid,
.ct-series-o .ct-area {
  fill: #a748ca;
}

.ct-square {
  display: block;
  position: relative;
  width: 100%;
}

.ct-square:before {
  display: block;
  float: left;
  content: "";
  width: 0;
  height: 0;
  padding-bottom: 100%;
}

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

.ct-square > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.ct-minor-second {
  display: block;
  position: relative;
  width: 100%;
}

.ct-minor-second:before {
  display: block;
  float: left;
  content: "";
  width: 0;
  height: 0;
  padding-bottom: 93.75%;
}

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

.ct-minor-second > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.ct-major-second {
  display: block;
  position: relative;
  width: 100%;
}

.ct-major-second:before {
  display: block;
  float: left;
  content: "";
  width: 0;
  height: 0;
  padding-bottom: 88.8888888889%;
}

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

.ct-major-second > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.ct-minor-third {
  display: block;
  position: relative;
  width: 100%;
}

.ct-minor-third:before {
  display: block;
  float: left;
  content: "";
  width: 0;
  height: 0;
  padding-bottom: 83.3333333333%;
}

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

.ct-minor-third > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.ct-major-third {
  display: block;
  position: relative;
  width: 100%;
}

.ct-major-third:before {
  display: block;
  float: left;
  content: "";
  width: 0;
  height: 0;
  padding-bottom: 80%;
}

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

.ct-major-third > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.ct-perfect-fourth {
  display: block;
  position: relative;
  width: 100%;
}

.ct-perfect-fourth:before {
  display: block;
  float: left;
  content: "";
  width: 0;
  height: 0;
  padding-bottom: 75%;
}

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

.ct-perfect-fourth > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.ct-perfect-fifth {
  display: block;
  position: relative;
  width: 100%;
}

.ct-perfect-fifth:before {
  display: block;
  float: left;
  content: "";
  width: 0;
  height: 0;
  padding-bottom: 66.6666666667%;
}

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

.ct-perfect-fifth > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.ct-minor-sixth {
  display: block;
  position: relative;
  width: 100%;
}

.ct-minor-sixth:before {
  display: block;
  float: left;
  content: "";
  width: 0;
  height: 0;
  padding-bottom: 62.5%;
}

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

.ct-minor-sixth > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.ct-golden-section {
  display: block;
  position: relative;
  width: 100%;
}

.ct-golden-section:before {
  display: block;
  float: left;
  content: "";
  width: 0;
  height: 0;
  padding-bottom: 61.804697157%;
}

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

.ct-golden-section > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.ct-major-sixth {
  display: block;
  position: relative;
  width: 100%;
}

.ct-major-sixth:before {
  display: block;
  float: left;
  content: "";
  width: 0;
  height: 0;
  padding-bottom: 60%;
}

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

.ct-major-sixth > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.ct-minor-seventh {
  display: block;
  position: relative;
  width: 100%;
}

.ct-minor-seventh:before {
  display: block;
  float: left;
  content: "";
  width: 0;
  height: 0;
  padding-bottom: 56.25%;
}

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

.ct-minor-seventh > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.ct-major-seventh {
  display: block;
  position: relative;
  width: 100%;
}

.ct-major-seventh:before {
  display: block;
  float: left;
  content: "";
  width: 0;
  height: 0;
  padding-bottom: 53.3333333333%;
}

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

.ct-major-seventh > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.ct-octave {
  display: block;
  position: relative;
  width: 100%;
}

.ct-octave:before {
  display: block;
  float: left;
  content: "";
  width: 0;
  height: 0;
  padding-bottom: 50%;
}

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

.ct-octave > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.ct-major-tenth {
  display: block;
  position: relative;
  width: 100%;
}

.ct-major-tenth:before {
  display: block;
  float: left;
  content: "";
  width: 0;
  height: 0;
  padding-bottom: 40%;
}

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

.ct-major-tenth > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.ct-major-eleventh {
  display: block;
  position: relative;
  width: 100%;
}

.ct-major-eleventh:before {
  display: block;
  float: left;
  content: "";
  width: 0;
  height: 0;
  padding-bottom: 37.5%;
}

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

.ct-major-eleventh > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.ct-major-twelfth {
  display: block;
  position: relative;
  width: 100%;
}

.ct-major-twelfth:before {
  display: block;
  float: left;
  content: "";
  width: 0;
  height: 0;
  padding-bottom: 33.3333333333%;
}

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

.ct-major-twelfth > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.ct-double-octave {
  display: block;
  position: relative;
  width: 100%;
}

.ct-double-octave:before {
  display: block;
  float: left;
  content: "";
  width: 0;
  height: 0;
  padding-bottom: 25%;
}

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

.ct-double-octave > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.pie-chart {
  border: 5px solid #678897;
  border-radius: 50%;
  width: 120px;
  height: 120px;
  background: #fff;
}

.pie-chart .ct-series.positive .ct-slice-pie {
  fill: #aec90c;
}

.pie-chart .ct-series.warning .ct-slice-pie {
  fill: orange;
}

.pie-chart .ct-series.danger .ct-slice-pie {
  fill: yellow;
}

.pie-chart .ct-series.critical .ct-slice-pie {
  fill: #ff2d30;
}

.pie-chart .ct-label {
  font-weight: bold;
  fill: #293c44;
  color: #293c44;
}

