@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,600,700);
/* line 5, node_modules/compass-mixins/lib/compass/reset/_utilities.scss */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

/* line 22, node_modules/compass-mixins/lib/compass/reset/_utilities.scss */
html {
  line-height: 1;
}

/* line 24, node_modules/compass-mixins/lib/compass/reset/_utilities.scss */
ol, ul {
  list-style: none;
}

/* line 26, node_modules/compass-mixins/lib/compass/reset/_utilities.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* line 28, node_modules/compass-mixins/lib/compass/reset/_utilities.scss */
caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

/* line 30, node_modules/compass-mixins/lib/compass/reset/_utilities.scss */
q, blockquote {
  quotes: none;
}

/* line 103, node_modules/compass-mixins/lib/compass/reset/_utilities.scss */
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

/* line 32, node_modules/compass-mixins/lib/compass/reset/_utilities.scss */
a img {
  border: none;
}

/* line 116, node_modules/compass-mixins/lib/compass/reset/_utilities.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

@font-face {
  font-family: 'CESans';
  src: url("/resources/fonts/cesans-webfont.eot");
  src: url("/resources/fonts/cesans-webfont.eot?#iefix") format("embedded-opentype"), url("/resources/fonts/cesans-webfont.woff2") format("woff2"), url("/resources/fonts/cesans-webfont.woff") format("woff"), url("/resources/fonts/cesans-webfont.ttf") format("truetype"), url("/resources/fonts/cesans-webfont.svg#cesansregular") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'CESans-Heavy';
  src: url("/resources/fonts/cesansheavy-webfont.eot");
  src: url("/resources/fonts/cesansheavy-webfont.eot?#iefix") format("embedded-opentype"), url("/resources/fonts/cesansheavy-webfont.woff2") format("woff2"), url("/resources/fonts/cesansheavy-webfont.woff") format("woff"), url("/resources/fonts/cesansheavy-webfont.ttf") format("truetype"), url("/resources/fonts/cesansheavy-webfont.svg#cesans_heavyheavy") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'icomoon';
  src: url("/resources/fonts/icomoon.eot?earrx6");
  src: url("/resources/fonts/icomoon.eot?earrx6#iefix") format("embedded-opentype"), url("/resources/fonts/icomoon.ttf?earrx6") format("truetype"), url("/resources/fonts/icomoon.woff?earrx6") format("woff"), url("/resources/fonts/icomoon.svg?earrx6#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
}

/* line 38, resources/scss/_fonts.scss */
[class^="icon-"], [class*=" icon-"] {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* line 52, resources/scss/_fonts.scss */
.icon-arrow-down:before {
  content: "\e900";
}

/* line 55, resources/scss/_fonts.scss */
.icon-arrow-left:before {
  content: "\e901";
}

/* line 58, resources/scss/_fonts.scss */
.icon-arrow-right:before {
  content: "\e902";
}

/* line 61, resources/scss/_fonts.scss */
.icon-arrow-up:before {
  content: "\e903";
}

/* line 64, resources/scss/_fonts.scss */
.icon-arrow-left-right:before {
  content: "\e904";
}

/* line 67, resources/scss/_fonts.scss */
.icon-arrow-up-down:before {
  content: "\e91c";
}

/* line 70, resources/scss/_fonts.scss */
.icon-sort:before {
  content: "\e91b";
}

/* line 73, resources/scss/_fonts.scss */
.icon-average-mean:before {
  content: "\e905";
}

/* line 76, resources/scss/_fonts.scss */
.icon-bubble:before {
  content: "\e906";
}

/* line 79, resources/scss/_fonts.scss */
.icon-case-study:before {
  content: "\e907";
}

/* line 82, resources/scss/_fonts.scss */
.icon-district:before {
  content: "\e908";
}

/* line 85, resources/scss/_fonts.scss */
.icon-drought:before {
  content: "\e909";
}

/* line 88, resources/scss/_fonts.scss */
.icon-emission-scenario:before {
  content: "\e90a";
}

/* line 91, resources/scss/_fonts.scss */
.icon-facebook:before {
  content: "\e90b";
}

/* line 94, resources/scss/_fonts.scss */
.icon-link:before {
  content: "\e90c";
}

/* line 97, resources/scss/_fonts.scss */
.icon-linkedin:before {
  content: "\e90d";
}

/* line 100, resources/scss/_fonts.scss */
.icon-plus:before {
  content: "\e90e";
}

/* line 103, resources/scss/_fonts.scss */
.icon-close:before {
  content: "\e919";
}

/* line 106, resources/scss/_fonts.scss */
.icon-help:before {
  content: "\e91a";
}

/* line 109, resources/scss/_fonts.scss */
.icon-precipitation:before {
  content: "\e90f";
}

/* line 112, resources/scss/_fonts.scss */
.icon-search:before {
  content: "\e910";
}

/* line 115, resources/scss/_fonts.scss */
.icon-season:before, .location-data-section .data-accordion .data-accordion-tab.data-map header .fs-dropdown button.fs-dropdown-selected:before {
  content: "\e911";
}

/* line 118, resources/scss/_fonts.scss */
.icon-social:before {
  content: "\e912";
}

/* line 121, resources/scss/_fonts.scss */
.icon-temperature:before {
  content: "\e913";
}

/* line 124, resources/scss/_fonts.scss */
.icon-tour:before {
  content: "\e914";
}

/* line 127, resources/scss/_fonts.scss */
.icon-twitter:before {
  content: "\e915";
}

/* line 130, resources/scss/_fonts.scss */
.icon-variables:before {
  content: "\e916";
}

/* line 133, resources/scss/_fonts.scss */
.icon-download-image:before {
  content: "\e917";
}

/* line 136, resources/scss/_fonts.scss */
.icon-download-chart:before {
  content: "\e918";
}

/* line 139, resources/scss/_fonts.scss */
.icon-view-on:before {
  content: "\e91d";
}

/* line 142, resources/scss/_fonts.scss */
.icon-view-off:before {
  content: "\e91e";
}

/* line 145, resources/scss/_fonts.scss */
.icon-check:before {
  content: "\e91f";
}

/*! formstone v0.8.26 [grid.css] 2015-11-01 | MIT License | formstone.it */
/**
 * @grid
 * @name Grid
 * @description A responsive CSS grid.
 */
/* line 8, resources/scss/formstone/_grid.scss */
.fs_grid_row,
.fs-grid .fs-row {
  width: 300px;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (min-width: 500px) {
  /* line 15, resources/scss/formstone/_grid.scss */
  .fs_grid_row,
  .fs-grid .fs-row {
    width: 480px;
  }
}

@media screen and (min-width: 740px) {
  /* line 21, resources/scss/formstone/_grid.scss */
  .fs_grid_row,
  .fs-grid .fs-row {
    width: 720px;
  }
}

@media screen and (min-width: 980px) {
  /* line 27, resources/scss/formstone/_grid.scss */
  .fs_grid_row,
  .fs-grid .fs-row {
    width: 960px;
  }
}

@media screen and (min-width: 1220px) {
  /* line 33, resources/scss/formstone/_grid.scss */
  .fs_grid_row,
  .fs-grid .fs-row {
    width: 1200px;
  }
}

/* line 38, resources/scss/formstone/_grid.scss */
.fs_grid_row:after,
.fs-grid .fs-row:after {
  height: 0;
  clear: both;
  content: ".";
  display: block;
  line-height: 0;
  visibility: hidden;
}

/* line 47, resources/scss/formstone/_grid.scss */
.fs_grid_row_fluid,
.fs-grid-fluid .fs-row {
  width: 96%;
  width: -webkit-calc(100% - 40px);
  width: calc(100% - 40px);
}

@media screen and (max-width: 739px) {
  /* line 54, resources/scss/formstone/_grid.scss */
  .fs_grid_row_fluid_sm,
  .fs-grid-sm-fluid .fs-row {
    width: 96%;
    width: -webkit-calc(100% - 40px);
    width: calc(100% - 40px);
  }
}

/* line 61, resources/scss/formstone/_grid.scss */
.fs_grid_row_row,
.fs-grid .fs-row .fs-row {
  width: 102.08333333%;
  margin-left: -1.04166667%;
  margin-right: -1.04166667%;
}

/* line 67, resources/scss/formstone/_grid.scss */
.fs_grid_row_row_contained,
.fs-grid .fs-row [class*="fs-cell"][class*="-contained"] .fs-row {
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}

/* line 73, resources/scss/formstone/_grid.scss */
.fs_grid_cell,
.fs-grid .fs-row [class*="fs-cell"] {
  width: 97.91666667%;
  float: left;
  margin-left: 1.04166667%;
  margin-right: 1.04166667%;
}

/* line 80, resources/scss/formstone/_grid.scss */
.fs_grid_cell_centered,
.fs-grid .fs-row [class*="fs-cell"][class*="-centered"] {
  float: none;
  margin-left: auto;
  margin-right: auto;
}

/* line 86, resources/scss/formstone/_grid.scss */
.fs_grid_cell_padded,
.fs-grid .fs-row [class*="fs-cell"][class*="-padded"] {
  box-sizing: content-box;
  margin-left: 0;
  margin-right: 0;
  padding-left: 1.04166667%;
  padding-right: 1.04166667%;
}

/* line 94, resources/scss/formstone/_grid.scss */
.fs_grid_cell_contained,
.fs-grid .fs-row [class*="fs-cell"][class*="-contained"] {
  margin-left: 0;
  margin-right: 0;
}

/* line 99, resources/scss/formstone/_grid.scss */
.fs_grid_cell_right,
.fs-grid .fs-row [class*="fs-cell"][class*="-right"] {
  float: right;
}

/* line 103, resources/scss/formstone/_grid.scss */
* {
  box-sizing: border-box;
}

/* line 106, resources/scss/formstone/_grid.scss */
*:before,
*:after {
  box-sizing: inherit;
}

/* line 110, resources/scss/formstone/_grid.scss */
.fs-grid .fs-row .fs-all-fifth {
  width: 17.91666667%;
}

/* line 113, resources/scss/formstone/_grid.scss */
.fs-grid .fs-row .fs-all-fourth {
  width: 22.91666667%;
}

/* line 116, resources/scss/formstone/_grid.scss */
.fs-grid .fs-row .fs-all-third {
  width: 31.25%;
}

/* line 119, resources/scss/formstone/_grid.scss */
.fs-grid .fs-row .fs-all-half {
  width: 47.91666667%;
}

/* line 122, resources/scss/formstone/_grid.scss */
.fs-grid .fs-row .fs-all-full {
  width: 97.91666667%;
}

/* line 125, resources/scss/formstone/_grid.scss */
.fs-grid .fs-row .fs-all-push-fifth {
  margin-left: 21.04166667%;
}

/* line 128, resources/scss/formstone/_grid.scss */
.fs-grid .fs-row .fs-all-push-fourth {
  margin-left: 26.04166667%;
}

/* line 131, resources/scss/formstone/_grid.scss */
.fs-grid .fs-row .fs-all-push-third {
  margin-left: 34.375%;
}

/* line 134, resources/scss/formstone/_grid.scss */
.fs-grid .fs-row .fs-all-push-half {
  margin-left: 51.04166667%;
}

/* line 137, resources/scss/formstone/_grid.scss */
.fs-grid .fs-row [class*="-contained"].fs-all-fifth {
  width: 20%;
}

/* line 140, resources/scss/formstone/_grid.scss */
.fs-grid .fs-row [class*="-contained"].fs-all-fourth {
  width: 25%;
}

/* line 143, resources/scss/formstone/_grid.scss */
.fs-grid .fs-row [class*="-contained"].fs-all-third {
  width: 33.33333333%;
}

/* line 146, resources/scss/formstone/_grid.scss */
.fs-grid .fs-row [class*="-contained"].fs-all-half {
  width: 50%;
}

/* line 149, resources/scss/formstone/_grid.scss */
.fs-grid .fs-row [class*="-contained"].fs-all-full {
  width: 100%;
}

/* line 152, resources/scss/formstone/_grid.scss */
.fs-grid .fs-row [class*="-contained"].fs-all-push-fifth {
  margin-left: 20%;
}

/* line 155, resources/scss/formstone/_grid.scss */
.fs-grid .fs-row [class*="-contained"].fs-all-push-fourth {
  margin-left: 25%;
}

/* line 158, resources/scss/formstone/_grid.scss */
.fs-grid .fs-row [class*="-contained"].fs-all-push-third {
  margin-left: 33.33333333%;
}

/* line 161, resources/scss/formstone/_grid.scss */
.fs-grid .fs-row [class*="-contained"].fs-all-push-half {
  margin-left: 50%;
}

/* line 164, resources/scss/formstone/_grid.scss */
.fs-grid .fs-row .fs-all-hide {
  display: none;
}

@media screen and (max-width: 739px) {
  /* line 168, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row .fs-sm-1 {
    width: 31.25%;
  }
  /* line 171, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row .fs-sm-2 {
    width: 64.58333333%;
  }
  /* line 174, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row .fs-sm-3 {
    width: 97.91666667%;
  }
  /* line 177, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row .fs-sm-push-1 {
    margin-left: 34.375%;
  }
  /* line 180, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row .fs-sm-push-2 {
    margin-left: 67.70833333%;
  }
  /* line 183, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row [class*="-contained"].fs-sm-1 {
    width: 33.33333333%;
  }
  /* line 186, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row [class*="-contained"].fs-sm-2 {
    width: 66.66666667%;
  }
  /* line 189, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row [class*="-contained"].fs-sm-3 {
    width: 100%;
  }
  /* line 192, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row [class*="-contained"].fs-sm-push-1 {
    margin-left: 33.33333333%;
  }
  /* line 195, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row [class*="-contained"].fs-sm-push-2 {
    margin-left: 66.66666667%;
  }
  /* line 198, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row .fs-sm-fifth {
    width: 17.91666667%;
  }
  /* line 201, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row .fs-sm-fourth {
    width: 22.91666667%;
  }
  /* line 204, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row .fs-sm-third {
    width: 31.25%;
  }
  /* line 207, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row .fs-sm-half {
    width: 47.91666667%;
  }
  /* line 210, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row .fs-sm-full {
    width: 97.91666667%;
  }
  /* line 213, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row .fs-sm-push-fifth {
    margin-left: 21.04166667%;
  }
  /* line 216, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row .fs-sm-push-fourth {
    margin-left: 26.04166667%;
  }
  /* line 219, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row .fs-sm-push-third {
    margin-left: 34.375%;
  }
  /* line 222, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row .fs-sm-push-half {
    margin-left: 51.04166667%;
  }
  /* line 225, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row [class*="-contained"].fs-sm-fifth {
    width: 20%;
  }
  /* line 228, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row [class*="-contained"].fs-sm-fourth {
    width: 25%;
  }
  /* line 231, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row [class*="-contained"].fs-sm-third {
    width: 33.33333333%;
  }
  /* line 234, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row [class*="-contained"].fs-sm-half {
    width: 50%;
  }
  /* line 237, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row [class*="-contained"].fs-sm-full {
    width: 100%;
  }
  /* line 240, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row [class*="-contained"].fs-sm-push-fifth {
    margin-left: 20%;
  }
  /* line 243, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row [class*="-contained"].fs-sm-push-fourth {
    margin-left: 25%;
  }
  /* line 246, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row [class*="-contained"].fs-sm-push-third {
    margin-left: 33.33333333%;
  }
  /* line 249, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row [class*="-contained"].fs-sm-push-half {
    margin-left: 50%;
  }
  /* line 252, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row .fs-sm-hide {
    display: none;
  }
}

@media screen and (max-width: 499px) {
  /* line 257, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row .fs-xs-1 {
    width: 31.25%;
  }
  /* line 260, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row .fs-xs-2 {
    width: 64.58333333%;
  }
  /* line 263, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row .fs-xs-3 {
    width: 97.91666667%;
  }
  /* line 266, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row .fs-xs-push-1 {
    margin-left: 34.375%;
  }
  /* line 269, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row .fs-xs-push-2 {
    margin-left: 67.70833333%;
  }
  /* line 272, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row [class*="-contained"].fs-xs-1 {
    width: 33.33333333%;
  }
  /* line 275, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row [class*="-contained"].fs-xs-2 {
    width: 66.66666667%;
  }
  /* line 278, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row [class*="-contained"].fs-xs-3 {
    width: 100%;
  }
  /* line 281, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row [class*="-contained"].fs-xs-push-1 {
    margin-left: 33.33333333%;
  }
  /* line 284, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row [class*="-contained"].fs-xs-push-2 {
    margin-left: 66.66666667%;
  }
  /* line 287, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row .fs-xs-fifth {
    width: 17.91666667%;
  }
  /* line 290, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row .fs-xs-fourth {
    width: 22.91666667%;
  }
  /* line 293, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row .fs-xs-third {
    width: 31.25%;
  }
  /* line 296, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row .fs-xs-half {
    width: 47.91666667%;
  }
  /* line 299, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row .fs-xs-full {
    width: 97.91666667%;
  }
  /* line 302, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row .fs-xs-push-fifth {
    margin-left: 21.04166667%;
  }
  /* line 305, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row .fs-xs-push-fourth {
    margin-left: 26.04166667%;
  }
  /* line 308, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row .fs-xs-push-third {
    margin-left: 34.375%;
  }
  /* line 311, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row .fs-xs-push-half {
    margin-left: 51.04166667%;
  }
  /* line 314, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row [class*="-contained"].fs-xs-fifth {
    width: 20%;
  }
  /* line 317, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row [class*="-contained"].fs-xs-fourth {
    width: 25%;
  }
  /* line 320, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row [class*="-contained"].fs-xs-third {
    width: 33.33333333%;
  }
  /* line 323, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row [class*="-contained"].fs-xs-half {
    width: 50%;
  }
  /* line 326, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row [class*="-contained"].fs-xs-full {
    width: 100%;
  }
  /* line 329, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row [class*="-contained"].fs-xs-push-fifth {
    margin-left: 20%;
  }
  /* line 332, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row [class*="-contained"].fs-xs-push-fourth {
    margin-left: 25%;
  }
  /* line 335, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row [class*="-contained"].fs-xs-push-third {
    margin-left: 33.33333333%;
  }
  /* line 338, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row [class*="-contained"].fs-xs-push-half {
    margin-left: 50%;
  }
  /* line 341, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row .fs-xs-hide {
    display: none;
  }
}

@media screen and (min-width: 740px) and (max-width: 979px) {
  /* line 346, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row .fs-md-1 {
    width: 14.58333333%;
  }
  /* line 349, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row .fs-md-2 {
    width: 31.25%;
  }
  /* line 352, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row .fs-md-3 {
    width: 47.91666667%;
  }
  /* line 355, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row .fs-md-4 {
    width: 64.58333333%;
  }
  /* line 358, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row .fs-md-5 {
    width: 81.25%;
  }
  /* line 361, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row .fs-md-6 {
    width: 97.91666667%;
  }
  /* line 364, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row .fs-md-push-1 {
    margin-left: 17.70833333%;
  }
  /* line 367, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row .fs-md-push-2 {
    margin-left: 34.375%;
  }
  /* line 370, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row .fs-md-push-3 {
    margin-left: 51.04166667%;
  }
  /* line 373, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row .fs-md-push-4 {
    margin-left: 67.70833333%;
  }
  /* line 376, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row .fs-md-push-5 {
    margin-left: 84.375%;
  }
  /* line 379, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row [class*="-contained"].fs-md-1 {
    width: 16.66666667%;
  }
  /* line 382, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row [class*="-contained"].fs-md-2 {
    width: 33.33333333%;
  }
  /* line 385, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row [class*="-contained"].fs-md-3 {
    width: 50%;
  }
  /* line 388, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row [class*="-contained"].fs-md-4 {
    width: 66.66666667%;
  }
  /* line 391, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row [class*="-contained"].fs-md-5 {
    width: 83.33333333%;
  }
  /* line 394, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row [class*="-contained"].fs-md-6 {
    width: 100%;
  }
  /* line 397, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row [class*="-contained"].fs-md-push-1 {
    margin-left: 16.66666667%;
  }
  /* line 400, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row [class*="-contained"].fs-md-push-2 {
    margin-left: 33.33333333%;
  }
  /* line 403, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row [class*="-contained"].fs-md-push-3 {
    margin-left: 50%;
  }
  /* line 406, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row [class*="-contained"].fs-md-push-4 {
    margin-left: 66.66666667%;
  }
  /* line 409, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row [class*="-contained"].fs-md-push-5 {
    margin-left: 83.33333333%;
  }
  /* line 412, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row .fs-md-fifth {
    width: 17.91666667%;
  }
  /* line 415, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row .fs-md-fourth {
    width: 22.91666667%;
  }
  /* line 418, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row .fs-md-third {
    width: 31.25%;
  }
  /* line 421, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row .fs-md-half {
    width: 47.91666667%;
  }
  /* line 424, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row .fs-md-full {
    width: 97.91666667%;
  }
  /* line 427, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row .fs-md-push-fifth {
    margin-left: 21.04166667%;
  }
  /* line 430, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row .fs-md-push-fourth {
    margin-left: 26.04166667%;
  }
  /* line 433, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row .fs-md-push-third {
    margin-left: 34.375%;
  }
  /* line 436, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row .fs-md-push-half {
    margin-left: 51.04166667%;
  }
  /* line 439, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row [class*="-contained"].fs-md-fifth {
    width: 20%;
  }
  /* line 442, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row [class*="-contained"].fs-md-fourth {
    width: 25%;
  }
  /* line 445, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row [class*="-contained"].fs-md-third {
    width: 33.33333333%;
  }
  /* line 448, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row [class*="-contained"].fs-md-half {
    width: 50%;
  }
  /* line 451, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row [class*="-contained"].fs-md-full {
    width: 100%;
  }
  /* line 454, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row [class*="-contained"].fs-md-push-fifth {
    margin-left: 20%;
  }
  /* line 457, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row [class*="-contained"].fs-md-push-fourth {
    margin-left: 25%;
  }
  /* line 460, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row [class*="-contained"].fs-md-push-third {
    margin-left: 33.33333333%;
  }
  /* line 463, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row [class*="-contained"].fs-md-push-half {
    margin-left: 50%;
  }
  /* line 466, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row .fs-md-hide {
    display: none;
  }
}

@media screen and (min-width: 980px) {
  /* line 471, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row .fs-lg-1 {
    width: 6.25%;
  }
  /* line 474, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row .fs-lg-2 {
    width: 14.58333333%;
  }
  /* line 477, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row .fs-lg-3 {
    width: 22.91666667%;
  }
  /* line 480, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row .fs-lg-4 {
    width: 31.25%;
  }
  /* line 483, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row .fs-lg-5 {
    width: 39.58333333%;
  }
  /* line 486, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row .fs-lg-6 {
    width: 47.91666667%;
  }
  /* line 489, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row .fs-lg-7 {
    width: 56.25%;
  }
  /* line 492, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row .fs-lg-8 {
    width: 64.58333333%;
  }
  /* line 495, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row .fs-lg-9 {
    width: 72.91666667%;
  }
  /* line 498, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row .fs-lg-10 {
    width: 81.25%;
  }
  /* line 501, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row .fs-lg-11 {
    width: 89.58333333%;
  }
  /* line 504, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row .fs-lg-12 {
    width: 97.91666667%;
  }
  /* line 507, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row .fs-lg-push-1 {
    margin-left: 9.375%;
  }
  /* line 510, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row .fs-lg-push-2 {
    margin-left: 17.70833333%;
  }
  /* line 513, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row .fs-lg-push-3 {
    margin-left: 26.04166667%;
  }
  /* line 516, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row .fs-lg-push-4 {
    margin-left: 34.375%;
  }
  /* line 519, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row .fs-lg-push-5 {
    margin-left: 42.70833333%;
  }
  /* line 522, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row .fs-lg-push-6 {
    margin-left: 51.04166667%;
  }
  /* line 525, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row .fs-lg-push-7 {
    margin-left: 59.375%;
  }
  /* line 528, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row .fs-lg-push-8 {
    margin-left: 67.70833333%;
  }
  /* line 531, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row .fs-lg-push-9 {
    margin-left: 76.04166667%;
  }
  /* line 534, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row .fs-lg-push-10 {
    margin-left: 84.375%;
  }
  /* line 537, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row .fs-lg-push-11 {
    margin-left: 92.70833333%;
  }
  /* line 540, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row [class*="-contained"].fs-lg-1 {
    width: 8.33333333%;
  }
  /* line 543, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row [class*="-contained"].fs-lg-2 {
    width: 16.66666667%;
  }
  /* line 546, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row [class*="-contained"].fs-lg-3 {
    width: 25%;
  }
  /* line 549, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row [class*="-contained"].fs-lg-4 {
    width: 33.33333333%;
  }
  /* line 552, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row [class*="-contained"].fs-lg-5 {
    width: 41.66666667%;
  }
  /* line 555, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row [class*="-contained"].fs-lg-6 {
    width: 50%;
  }
  /* line 558, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row [class*="-contained"].fs-lg-7 {
    width: 58.33333333%;
  }
  /* line 561, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row [class*="-contained"].fs-lg-8 {
    width: 66.66666667%;
  }
  /* line 564, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row [class*="-contained"].fs-lg-9 {
    width: 75%;
  }
  /* line 567, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row [class*="-contained"].fs-lg-10 {
    width: 83.33333333%;
  }
  /* line 570, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row [class*="-contained"].fs-lg-11 {
    width: 91.66666667%;
  }
  /* line 573, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row [class*="-contained"].fs-lg-12 {
    width: 100%;
  }
  /* line 576, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row [class*="-contained"].fs-lg-push-1 {
    margin-left: 8.33333333%;
  }
  /* line 579, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row [class*="-contained"].fs-lg-push-2 {
    margin-left: 16.66666667%;
  }
  /* line 582, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row [class*="-contained"].fs-lg-push-3 {
    margin-left: 25%;
  }
  /* line 585, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row [class*="-contained"].fs-lg-push-4 {
    margin-left: 33.33333333%;
  }
  /* line 588, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row [class*="-contained"].fs-lg-push-5 {
    margin-left: 41.66666667%;
  }
  /* line 591, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row [class*="-contained"].fs-lg-push-6 {
    margin-left: 50%;
  }
  /* line 594, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row [class*="-contained"].fs-lg-push-7 {
    margin-left: 58.33333333%;
  }
  /* line 597, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row [class*="-contained"].fs-lg-push-8 {
    margin-left: 66.66666667%;
  }
  /* line 600, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row [class*="-contained"].fs-lg-push-9 {
    margin-left: 75%;
  }
  /* line 603, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row [class*="-contained"].fs-lg-push-10 {
    margin-left: 83.33333333%;
  }
  /* line 606, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row [class*="-contained"].fs-lg-push-11 {
    margin-left: 91.66666667%;
  }
  /* line 609, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row .fs-lg-fifth {
    width: 17.91666667%;
  }
  /* line 612, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row .fs-lg-fourth {
    width: 22.91666667%;
  }
  /* line 615, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row .fs-lg-third {
    width: 31.25%;
  }
  /* line 618, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row .fs-lg-half {
    width: 47.91666667%;
  }
  /* line 621, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row .fs-lg-full {
    width: 97.91666667%;
  }
  /* line 624, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row .fs-lg-push-fifth {
    margin-left: 21.04166667%;
  }
  /* line 627, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row .fs-lg-push-fourth {
    margin-left: 26.04166667%;
  }
  /* line 630, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row .fs-lg-push-third {
    margin-left: 34.375%;
  }
  /* line 633, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row .fs-lg-push-half {
    margin-left: 51.04166667%;
  }
  /* line 636, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row [class*="-contained"].fs-lg-fifth {
    width: 20%;
  }
  /* line 639, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row [class*="-contained"].fs-lg-fourth {
    width: 25%;
  }
  /* line 642, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row [class*="-contained"].fs-lg-third {
    width: 33.33333333%;
  }
  /* line 645, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row [class*="-contained"].fs-lg-half {
    width: 50%;
  }
  /* line 648, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row [class*="-contained"].fs-lg-full {
    width: 100%;
  }
  /* line 651, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row [class*="-contained"].fs-lg-push-fifth {
    margin-left: 20%;
  }
  /* line 654, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row [class*="-contained"].fs-lg-push-fourth {
    margin-left: 25%;
  }
  /* line 657, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row [class*="-contained"].fs-lg-push-third {
    margin-left: 33.33333333%;
  }
  /* line 660, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row [class*="-contained"].fs-lg-push-half {
    margin-left: 50%;
  }
  /* line 663, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row .fs-lg-hide {
    display: none;
  }
}

@media screen and (min-width: 1220px) {
  /* line 668, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row .fs-xl-1 {
    width: 6.25%;
  }
  /* line 671, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row .fs-xl-2 {
    width: 14.58333333%;
  }
  /* line 674, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row .fs-xl-3 {
    width: 22.91666667%;
  }
  /* line 677, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row .fs-xl-4 {
    width: 31.25%;
  }
  /* line 680, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row .fs-xl-5 {
    width: 39.58333333%;
  }
  /* line 683, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row .fs-xl-6 {
    width: 47.91666667%;
  }
  /* line 686, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row .fs-xl-7 {
    width: 56.25%;
  }
  /* line 689, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row .fs-xl-8 {
    width: 64.58333333%;
  }
  /* line 692, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row .fs-xl-9 {
    width: 72.91666667%;
  }
  /* line 695, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row .fs-xl-10 {
    width: 81.25%;
  }
  /* line 698, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row .fs-xl-11 {
    width: 89.58333333%;
  }
  /* line 701, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row .fs-xl-12 {
    width: 97.91666667%;
  }
  /* line 704, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row .fs-xl-push-1 {
    margin-left: 9.375%;
  }
  /* line 707, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row .fs-xl-push-2 {
    margin-left: 17.70833333%;
  }
  /* line 710, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row .fs-xl-push-3 {
    margin-left: 26.04166667%;
  }
  /* line 713, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row .fs-xl-push-4 {
    margin-left: 34.375%;
  }
  /* line 716, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row .fs-xl-push-5 {
    margin-left: 42.70833333%;
  }
  /* line 719, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row .fs-xl-push-6 {
    margin-left: 51.04166667%;
  }
  /* line 722, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row .fs-xl-push-7 {
    margin-left: 59.375%;
  }
  /* line 725, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row .fs-xl-push-8 {
    margin-left: 67.70833333%;
  }
  /* line 728, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row .fs-xl-push-9 {
    margin-left: 76.04166667%;
  }
  /* line 731, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row .fs-xl-push-10 {
    margin-left: 84.375%;
  }
  /* line 734, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row .fs-xl-push-11 {
    margin-left: 92.70833333%;
  }
  /* line 737, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row [class*="-contained"].fs-xl-1 {
    width: 8.33333333%;
  }
  /* line 740, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row [class*="-contained"].fs-xl-2 {
    width: 16.66666667%;
  }
  /* line 743, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row [class*="-contained"].fs-xl-3 {
    width: 25%;
  }
  /* line 746, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row [class*="-contained"].fs-xl-4 {
    width: 33.33333333%;
  }
  /* line 749, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row [class*="-contained"].fs-xl-5 {
    width: 41.66666667%;
  }
  /* line 752, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row [class*="-contained"].fs-xl-6 {
    width: 50%;
  }
  /* line 755, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row [class*="-contained"].fs-xl-7 {
    width: 58.33333333%;
  }
  /* line 758, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row [class*="-contained"].fs-xl-8 {
    width: 66.66666667%;
  }
  /* line 761, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row [class*="-contained"].fs-xl-9 {
    width: 75%;
  }
  /* line 764, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row [class*="-contained"].fs-xl-10 {
    width: 83.33333333%;
  }
  /* line 767, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row [class*="-contained"].fs-xl-11 {
    width: 91.66666667%;
  }
  /* line 770, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row [class*="-contained"].fs-xl-12 {
    width: 100%;
  }
  /* line 773, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row [class*="-contained"].fs-xl-push-1 {
    margin-left: 8.33333333%;
  }
  /* line 776, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row [class*="-contained"].fs-xl-push-2 {
    margin-left: 16.66666667%;
  }
  /* line 779, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row [class*="-contained"].fs-xl-push-3 {
    margin-left: 25%;
  }
  /* line 782, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row [class*="-contained"].fs-xl-push-4 {
    margin-left: 33.33333333%;
  }
  /* line 785, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row [class*="-contained"].fs-xl-push-5 {
    margin-left: 41.66666667%;
  }
  /* line 788, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row [class*="-contained"].fs-xl-push-6 {
    margin-left: 50%;
  }
  /* line 791, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row [class*="-contained"].fs-xl-push-7 {
    margin-left: 58.33333333%;
  }
  /* line 794, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row [class*="-contained"].fs-xl-push-8 {
    margin-left: 66.66666667%;
  }
  /* line 797, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row [class*="-contained"].fs-xl-push-9 {
    margin-left: 75%;
  }
  /* line 800, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row [class*="-contained"].fs-xl-push-10 {
    margin-left: 83.33333333%;
  }
  /* line 803, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row [class*="-contained"].fs-xl-push-11 {
    margin-left: 91.66666667%;
  }
  /* line 806, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row .fs-xl-fifth {
    width: 17.91666667%;
  }
  /* line 809, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row .fs-xl-fourth {
    width: 22.91666667%;
  }
  /* line 812, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row .fs-xl-third {
    width: 31.25%;
  }
  /* line 815, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row .fs-xl-half {
    width: 47.91666667%;
  }
  /* line 818, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row .fs-xl-full {
    width: 97.91666667%;
  }
  /* line 821, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row .fs-xl-push-fifth {
    margin-left: 21.04166667%;
  }
  /* line 824, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row .fs-xl-push-fourth {
    margin-left: 26.04166667%;
  }
  /* line 827, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row .fs-xl-push-third {
    margin-left: 34.375%;
  }
  /* line 830, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row .fs-xl-push-half {
    margin-left: 51.04166667%;
  }
  /* line 833, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row [class*="-contained"].fs-xl-fifth {
    width: 20%;
  }
  /* line 836, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row [class*="-contained"].fs-xl-fourth {
    width: 25%;
  }
  /* line 839, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row [class*="-contained"].fs-xl-third {
    width: 33.33333333%;
  }
  /* line 842, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row [class*="-contained"].fs-xl-half {
    width: 50%;
  }
  /* line 845, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row [class*="-contained"].fs-xl-full {
    width: 100%;
  }
  /* line 848, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row [class*="-contained"].fs-xl-push-fifth {
    margin-left: 20%;
  }
  /* line 851, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row [class*="-contained"].fs-xl-push-fourth {
    margin-left: 25%;
  }
  /* line 854, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row [class*="-contained"].fs-xl-push-third {
    margin-left: 33.33333333%;
  }
  /* line 857, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row [class*="-contained"].fs-xl-push-half {
    margin-left: 50%;
  }
  /* line 860, resources/scss/formstone/_grid.scss */
  .fs-grid .fs-row .fs-xl-hide {
    display: none;
  }
}

/*! formstone v0.8.26 [scrollbar.css] 2015-11-01 | MIT License | formstone.it */
/**
	 * @class
	 * @name .fs-scrollbar-element
	 * @type element
	 * @description Target elmement
	 */
/**
	 * @class
	 * @name .fs-scrollbar
	 * @type element
	 * @description Base widget class
	 */
/**
	 * @class
	 * @name .fs-scrollbar.fs-scrollbar-horizontal
	 * @type modifier
	 * @description Indicates horizontal scrolling
	 */
/**
	 * @class
	 * @name .fs-scrollbar.fs-scrollbar-setup
	 * @type modifier
	 * @description Indicates setup state
	 */
/**
	 * @class
	 * @name .fs-scrollbar.fs-scrollbar-active
	 * @type modifier
	 * @description Indicates active state
	 */
/* line 33, resources/scss/formstone/_scrollbar.scss */
.fs-scrollbar {
  overflow: hidden;
  overflow-x: hidden;
  overflow-y: hidden;
  position: relative;
  /**
		 * @class
		 * @name .fs-scrollbar-content
		 * @type element
		 * @description Scrolling content
		 */
  /**
		 * @class
		 * @name .fs-scrollbar-bar
		 * @type element
		 * @description Scrollbar container
		 */
  /**
		 * @class
		 * @name .fs-scrollbar-track
		 * @type element
		 * @description Scrollbar track container
		 */
  /**
		 * @class
		 * @name .fs-scrollbar-handle
		 * @type element
		 * @description Scrollbar handle
		 */
}

/* line 63, resources/scss/formstone/_scrollbar.scss */
.fs-scrollbar,
.fs-scrollbar * {
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
  user-select: none !important;
}

/* line 70, resources/scss/formstone/_scrollbar.scss */
.fs-scrollbar,
.fs-scrollbar-content,
.fs-scrollbar-bar,
.fs-scrollbar-track,
.fs-scrollbar-handle {
  box-sizing: border-box;
}

/* line 77, resources/scss/formstone/_scrollbar.scss */
.fs-scrollbar-content {
  position: relative;
  z-index: 1;
  height: 100%;
  overflow: auto;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

/* line 86, resources/scss/formstone/_scrollbar.scss */
.fs-scrollbar-content::-webkit-scrollbar,
.fs-scrollbar-content::-webkit-scrollbar-button,
.fs-scrollbar-content::-webkit-scrollbar-track,
.fs-scrollbar-content::-webkit-scrollbar-track-piece,
.fs-scrollbar-content::-webkit-scrollbar-thumb,
.fs-scrollbar-content::-webkit-scrollbar-corner,
.fs-scrollbar-content::-webkit-resizer {
  background: transparent;
  opacity: 0;
}

/* line 96, resources/scss/formstone/_scrollbar.scss */
.fs-scrollbar-bar {
  width: 16px;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
  background: #ffffff;
  border: 1px solid #cccccc;
  border-width: 0 0 0 1px;
  display: none;
}

/* line 108, resources/scss/formstone/_scrollbar.scss */
.fs-scrollbar-track {
  width: 100%;
  height: 100%;
  position: relative;
  background: #ffffff;
  overflow: hidden;
}

/* line 115, resources/scss/formstone/_scrollbar.scss */
.fs-scrollbar-handle {
  width: 10px;
  height: 20px;
  position: absolute;
  top: 0;
  right: 3px;
  z-index: 2;
  background: #bbbbbb;
  border: 1px solid #ffffff;
  border-radius: 5px;
  cursor: pointer;
}

/* line 127, resources/scss/formstone/_scrollbar.scss */
.fs-scrollbar-horizontal .fs-scrollbar-content {
  overflow: auto;
  overflow-x: auto;
  overflow-y: hidden;
  padding: 0 0 16px 0;
}

/* line 133, resources/scss/formstone/_scrollbar.scss */
.fs-scrollbar-horizontal .fs-scrollbar-bar {
  width: 100%;
  height: 16px;
  top: auto;
  bottom: 0;
  border-width: 1px 0 0 0;
}

/* line 140, resources/scss/formstone/_scrollbar.scss */
.fs-scrollbar-horizontal .fs-scrollbar-handle {
  width: 20px;
  height: 10px;
  top: auto;
  right: auto;
  bottom: 3px;
}

/* line 147, resources/scss/formstone/_scrollbar.scss */
.fs-scrollbar-setup .fs-scrollbar-content,
.fs-scrollbar-active .fs-scrollbar-content {
  padding: 20px;
}

/* line 151, resources/scss/formstone/_scrollbar.scss */
.fs-scrollbar-setup .fs-scrollbar-bar,
.fs-scrollbar-active .fs-scrollbar-bar {
  display: block;
}

/*! formstone v0.8.26 [dropdown.css] 2015-11-01 | MIT License | formstone.it */
/**
	 * @class
	 * @name .fs-dropdown-element
	 * @type element
	 * @description Target element
	 */
/**
	 * @class
	 * @name .fs-dropdown
	 * @type element
	 * @description Base widget class
	 */
/**
	 * @class
	 * @name .fs-dropdown.fs-dropdown-multiple
	 * @type modifer
	 * @description Indicates multi-selected element
	 */
/**
	 * @class
	 * @name .fs-dropdown.fs-dropdown-cover
	 * @type modifer
	 * @description Indicates cover positioning
	 */
/**
	 * @class
	 * @name .fs-dropdown.fs-dropdown-bottom
	 * @type modifer
	 * @description Indicates bottom positioning
	 */
/**
	 * @class
	 * @name .fs-dropdown.fs-dropdown-disabled
	 * @type modifer
	 * @description Indicates disabled state
	 */
/**
	 * @class
	 * @name .fs-dropdown.fs-dropdown-open
	 * @type modifer
	 * @description Indicates open state
	 */
/**
	 * @class
	 * @name .fs-dropdown.fs-dropdown-focus
	 * @type modifer
	 * @description Indicates focus state
	 */
/* line 51, resources/scss/formstone/_dropdown.scss */
.fs-dropdown {
  position: relative;
  z-index: 1;
  display: block;
  margin: 10px 0;
  max-width: 100%;
  /*
			@media screen and (min-width: 740px) {
				max-width: 30%;
			}
			*/
  /**
		 * @class
		 * @name .fs-dropdown-selected
		 * @type element
		 * @description Handle item
		 */
  /**
		 * @class
		 * @name .fs-dropdown-options
		 * @type element
		 * @description Options container
		 */
  /**
		 * @class
		 * @name .fs-dropdown-group
		 * @type element
		 * @description Option group label
		 */
  /**
		 * @class
		 * @name .fs-dropdown-item
		 * @type element
		 * @description Option item
		 */
}

/* line 87, resources/scss/formstone/_dropdown.scss */
.fs-dropdown:focus {
  box-shadow: none;
  outline: none;
}

/* line 91, resources/scss/formstone/_dropdown.scss */
.fs-dropdown,
.fs-dropdown:after,
.fs-dropdown:before,
.fs-dropdown *,
.fs-dropdown *:after,
.fs-dropdown *:before {
  box-sizing: border-box;
  -webkit-transition: none;
  transition: none;
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
  user-select: none !important;
}

/* line 105, resources/scss/formstone/_dropdown.scss */
.fs-dropdown-element {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  opacity: 0;
  z-index: -1;
}

/* line 113, resources/scss/formstone/_dropdown.scss */
.fs-dropdown-element,
.fs-dropdown-element:focus {
  outline: none;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  -webkit-tap-highlight-color: transparent;
}

/* line 119, resources/scss/formstone/_dropdown.scss */
.no-opacity .fs-dropdown-element {
  left: -999999px;
}

/* line 122, resources/scss/formstone/_dropdown.scss */
.fs-dropdown-selected {
  width: 100%;
  position: relative;
  background: #ffffff;
  border: 1px solid #cccccc;
  border-radius: 3px;
  color: #222222;
  cursor: pointer;
  display: block;
  font-size: 14px;
  height: 40px;
  line-height: 40px;
  margin: 0;
  overflow: hidden;
  padding: 0 40px 0 15px;
  text-align: left;
  text-overflow: clip;
  z-index: 2;
}

/* line 141, resources/scss/formstone/_dropdown.scss */
.fs-dropdown-selected:after {
  height: 0;
  width: 0;
  position: absolute;
  top: 0;
  right: 15px;
  bottom: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #cccccc;
  content: '';
  display: block;
  margin: auto 0;
}

/* line 155, resources/scss/formstone/_dropdown.scss */
.no-touch .fs-dropdown-selected:hover {
  color: #222222;
}

/* line 158, resources/scss/formstone/_dropdown.scss */
.no-touch .fs-dropdown-disabled .fs-dropdown-selected:hover {
  color: #cccccc;
}

/* line 161, resources/scss/formstone/_dropdown.scss */
.fs-dropdown-options {
  width: 100%;
  max-height: 260px;
  position: absolute;
  top: 100%;
  left: 0;
  border: 1px solid #cccccc;
  border-width: 0 1px 1px;
  border-radius: 0 0 3px 3px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
  background-color: #ffffff;
  display: none;
  margin: 0;
  overflow: auto;
  overflow-x: hidden;
  padding: 0;
  z-index: 50;
}

/* line 179, resources/scss/formstone/_dropdown.scss */
.fs-dropdown-options.fs-scrollbar {
  position: absolute;
}

/* line 182, resources/scss/formstone/_dropdown.scss */
.no-opacity .fs-dropdown-options {
  width: auto;
}

/* line 185, resources/scss/formstone/_dropdown.scss */
.fs-dropdown-group {
  border-bottom: 1px solid #cccccc;
  color: #999999;
  display: block;
  font-size: 11px;
  padding: 10px 15px;
  text-transform: uppercase;
}

/* line 193, resources/scss/formstone/_dropdown.scss */
.fs-dropdown-item {
  width: 100%;
  background: #ffffff;
  border-bottom: 1px solid #cccccc;
  color: #222222;
  cursor: pointer;
  display: block;
  font-size: 14px;
  margin: 0;
  height: 40px;
  line-height: 40px;
  overflow: hidden;
  padding: 0 15px;
  text-align: left;
  text-decoration: none;
  text-overflow: ellipsis;
  /**
			 * @class
			 * @name .fs-dropdown-item.fs-dropdown-item_placeholder
			 * @type modifier
			 * @description Indicates placeholder item
			 */
  /**
			 * @class
			 * @name .fs-dropdown-item.fs-dropdown-item_selected
			 * @type modifier
			 * @description Indicates selected item
			 */
  /**
			 * @class
			 * @name .fs-dropdown-item.fs-dropdown-item_disabled
			 * @type modifier
			 * @description Indicates disabled item
			 */
}

/* line 228, resources/scss/formstone/_dropdown.scss */
.fs-dropdown-item_placeholder {
  display: none;
}

/* line 231, resources/scss/formstone/_dropdown.scss */
.fs-dropdown-item_selected {
  background: #eeeeee;
}

/* line 234, resources/scss/formstone/_dropdown.scss */
.fs-dropdown-item_disabled {
  color: #999999;
  cursor: default;
}

/* line 238, resources/scss/formstone/_dropdown.scss */
.fs-dropdown-item:first-child {
  border-radius: 0;
}

/* line 241, resources/scss/formstone/_dropdown.scss */
.fs-dropdown-item:last-child {
  border-bottom: 0;
  border-radius: 0 0 3px 3px;
}

/* line 245, resources/scss/formstone/_dropdown.scss */
.no-touch .fs-dropdown-item:hover,
.no-touch .fs-dropdown-item_selected:hover {
  color: #222222;
  background-color: #dddddd;
  border-color: #cccccc;
}

/* line 251, resources/scss/formstone/_dropdown.scss */
.fs-dropdown-item_disabled,
.no-touch .fs-dropdown-item_disabled:hover {
  color: #cccccc;
  background-color: #ffffff;
  border-color: #cccccc;
}

/* line 257, resources/scss/formstone/_dropdown.scss */
.fs-dropdown-open {
  z-index: 3;
}

/* line 260, resources/scss/formstone/_dropdown.scss */
.fs-dropdown-open .fs-dropdown-options {
  display: block;
  border-radius: 0 0 3px 3px;
}

/* line 264, resources/scss/formstone/_dropdown.scss */
.fs-dropdown-open .fs-dropdown-selected {
  z-index: 51;
  border-radius: 3px 3px 0 0;
}

/* line 268, resources/scss/formstone/_dropdown.scss */
.fs-dropdown-open .fs-dropdown-selected,
.fs-dropdown-focus .fs-dropdown-selected {
  background-color: #ffffff;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}

/* line 273, resources/scss/formstone/_dropdown.scss */
.fs-dropdown-cover.fs-dropdown-open .fs-dropdown-selected {
  z-index: 49;
}

/* line 276, resources/scss/formstone/_dropdown.scss */
.fs-dropdown-cover .fs-dropdown-options {
  top: 0;
  border-radius: 3px;
  border-width: 1px;
}

/* line 281, resources/scss/formstone/_dropdown.scss */
.fs-dropdown-cover .fs-dropdown-item:first-child {
  border-radius: 3px 3px 0 0;
}

/* line 284, resources/scss/formstone/_dropdown.scss */
.fs-dropdown-bottom .fs-dropdown-options {
  top: auto;
  bottom: 100%;
  border-width: 1px 1px 0;
}

/* line 289, resources/scss/formstone/_dropdown.scss */
.fs-dropdown-bottom .fs-dropdown-item:last-child {
  border: none;
}

/* line 292, resources/scss/formstone/_dropdown.scss */
.fs-dropdown-bottom.fs-dropdown-open .fs-dropdown-selected {
  border-radius: 0 0 3px 3px;
}

/* line 295, resources/scss/formstone/_dropdown.scss */
.fs-dropdown-bottom.fs-dropdown-open .fs-dropdown-options {
  border-radius: 3px 3px 0 0;
}

/* line 298, resources/scss/formstone/_dropdown.scss */
.fs-dropdown-bottom.fs-dropdown-cover .fs-dropdown-options {
  top: auto;
  bottom: 0;
}

/* line 302, resources/scss/formstone/_dropdown.scss */
.fs-dropdown-bottom.fs-dropdown-cover.fs-dropdown-open .fs-dropdown-selected {
  border-radius: 3px;
}

/* line 305, resources/scss/formstone/_dropdown.scss */
.fs-dropdown-bottom.fs-dropdown-cover.fs-dropdown-open .fs-dropdown-options {
  border-radius: 3px;
}

/* line 308, resources/scss/formstone/_dropdown.scss */
.fs-dropdown-multiple {
  border: 1px solid #cccccc;
  border-radius: 3px;
}

/* line 312, resources/scss/formstone/_dropdown.scss */
.fs-dropdown-multiple .fs-dropdown-options {
  width: 100%;
  position: static;
  border: none;
  border-radius: 3px;
  box-shadow: none;
  display: block;
}

/* line 320, resources/scss/formstone/_dropdown.scss */
.fs-dropdown-disabled .fs-dropdown-selected {
  background: #ffffff;
  border-color: #cccccc;
  color: #cccccc;
  cursor: default;
}

/* line 326, resources/scss/formstone/_dropdown.scss */
.fs-dropdown-disabled .fs-dropdown-options {
  background: #ffffff;
  border-color: #cccccc;
}

/* line 330, resources/scss/formstone/_dropdown.scss */
.fs-dropdown-disabled .fs-dropdown-group,
.fs-dropdown-disabled .fs-dropdown-item {
  border-color: #cccccc;
  color: #cccccc;
  cursor: default;
}

/* line 336, resources/scss/formstone/_dropdown.scss */
.fs-dropdown-disabled .fs-dropdown-item,
.no-touch .fs-dropdown-disabled .fs-dropdown-item:hover {
  color: #cccccc;
  background-color: #ffffff;
}

/* line 341, resources/scss/formstone/_dropdown.scss */
.fs-dropdown-disabled .fs-dropdown-item_selected,
.no-touch .fs-dropdown-disabled .fs-dropdown-item_selected:hover {
  background: #fafafa;
}

/* line 345, resources/scss/formstone/_dropdown.scss */
.fs-dropdown-options.fs-scrollbar {
  overflow: hidden;
}

/* line 348, resources/scss/formstone/_dropdown.scss */
.fs-dropdown-options.fs-scrollbar .fs-scrollbar-content {
  max-height: 260px;
  height: auto;
}

/* line 352, resources/scss/formstone/_dropdown.scss */
.fs-dropdown-options.fs-scrollbar.fs-scrollbar-active .fs-scrollbar-content {
  padding: 0;
}

/* line 355, resources/scss/formstone/_dropdown.scss */
.fs-dropdown-options.fs-scrollbar .fs-scrollbar-bar,
.fs-dropdown-options.fs-scrollbar .fs-scrollbar-track {
  border-radius: 0 3px 3px 0;
}

/*! formstone v0.8.26 [tabs.css] 2015-11-01 | MIT License | formstone.it */
/**
	 * @class
	 * @name .fs-tabs-element
	 * @type element
	 * @description Target elmement
	 */
/**
	 * @class
	 * @name .fs-tabs
	 * @type element
	 * @description Base widget class
	 */
/**
	 * @class
	 * @name .fs-tabs.fs-tabs-enabled
	 * @type modifier
	 * @description Indicates enabled state
	 */
/* line 21, resources/scss/formstone/_tabs.scss */
.fs-tabs {
  /**
		 * @class
		 * @name .fs-tabs-tab
		 * @type element
		 * @description Tab handle element
		 */
  /**
		 * @class
		 * @name .fs-tabs-tab.fs-tabs-enabled
		 * @type modifier
		 * @description Indicates enabled state
		 */
  /**
		 * @class
		 * @name .fs-tabs-tab.fs-tabs-active
		 * @type modifier
		 * @description Indicates active state
		 */
  /**
		 * @class
		 * @name .fs-tabs-tab.fs-tabs-mobile
		 * @type modifier
		 * @description Indicates mobile interface
		 */
  /**
		 * @class
		 * @name .fs-tabs-content
		 * @type element
		 * @description Tab content element
		 */
  /**
		 * @class
		 * @name .fs-tabs-content.fs-tabs-enabled
		 * @type modifier
		 * @description Indicates enabled state
		 */
  /**
		 * @class
		 * @name .fs-tabs-content.fs-tabs-active
		 * @type modifier
		 * @description Indicates active state
		 */
  /**
		 * @class
		 * @name .fs-tabs-tab_mobile
		 * @type element
		 * @description Mobile tab handle element
		 */
  /**
		 * @class
		 * @name .fs-tabs-tab_mobile.fs-tabs-active
		 * @type modifier
		 * @description Indicates active state
		 */
}

/* line 77, resources/scss/formstone/_tabs.scss */
.fs-tabs.fs-tabs-enabled:after {
  clear: both;
  content: '';
  display: table;
}

/* line 82, resources/scss/formstone/_tabs.scss */
.fs-tabs-tab.fs-tabs-enabled {
  box-sizing: border-box;
  border: none;
  cursor: pointer;
}

/* line 87, resources/scss/formstone/_tabs.scss */
.fs-tabs-tab.fs-tabs-enabled:focus {
  outline: none;
}

/* line 90, resources/scss/formstone/_tabs.scss */
.fs-tabs-content.fs-tabs-enabled {
  box-sizing: border-box;
  display: none;
}

/* line 94, resources/scss/formstone/_tabs.scss */
.fs-tabs-content.fs-tabs-enabled:after {
  clear: both;
  content: '';
  display: table;
}

/* line 99, resources/scss/formstone/_tabs.scss */
.fs-tabs-content.fs-tabs-active {
  display: block;
}

/* line 102, resources/scss/formstone/_tabs.scss */
.fs-tabs-tab.fs-tabs-mobile,
.fs-tabs-tab_mobile,
.fs-tabs-tab_mobile.fs-tabs-active {
  display: none;
}

/* line 107, resources/scss/formstone/_tabs.scss */
.fs-tabs-tab_mobile.fs-tabs-mobile,
.fs-tabs-tab_mobile.fs-tabs-mobile.fs-tabs-active {
  display: block;
}

/*! formstone v0.8.26 [range.css] 2015-11-01 | MIT License | formstone.it */
/* line 3, resources/scss/formstone/_range.scss */
.fs-range {
  width: 100%;
}

/* line 6, resources/scss/formstone/_range.scss */
.fs-range,
.fs-range:after,
.fs-range:before,
.fs-range *,
.fs-range *:after,
.fs-range *:before {
  box-sizing: border-box;
  -webkit-transition: none;
  transition: none;
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
  user-select: none !important;
}

/* line 20, resources/scss/formstone/_range.scss */
.fs-range-element {
  width: 1px;
  height: 1px;
  position: absolute;
  z-index: -1;
  opacity: 0;
}

/* line 27, resources/scss/formstone/_range.scss */
.no-touch .fs-range-element {
  left: -9999px;
}

/* line 30, resources/scss/formstone/_range.scss */
.fs-range-track {
  width: 100%;
  height: 8px;
  position: relative;
  background: #fbfbfb;
  border: 1px solid #ddd;
  border-radius: 4px;
  float: left;
  margin: 10px 0;
}

/* line 40, resources/scss/formstone/_range.scss */
.fs-range-fill {
  width: 1px;
  height: 100%;
  position: absolute;
  top: 0;
  right: auto;
  bottom: 0;
  left: 0;
  z-index: 1;
  background: #DCDCDC;
}

/* line 51, resources/scss/formstone/_range.scss */
.fs-range-handle {
  width: 1px;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  display: block;
  overflow: visible;
}

/* line 61, resources/scss/formstone/_range.scss */
.fs-range-marker {
  width: 14px;
  height: 14px;
  background: #DCDCDC;
  border: 1px solid #AFAFAF;
  border-radius: 100%;
  cursor: pointer;
  display: block;
  margin: -4px 0 0 -6px;
}

/* line 71, resources/scss/formstone/_range.scss */
.no-touch .fs-range:hover .fs-range-track {
  box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.1);
}

/* line 74, resources/scss/formstone/_range.scss */
.no-touch .fs-range:hover .fs-range-marker {
  background: #ccc;
  border-color: #999;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
}

/* line 79, resources/scss/formstone/_range.scss */
.fs-range-focus .fs-range-track {
  box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.1);
}

/* line 82, resources/scss/formstone/_range.scss */
.fs-range-focus .fs-range-marker {
  background: #ccc;
  border-color: #999;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
}

/* line 87, resources/scss/formstone/_range.scss */
.fs-range-labels .fs-range-track {
  width: 80%;
}

/* line 90, resources/scss/formstone/_range.scss */
.fs-range-label {
  width: 8%;
  display: block;
  font-size: 12px;
  line-height: 28px;
}

/* line 96, resources/scss/formstone/_range.scss */
.fs-range-label_min {
  float: left;
  margin: 0 2% 0 0;
  text-align: right;
}

/* line 101, resources/scss/formstone/_range.scss */
.fs-range-label_max {
  float: right;
  margin: 0 0 0 2%;
  text-align: left;
}

/* line 106, resources/scss/formstone/_range.scss */
.fs-range-vertical {
  height: 300px;
  width: 30px;
}

/* line 110, resources/scss/formstone/_range.scss */
.fs-range-vertical .fs-range-track {
  width: 8px;
  height: 75%;
  margin: 0 11px 0;
}

/* line 115, resources/scss/formstone/_range.scss */
.fs-range-vertical .fs-range-fill {
  width: 100%;
  height: 1px;
  top: auto;
  right: 0;
  bottom: 0;
  left: 0;
}

/* line 123, resources/scss/formstone/_range.scss */
.fs-range-vertical .fs-range-handle {
  width: 100%;
  height: 1px;
  top: auto;
  bottom: 0;
  left: 0;
}

/* line 130, resources/scss/formstone/_range.scss */
.fs-range-vertical .fs-range-marker {
  margin: -7px 0 0 -4px;
}

/* line 133, resources/scss/formstone/_range.scss */
.fs-range-vertical .fs-range-label {
  clear: both;
  float: none;
  height: 10%;
  text-align: center;
  width: 100%;
}

/* line 140, resources/scss/formstone/_range.scss */
.fs-range-vertical .fs-range-label_min {
  padding: 5px 0 0;
}

/* line 143, resources/scss/formstone/_range.scss */
.fs-range-vertical .fs-range-label_max {
  padding: 0;
}

/* line 146, resources/scss/formstone/_range.scss */
.fs-range-disabled {
  cursor: default;
  opacity: 0.5;
}

/* line 150, resources/scss/formstone/_range.scss */
.fs-range-disabled .fs-range-disc {
  cursor: default;
}

/*! jQuery UI - v1.11.4 - 2016-03-18
* http://jqueryui.com
* Includes: core.css, sortable.css, accordion.css, autocomplete.css, menu.css, slider.css, tooltip.css
* Copyright jQuery Foundation and other contributors; Licensed MIT */
/* Layout helpers
----------------------------------*/
/* line 8, resources/scss/plugins/_jquery-ui.scss */
.ui-helper-hidden {
  display: none;
}

/* line 11, resources/scss/plugins/_jquery-ui.scss */
.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

/* line 21, resources/scss/plugins/_jquery-ui.scss */
.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none;
}

/* line 31, resources/scss/plugins/_jquery-ui.scss */
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
  content: "";
  display: table;
  border-collapse: collapse;
}

/* line 37, resources/scss/plugins/_jquery-ui.scss */
.ui-helper-clearfix:after {
  clear: both;
}

/* line 40, resources/scss/plugins/_jquery-ui.scss */
.ui-helper-clearfix {
  min-height: 0;
  /* support: IE7 */
}

/* line 43, resources/scss/plugins/_jquery-ui.scss */
.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: Alpha(Opacity=0);
  /* support: IE8 */
}

/* line 53, resources/scss/plugins/_jquery-ui.scss */
.ui-front {
  z-index: 100;
}

/* Interaction Cues
----------------------------------*/
/* line 60, resources/scss/plugins/_jquery-ui.scss */
.ui-state-disabled {
  cursor: default !important;
}

/* Icons
----------------------------------*/
/* states and images */
/* line 69, resources/scss/plugins/_jquery-ui.scss */
.ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
}

/* Misc visuals
----------------------------------*/
/* Overlays */
/* line 81, resources/scss/plugins/_jquery-ui.scss */
.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* line 88, resources/scss/plugins/_jquery-ui.scss */
.ui-sortable-handle {
  -ms-touch-action: none;
  touch-action: none;
}

/* line 92, resources/scss/plugins/_jquery-ui.scss */
.ui-accordion .ui-accordion-header {
  display: block;
  cursor: pointer;
  position: relative;
  margin: 2px 0 0 0;
  min-height: 0;
  /* support: IE7 */
  font-size: 100%;
}

/* line 107, resources/scss/plugins/_jquery-ui.scss */
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
  position: absolute;
  left: .5em;
  top: 50%;
  margin-top: -8px;
}

/* line 113, resources/scss/plugins/_jquery-ui.scss */
.ui-accordion .ui-accordion-content {
  border-top: 0;
  overflow: auto;
}

/* line 118, resources/scss/plugins/_jquery-ui.scss */
.ui-autocomplete {
  position: absolute;
  top: 0;
  left: 0;
  cursor: default;
}

/* line 124, resources/scss/plugins/_jquery-ui.scss */
.ui-menu {
  list-style: none;
  padding: 0;
  margin: 0;
  display: block;
  outline: none;
}

/* line 131, resources/scss/plugins/_jquery-ui.scss */
.ui-menu .ui-menu {
  position: absolute;
}

/* line 134, resources/scss/plugins/_jquery-ui.scss */
.ui-menu .ui-menu-item {
  position: relative;
  margin: 0;
  padding: 3px 1em 3px .4em;
  cursor: pointer;
  min-height: 0;
  /* support: IE7 */
  /* support: IE10, see #8844 */
  list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}

/* line 143, resources/scss/plugins/_jquery-ui.scss */
.ui-menu .ui-menu-divider {
  margin: 5px 0;
  height: 0;
  font-size: 0;
  line-height: 0;
  border-width: 1px 0 0 0;
}

/* line 150, resources/scss/plugins/_jquery-ui.scss */
.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
  margin: -1px;
}

/* icon support */
/* line 156, resources/scss/plugins/_jquery-ui.scss */
.ui-menu-icons {
  position: relative;
}

/* line 159, resources/scss/plugins/_jquery-ui.scss */
.ui-menu-icons .ui-menu-item {
  padding-left: 2em;
}

/* left-aligned */
/* line 164, resources/scss/plugins/_jquery-ui.scss */
.ui-menu .ui-icon {
  position: absolute;
  top: 0;
  bottom: 0;
  left: .2em;
  margin: auto 0;
}

/* right-aligned */
/* line 173, resources/scss/plugins/_jquery-ui.scss */
.ui-menu .ui-menu-icon {
  left: auto;
  right: 0;
}

/* line 177, resources/scss/plugins/_jquery-ui.scss */
.ui-slider {
  position: relative;
  text-align: left;
}

/* line 181, resources/scss/plugins/_jquery-ui.scss */
.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 1.2em;
  height: 1.2em;
  cursor: default;
  -ms-touch-action: none;
  touch-action: none;
}

/* line 190, resources/scss/plugins/_jquery-ui.scss */
.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: .7em;
  display: block;
  border: 0;
  background-position: 0 0;
}

/* support: IE8 - See #6727 */
/* line 200, resources/scss/plugins/_jquery-ui.scss */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
  filter: inherit;
}

/* line 205, resources/scss/plugins/_jquery-ui.scss */
.ui-slider-horizontal {
  height: .8em;
}

/* line 208, resources/scss/plugins/_jquery-ui.scss */
.ui-slider-horizontal .ui-slider-handle {
  top: -.3em;
  margin-left: -.6em;
}

/* line 212, resources/scss/plugins/_jquery-ui.scss */
.ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%;
}

/* line 216, resources/scss/plugins/_jquery-ui.scss */
.ui-slider-horizontal .ui-slider-range-min {
  left: 0;
}

/* line 219, resources/scss/plugins/_jquery-ui.scss */
.ui-slider-horizontal .ui-slider-range-max {
  right: 0;
}

/* line 223, resources/scss/plugins/_jquery-ui.scss */
.ui-slider-vertical {
  width: .8em;
  height: 100px;
}

/* line 227, resources/scss/plugins/_jquery-ui.scss */
.ui-slider-vertical .ui-slider-handle {
  left: -.3em;
  margin-left: 0;
  margin-bottom: -.6em;
}

/* line 232, resources/scss/plugins/_jquery-ui.scss */
.ui-slider-vertical .ui-slider-range {
  left: 0;
  width: 100%;
}

/* line 236, resources/scss/plugins/_jquery-ui.scss */
.ui-slider-vertical .ui-slider-range-min {
  bottom: 0;
}

/* line 239, resources/scss/plugins/_jquery-ui.scss */
.ui-slider-vertical .ui-slider-range-max {
  top: 0;
}

/* line 242, resources/scss/plugins/_jquery-ui.scss */
.ui-tooltip {
  padding: 8px;
  position: absolute;
  z-index: 9999;
  max-width: 300px;
  -webkit-box-shadow: 0 0 5px #aaa;
  box-shadow: 0 0 5px #aaa;
}

/* line 250, resources/scss/plugins/_jquery-ui.scss */
body .ui-tooltip {
  border-width: 2px;
}

/* line 1, resources/scss/_spinner.scss */
.logo-spinner-overlay {
  opacity: 1;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(255, 255, 255, 0.75);
  z-index: 8000;
}

/* line 12, resources/scss/_spinner.scss */
.logo-spinner {
  position: absolute;
  top: 40%;
  top: calc(50% - 73px);
  left: 40%;
  left: calc(50% - 167px);
}

/* line 18, resources/scss/_spinner.scss */
.logo-spinner .gear1 {
  margin: 0;
  padding: 0;
  position: absolute;
  top: 92px;
  background-image: url("/resources/img/gear1.png");
  width: 35px;
  left: 85px;
  height: 35px;
  background-size: 100%;
  display: block;
  text-align: center;
  transform-origin: center;
  animation: gear1 0.5s linear infinite;
}

/* line 33, resources/scss/_spinner.scss */
.logo-spinner .gear2 {
  margin: 0;
  padding: 0;
  position: absolute;
  top: 76px;
  background-image: url(/resources/img/gear2.png);
  width: 21px;
  left: 109px;
  height: 21px;
  display: block;
  text-align: center;
  transform-origin: center;
  animation: gear2 0.3s linear infinite;
  background-size: 100%;
}

@keyframes gear1 {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(45deg);
  }
}

@keyframes gear2 {
  0% {
    transform: rotate(45deg);
  }
  100% {
    transform: rotate(0);
  }
}

/* line 1, resources/scss/_sweetalert.scss */
body.stop-scrolling {
  height: 100%;
  overflow: hidden;
}

/* line 5, resources/scss/_sweetalert.scss */
.sweet-overlay {
  background-color: black;
  /* IE8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  /* IE8 */
  background-color: rgba(0, 0, 0, 0.4);
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: none;
  z-index: 10000;
}

/* line 19, resources/scss/_sweetalert.scss */
.sweet-alert {
  background-color: white;
  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  width: 478px;
  padding: 17px;
  border-radius: 5px;
  text-align: center;
  position: fixed;
  left: 50%;
  top: 50%;
  margin-left: -256px;
  margin-top: -200px;
  overflow: hidden;
  display: none;
  z-index: 99999;
}

@media all and (max-width: 540px) {
  /* line 35, resources/scss/_sweetalert.scss */
  .sweet-alert {
    width: auto;
    margin-left: 0;
    margin-right: 0;
    left: 15px;
    right: 15px;
  }
}

/* line 41, resources/scss/_sweetalert.scss */
.sweet-alert h2 {
  color: #575757;
  font-size: 30px;
  text-align: center;
  font-weight: 600;
  text-transform: none;
  position: relative;
  margin: 25px 0;
  padding: 0;
  line-height: 40px;
  display: block;
}

/* line 52, resources/scss/_sweetalert.scss */
.sweet-alert p {
  color: #797979;
  font-size: 16px;
  text-align: center;
  font-weight: 300;
  position: relative;
  text-align: inherit;
  float: none;
  margin: 0;
  padding: 0;
  line-height: normal;
}

/* line 63, resources/scss/_sweetalert.scss */
.sweet-alert fieldset {
  border: none;
  position: relative;
}

/* line 66, resources/scss/_sweetalert.scss */
.sweet-alert .sa-error-container {
  background-color: #f1f1f1;
  margin-left: -17px;
  margin-right: -17px;
  overflow: hidden;
  padding: 0 10px;
  max-height: 0;
  webkit-transition: padding 0.15s, max-height 0.15s;
  transition: padding 0.15s, max-height 0.15s;
}

/* line 75, resources/scss/_sweetalert.scss */
.sweet-alert .sa-error-container.show {
  padding: 10px 0;
  max-height: 100px;
  webkit-transition: padding 0.2s, max-height 0.2s;
  transition: padding 0.25s, max-height 0.25s;
}

/* line 80, resources/scss/_sweetalert.scss */
.sweet-alert .sa-error-container .icon {
  display: inline-block;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: #ea7d7d;
  color: white;
  line-height: 24px;
  text-align: center;
  margin-right: 3px;
}

/* line 90, resources/scss/_sweetalert.scss */
.sweet-alert .sa-error-container p {
  display: inline-block;
}

/* line 92, resources/scss/_sweetalert.scss */
.sweet-alert .sa-input-error {
  position: absolute;
  top: 29px;
  right: 26px;
  width: 20px;
  height: 20px;
  opacity: 0;
  -webkit-transform: scale(0.5);
  transform: scale(0.5);
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transition: all 0.1s;
  transition: all 0.1s;
}

/* line 105, resources/scss/_sweetalert.scss */
.sweet-alert .sa-input-error::before, .sweet-alert .sa-input-error::after {
  content: "";
  width: 20px;
  height: 6px;
  background-color: #f06e57;
  border-radius: 3px;
  position: absolute;
  top: 50%;
  margin-top: -4px;
  left: 50%;
  margin-left: -9px;
}

/* line 116, resources/scss/_sweetalert.scss */
.sweet-alert .sa-input-error::before {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

/* line 119, resources/scss/_sweetalert.scss */
.sweet-alert .sa-input-error::after {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

/* line 122, resources/scss/_sweetalert.scss */
.sweet-alert .sa-input-error.show {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}

/* line 126, resources/scss/_sweetalert.scss */
.sweet-alert input {
  width: 100%;
  box-sizing: border-box;
  border-radius: 3px;
  border: 1px solid #d7d7d7;
  height: 43px;
  margin-top: 10px;
  margin-bottom: 17px;
  font-size: 18px;
  box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.06);
  padding: 0 12px;
  display: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

/* line 140, resources/scss/_sweetalert.scss */
.sweet-alert input:focus {
  outline: none;
  box-shadow: 0px 0px 3px #c4e6f5;
  border: 1px solid #b4dbed;
}

/* line 144, resources/scss/_sweetalert.scss */
.sweet-alert input:focus::-moz-placeholder {
  transition: opacity 0.3s 0.03s ease;
  opacity: 0.5;
}

/* line 147, resources/scss/_sweetalert.scss */
.sweet-alert input:focus:-ms-input-placeholder {
  transition: opacity 0.3s 0.03s ease;
  opacity: 0.5;
}

/* line 150, resources/scss/_sweetalert.scss */
.sweet-alert input:focus::-webkit-input-placeholder {
  transition: opacity 0.3s 0.03s ease;
  opacity: 0.5;
}

/* line 153, resources/scss/_sweetalert.scss */
.sweet-alert input::-moz-placeholder {
  color: #bdbdbd;
}

/* line 155, resources/scss/_sweetalert.scss */
.sweet-alert input:-ms-input-placeholder {
  color: #bdbdbd;
}

/* line 157, resources/scss/_sweetalert.scss */
.sweet-alert input::-webkit-input-placeholder {
  color: #bdbdbd;
}

/* line 159, resources/scss/_sweetalert.scss */
.sweet-alert.show-input input {
  display: block;
}

/* line 161, resources/scss/_sweetalert.scss */
.sweet-alert .sa-confirm-button-container {
  display: inline-block;
  position: relative;
}

/* line 164, resources/scss/_sweetalert.scss */
.sweet-alert .la-ball-fall {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -27px;
  margin-top: 4px;
  opacity: 0;
  visibility: hidden;
}

/* line 172, resources/scss/_sweetalert.scss */
.sweet-alert button {
  background-color: #8CD4F5;
  color: white;
  border: none;
  box-shadow: none;
  font-size: 17px;
  font-weight: 500;
  -webkit-border-radius: 4px;
  border-radius: 5px;
  padding: 10px 32px;
  margin: 26px 5px 0 5px;
  cursor: pointer;
}

/* line 184, resources/scss/_sweetalert.scss */
.sweet-alert button:focus {
  outline: none;
  box-shadow: 0 0 2px rgba(128, 179, 235, 0.5), inset 0 0 0 1px rgba(0, 0, 0, 0.05);
}

/* line 187, resources/scss/_sweetalert.scss */
.sweet-alert button:hover {
  background-color: #7ecff4;
}

/* line 189, resources/scss/_sweetalert.scss */
.sweet-alert button:active {
  background-color: #5dc2f1;
}

/* line 191, resources/scss/_sweetalert.scss */
.sweet-alert button.cancel {
  background-color: #C1C1C1;
}

/* line 193, resources/scss/_sweetalert.scss */
.sweet-alert button.cancel:hover {
  background-color: #b9b9b9;
}

/* line 195, resources/scss/_sweetalert.scss */
.sweet-alert button.cancel:active {
  background-color: #a8a8a8;
}

/* line 197, resources/scss/_sweetalert.scss */
.sweet-alert button.cancel:focus {
  box-shadow: rgba(197, 205, 211, 0.8) 0px 0px 2px, rgba(0, 0, 0, 0.0470588) 0px 0px 0px 1px inset !important;
}

/* line 199, resources/scss/_sweetalert.scss */
.sweet-alert button[disabled] {
  opacity: .6;
  cursor: default;
}

/* line 202, resources/scss/_sweetalert.scss */
.sweet-alert button.confirm[disabled] {
  color: transparent;
}

/* line 204, resources/scss/_sweetalert.scss */
.sweet-alert button.confirm[disabled] ~ .la-ball-fall {
  opacity: 1;
  visibility: visible;
  transition-delay: 0s;
}

/* line 208, resources/scss/_sweetalert.scss */
.sweet-alert button::-moz-focus-inner {
  border: 0;
}

/* line 210, resources/scss/_sweetalert.scss */
.sweet-alert[data-has-cancel-button=false] button {
  box-shadow: none !important;
}

/* line 212, resources/scss/_sweetalert.scss */
.sweet-alert[data-has-confirm-button=false][data-has-cancel-button=false] {
  padding-bottom: 40px;
}

/* line 214, resources/scss/_sweetalert.scss */
.sweet-alert .sa-icon {
  width: 80px;
  height: 80px;
  border: 4px solid gray;
  -webkit-border-radius: 40px;
  border-radius: 40px;
  border-radius: 50%;
  margin: 20px auto;
  padding: 0;
  position: relative;
  box-sizing: content-box;
}

/* line 225, resources/scss/_sweetalert.scss */
.sweet-alert .sa-icon.sa-error {
  border-color: #F27474;
}

/* line 227, resources/scss/_sweetalert.scss */
.sweet-alert .sa-icon.sa-error .sa-x-mark {
  position: relative;
  display: block;
}

/* line 230, resources/scss/_sweetalert.scss */
.sweet-alert .sa-icon.sa-error .sa-line {
  position: absolute;
  height: 5px;
  width: 47px;
  background-color: #F27474;
  display: block;
  top: 37px;
  border-radius: 2px;
}

/* line 238, resources/scss/_sweetalert.scss */
.sweet-alert .sa-icon.sa-error .sa-line.sa-left {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  left: 17px;
}

/* line 242, resources/scss/_sweetalert.scss */
.sweet-alert .sa-icon.sa-error .sa-line.sa-right {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  right: 16px;
}

/* line 246, resources/scss/_sweetalert.scss */
.sweet-alert .sa-icon.sa-warning {
  border-color: #F8BB86;
}

/* line 248, resources/scss/_sweetalert.scss */
.sweet-alert .sa-icon.sa-warning .sa-body {
  position: absolute;
  width: 5px;
  height: 47px;
  left: 50%;
  top: 10px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  margin-left: -2px;
  background-color: #F8BB86;
}

/* line 258, resources/scss/_sweetalert.scss */
.sweet-alert .sa-icon.sa-warning .sa-dot {
  position: absolute;
  width: 7px;
  height: 7px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  margin-left: -3px;
  left: 50%;
  bottom: 10px;
  background-color: #F8BB86;
}

/* line 268, resources/scss/_sweetalert.scss */
.sweet-alert .sa-icon.sa-info {
  border-color: #C9DAE1;
}

/* line 270, resources/scss/_sweetalert.scss */
.sweet-alert .sa-icon.sa-info::before {
  content: "";
  position: absolute;
  width: 5px;
  height: 29px;
  left: 50%;
  bottom: 17px;
  border-radius: 2px;
  margin-left: -2px;
  background-color: #C9DAE1;
}

/* line 280, resources/scss/_sweetalert.scss */
.sweet-alert .sa-icon.sa-info::after {
  content: "";
  position: absolute;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  margin-left: -3px;
  top: 19px;
  background-color: #C9DAE1;
}

/* line 289, resources/scss/_sweetalert.scss */
.sweet-alert .sa-icon.sa-success {
  border-color: #A5DC86;
}

/* line 291, resources/scss/_sweetalert.scss */
.sweet-alert .sa-icon.sa-success::before, .sweet-alert .sa-icon.sa-success::after {
  content: '';
  -webkit-border-radius: 40px;
  border-radius: 40px;
  border-radius: 50%;
  position: absolute;
  width: 60px;
  height: 120px;
  background: white;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

/* line 302, resources/scss/_sweetalert.scss */
.sweet-alert .sa-icon.sa-success::before {
  -webkit-border-radius: 120px 0 0 120px;
  border-radius: 120px 0 0 120px;
  top: -7px;
  left: -33px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transform-origin: 60px 60px;
  transform-origin: 60px 60px;
}

/* line 311, resources/scss/_sweetalert.scss */
.sweet-alert .sa-icon.sa-success::after {
  -webkit-border-radius: 0 120px 120px 0;
  border-radius: 0 120px 120px 0;
  top: -11px;
  left: 30px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transform-origin: 0px 60px;
  transform-origin: 0px 60px;
}

/* line 320, resources/scss/_sweetalert.scss */
.sweet-alert .sa-icon.sa-success .sa-placeholder {
  width: 80px;
  height: 80px;
  border: 4px solid rgba(165, 220, 134, 0.2);
  -webkit-border-radius: 40px;
  border-radius: 40px;
  border-radius: 50%;
  box-sizing: content-box;
  position: absolute;
  left: -4px;
  top: -4px;
  z-index: 2;
}

/* line 332, resources/scss/_sweetalert.scss */
.sweet-alert .sa-icon.sa-success .sa-fix {
  width: 5px;
  height: 90px;
  background-color: white;
  position: absolute;
  left: 28px;
  top: 8px;
  z-index: 1;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

/* line 342, resources/scss/_sweetalert.scss */
.sweet-alert .sa-icon.sa-success .sa-line {
  height: 5px;
  background-color: #A5DC86;
  display: block;
  border-radius: 2px;
  position: absolute;
  z-index: 2;
}

/* line 349, resources/scss/_sweetalert.scss */
.sweet-alert .sa-icon.sa-success .sa-line.sa-tip {
  width: 25px;
  left: 14px;
  top: 46px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

/* line 355, resources/scss/_sweetalert.scss */
.sweet-alert .sa-icon.sa-success .sa-line.sa-long {
  width: 47px;
  right: 8px;
  top: 38px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

/* line 361, resources/scss/_sweetalert.scss */
.sweet-alert .sa-icon.sa-custom {
  background-size: contain;
  border-radius: 0;
  border: none;
  background-position: center center;
  background-repeat: no-repeat;
}

/*
 * Animations
 */
@-webkit-keyframes showSweetAlert {
  0% {
    transform: scale(0.7);
    -webkit-transform: scale(0.7);
  }
  45% {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
  }
  80% {
    transform: scale(0.95);
    -webkit-transform: scale(0.95);
  }
  100% {
    transform: scale(1);
    -webkit-transform: scale(1);
  }
}

@keyframes showSweetAlert {
  0% {
    transform: scale(0.7);
    -webkit-transform: scale(0.7);
  }
  45% {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
  }
  80% {
    transform: scale(0.95);
    -webkit-transform: scale(0.95);
  }
  100% {
    transform: scale(1);
    -webkit-transform: scale(1);
  }
}

@-webkit-keyframes hideSweetAlert {
  0% {
    transform: scale(1);
    -webkit-transform: scale(1);
  }
  100% {
    transform: scale(0.5);
    -webkit-transform: scale(0.5);
  }
}

@keyframes hideSweetAlert {
  0% {
    transform: scale(1);
    -webkit-transform: scale(1);
  }
  100% {
    transform: scale(0.5);
    -webkit-transform: scale(0.5);
  }
}

@-webkit-keyframes slideFromTop {
  0% {
    top: 0%;
  }
  100% {
    top: 50%;
  }
}

@keyframes slideFromTop {
  0% {
    top: 0%;
  }
  100% {
    top: 50%;
  }
}

@-webkit-keyframes slideToTop {
  0% {
    top: 50%;
  }
  100% {
    top: 0%;
  }
}

@keyframes slideToTop {
  0% {
    top: 50%;
  }
  100% {
    top: 0%;
  }
}

@-webkit-keyframes slideFromBottom {
  0% {
    top: 70%;
  }
  100% {
    top: 50%;
  }
}

@keyframes slideFromBottom {
  0% {
    top: 70%;
  }
  100% {
    top: 50%;
  }
}

@-webkit-keyframes slideToBottom {
  0% {
    top: 50%;
  }
  100% {
    top: 70%;
  }
}

@keyframes slideToBottom {
  0% {
    top: 50%;
  }
  100% {
    top: 70%;
  }
}

/* line 463, resources/scss/_sweetalert.scss */
.showSweetAlert[data-animation=pop] {
  -webkit-animation: showSweetAlert 0.3s;
  animation: showSweetAlert 0.3s;
}

/* line 467, resources/scss/_sweetalert.scss */
.showSweetAlert[data-animation=none] {
  -webkit-animation: none;
  animation: none;
}

/* line 471, resources/scss/_sweetalert.scss */
.showSweetAlert[data-animation=slide-from-top] {
  -webkit-animation: slideFromTop 0.3s;
  animation: slideFromTop 0.3s;
}

/* line 475, resources/scss/_sweetalert.scss */
.showSweetAlert[data-animation=slide-from-bottom] {
  -webkit-animation: slideFromBottom 0.3s;
  animation: slideFromBottom 0.3s;
}

/* line 479, resources/scss/_sweetalert.scss */
.hideSweetAlert[data-animation=pop] {
  -webkit-animation: hideSweetAlert 0.2s;
  animation: hideSweetAlert 0.2s;
}

/* line 483, resources/scss/_sweetalert.scss */
.hideSweetAlert[data-animation=none] {
  -webkit-animation: none;
  animation: none;
}

/* line 487, resources/scss/_sweetalert.scss */
.hideSweetAlert[data-animation=slide-from-top] {
  -webkit-animation: slideToTop 0.4s;
  animation: slideToTop 0.4s;
}

/* line 491, resources/scss/_sweetalert.scss */
.hideSweetAlert[data-animation=slide-from-bottom] {
  -webkit-animation: slideToBottom 0.3s;
  animation: slideToBottom 0.3s;
}

@-webkit-keyframes animateSuccessTip {
  0% {
    width: 0;
    left: 1px;
    top: 19px;
  }
  54% {
    width: 0;
    left: 1px;
    top: 19px;
  }
  70% {
    width: 50px;
    left: -8px;
    top: 37px;
  }
  84% {
    width: 17px;
    left: 21px;
    top: 48px;
  }
  100% {
    width: 25px;
    left: 14px;
    top: 45px;
  }
}

@keyframes animateSuccessTip {
  0% {
    width: 0;
    left: 1px;
    top: 19px;
  }
  54% {
    width: 0;
    left: 1px;
    top: 19px;
  }
  70% {
    width: 50px;
    left: -8px;
    top: 37px;
  }
  84% {
    width: 17px;
    left: 21px;
    top: 48px;
  }
  100% {
    width: 25px;
    left: 14px;
    top: 45px;
  }
}

@-webkit-keyframes animateSuccessLong {
  0% {
    width: 0;
    right: 46px;
    top: 54px;
  }
  65% {
    width: 0;
    right: 46px;
    top: 54px;
  }
  84% {
    width: 55px;
    right: 0px;
    top: 35px;
  }
  100% {
    width: 47px;
    right: 8px;
    top: 38px;
  }
}

@keyframes animateSuccessLong {
  0% {
    width: 0;
    right: 46px;
    top: 54px;
  }
  65% {
    width: 0;
    right: 46px;
    top: 54px;
  }
  84% {
    width: 55px;
    right: 0px;
    top: 35px;
  }
  100% {
    width: 47px;
    right: 8px;
    top: 38px;
  }
}

@-webkit-keyframes rotatePlaceholder {
  0% {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
  }
  5% {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
  }
  12% {
    transform: rotate(-405deg);
    -webkit-transform: rotate(-405deg);
  }
  100% {
    transform: rotate(-405deg);
    -webkit-transform: rotate(-405deg);
  }
}

@keyframes rotatePlaceholder {
  0% {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
  }
  5% {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
  }
  12% {
    transform: rotate(-405deg);
    -webkit-transform: rotate(-405deg);
  }
  100% {
    transform: rotate(-405deg);
    -webkit-transform: rotate(-405deg);
  }
}

/* line 603, resources/scss/_sweetalert.scss */
.animateSuccessTip {
  -webkit-animation: animateSuccessTip 0.75s;
  animation: animateSuccessTip 0.75s;
}

/* line 607, resources/scss/_sweetalert.scss */
.animateSuccessLong {
  -webkit-animation: animateSuccessLong 0.75s;
  animation: animateSuccessLong 0.75s;
}

/* line 611, resources/scss/_sweetalert.scss */
.sa-icon.sa-success.animate::after {
  -webkit-animation: rotatePlaceholder 4.25s ease-in;
  animation: rotatePlaceholder 4.25s ease-in;
}

@-webkit-keyframes animateErrorIcon {
  0% {
    transform: rotateX(100deg);
    -webkit-transform: rotateX(100deg);
    opacity: 0;
  }
  100% {
    transform: rotateX(0deg);
    -webkit-transform: rotateX(0deg);
    opacity: 1;
  }
}

@keyframes animateErrorIcon {
  0% {
    transform: rotateX(100deg);
    -webkit-transform: rotateX(100deg);
    opacity: 0;
  }
  100% {
    transform: rotateX(0deg);
    -webkit-transform: rotateX(0deg);
    opacity: 1;
  }
}

/* line 635, resources/scss/_sweetalert.scss */
.animateErrorIcon {
  -webkit-animation: animateErrorIcon 0.5s;
  animation: animateErrorIcon 0.5s;
}

@-webkit-keyframes animateXMark {
  0% {
    transform: scale(0.4);
    -webkit-transform: scale(0.4);
    margin-top: 26px;
    opacity: 0;
  }
  50% {
    transform: scale(0.4);
    -webkit-transform: scale(0.4);
    margin-top: 26px;
    opacity: 0;
  }
  80% {
    transform: scale(1.15);
    -webkit-transform: scale(1.15);
    margin-top: -6px;
  }
  100% {
    transform: scale(1);
    -webkit-transform: scale(1);
    margin-top: 0;
    opacity: 1;
  }
}

@keyframes animateXMark {
  0% {
    transform: scale(0.4);
    -webkit-transform: scale(0.4);
    margin-top: 26px;
    opacity: 0;
  }
  50% {
    transform: scale(0.4);
    -webkit-transform: scale(0.4);
    margin-top: 26px;
    opacity: 0;
  }
  80% {
    transform: scale(1.15);
    -webkit-transform: scale(1.15);
    margin-top: -6px;
  }
  100% {
    transform: scale(1);
    -webkit-transform: scale(1);
    margin-top: 0;
    opacity: 1;
  }
}

/* line 681, resources/scss/_sweetalert.scss */
.animateXMark {
  -webkit-animation: animateXMark 0.5s;
  animation: animateXMark 0.5s;
}

@-webkit-keyframes pulseWarning {
  0% {
    border-color: #F8D486;
  }
  100% {
    border-color: #F8BB86;
  }
}

@keyframes pulseWarning {
  0% {
    border-color: #F8D486;
  }
  100% {
    border-color: #F8BB86;
  }
}

/* line 697, resources/scss/_sweetalert.scss */
.pulseWarning {
  -webkit-animation: pulseWarning 0.75s infinite alternate;
  animation: pulseWarning 0.75s infinite alternate;
}

@-webkit-keyframes pulseWarningIns {
  0% {
    background-color: #F8D486;
  }
  100% {
    background-color: #F8BB86;
  }
}

@keyframes pulseWarningIns {
  0% {
    background-color: #F8D486;
  }
  100% {
    background-color: #F8BB86;
  }
}

/* line 713, resources/scss/_sweetalert.scss */
.pulseWarningIns {
  -webkit-animation: pulseWarningIns 0.75s infinite alternate;
  animation: pulseWarningIns 0.75s infinite alternate;
}

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

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

/* Internet Explorer 9 has some special quirks that are fixed here */
/* The icons are not animated. */
/* This file is automatically merged into sweet-alert.min.js through Gulp */
/* Error icon */
/* line 733, resources/scss/_sweetalert.scss */
.sweet-alert .sa-icon.sa-error .sa-line.sa-left {
  -ms-transform: rotate(45deg) \9;
}

/* line 736, resources/scss/_sweetalert.scss */
.sweet-alert .sa-icon.sa-error .sa-line.sa-right {
  -ms-transform: rotate(-45deg) \9;
}

/* Success icon */
/* line 740, resources/scss/_sweetalert.scss */
.sweet-alert .sa-icon.sa-success {
  border-color: transparent\9;
}

/* line 743, resources/scss/_sweetalert.scss */
.sweet-alert .sa-icon.sa-success .sa-line.sa-tip {
  -ms-transform: rotate(45deg) \9;
}

/* line 746, resources/scss/_sweetalert.scss */
.sweet-alert .sa-icon.sa-success .sa-line.sa-long {
  -ms-transform: rotate(-45deg) \9;
}

/*!
 * Load Awesome v1.1.0 (http://github.danielcardoso.net/load-awesome/)
 * Copyright 2015 Daniel Cardoso <@DanielCardoso>
 * Licensed under MIT
 */
/* line 754, resources/scss/_sweetalert.scss */
.la-ball-fall,
.la-ball-fall > div {
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* line 761, resources/scss/_sweetalert.scss */
.la-ball-fall {
  display: block;
  font-size: 0;
  color: #fff;
}

/* line 766, resources/scss/_sweetalert.scss */
.la-ball-fall.la-dark {
  color: #333;
}

/* line 769, resources/scss/_sweetalert.scss */
.la-ball-fall > div {
  display: inline-block;
  float: none;
  background-color: currentColor;
  border: 0 solid currentColor;
}

/* line 775, resources/scss/_sweetalert.scss */
.la-ball-fall {
  width: 54px;
  height: 18px;
}

/* line 779, resources/scss/_sweetalert.scss */
.la-ball-fall > div {
  width: 10px;
  height: 10px;
  margin: 4px;
  border-radius: 100%;
  opacity: 0;
  -webkit-animation: ball-fall 1s ease-in-out infinite;
  -moz-animation: ball-fall 1s ease-in-out infinite;
  -o-animation: ball-fall 1s ease-in-out infinite;
  animation: ball-fall 1s ease-in-out infinite;
}

/* line 790, resources/scss/_sweetalert.scss */
.la-ball-fall > div:nth-child(1) {
  -webkit-animation-delay: -200ms;
  -moz-animation-delay: -200ms;
  -o-animation-delay: -200ms;
  animation-delay: -200ms;
}

/* line 796, resources/scss/_sweetalert.scss */
.la-ball-fall > div:nth-child(2) {
  -webkit-animation-delay: -100ms;
  -moz-animation-delay: -100ms;
  -o-animation-delay: -100ms;
  animation-delay: -100ms;
}

/* line 802, resources/scss/_sweetalert.scss */
.la-ball-fall > div:nth-child(3) {
  -webkit-animation-delay: 0ms;
  -moz-animation-delay: 0ms;
  -o-animation-delay: 0ms;
  animation-delay: 0ms;
}

/* line 808, resources/scss/_sweetalert.scss */
.la-ball-fall.la-sm {
  width: 26px;
  height: 8px;
}

/* line 812, resources/scss/_sweetalert.scss */
.la-ball-fall.la-sm > div {
  width: 4px;
  height: 4px;
  margin: 2px;
}

/* line 817, resources/scss/_sweetalert.scss */
.la-ball-fall.la-2x {
  width: 108px;
  height: 36px;
}

/* line 821, resources/scss/_sweetalert.scss */
.la-ball-fall.la-2x > div {
  width: 20px;
  height: 20px;
  margin: 8px;
}

/* line 826, resources/scss/_sweetalert.scss */
.la-ball-fall.la-3x {
  width: 162px;
  height: 54px;
}

/* line 830, resources/scss/_sweetalert.scss */
.la-ball-fall.la-3x > div {
  width: 30px;
  height: 30px;
  margin: 12px;
}

/*
 * Animation
 */
@-webkit-keyframes ball-fall {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-145%);
    transform: translateY(-145%);
  }
  10% {
    opacity: .5;
  }
  20% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  80% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  90% {
    opacity: .5;
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(145%);
    transform: translateY(145%);
  }
}

@-moz-keyframes ball-fall {
  0% {
    opacity: 0;
    -moz-transform: translateY(-145%);
    transform: translateY(-145%);
  }
  10% {
    opacity: .5;
  }
  20% {
    opacity: 1;
    -moz-transform: translateY(0);
    transform: translateY(0);
  }
  80% {
    opacity: 1;
    -moz-transform: translateY(0);
    transform: translateY(0);
  }
  90% {
    opacity: .5;
  }
  100% {
    opacity: 0;
    -moz-transform: translateY(145%);
    transform: translateY(145%);
  }
}

@-o-keyframes ball-fall {
  0% {
    opacity: 0;
    -o-transform: translateY(-145%);
    transform: translateY(-145%);
  }
  10% {
    opacity: .5;
  }
  20% {
    opacity: 1;
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  80% {
    opacity: 1;
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  90% {
    opacity: .5;
  }
  100% {
    opacity: 0;
    -o-transform: translateY(145%);
    transform: translateY(145%);
  }
}

@keyframes ball-fall {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-145%);
    -moz-transform: translateY(-145%);
    -o-transform: translateY(-145%);
    transform: translateY(-145%);
  }
  10% {
    opacity: .5;
  }
  20% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  80% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  90% {
    opacity: .5;
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(145%);
    -moz-transform: translateY(145%);
    -o-transform: translateY(145%);
    transform: translateY(145%);
  }
}

/* line 42, resources/scss/screen.scss */
* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/* line 26, resources/scss/_mixins.scss */
*:before,
*:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/* line 45, resources/scss/screen.scss */
html {
  width: 100%;
  height: 100%;
}

/* line 49, resources/scss/screen.scss */
body {
  width: 100%;
  height: 100%;
  background: #ffffff;
  font: 300 16px/24px Roboto, Helvetica, "Helvetica Neue", Arial, sans-serif;
  color: #5f5f5f;
}

/* line 56, resources/scss/screen.scss */
a {
  color: #f5442d;
  text-decoration: none;
}

/* line 60, resources/scss/screen.scss */
img {
  display: block;
  max-width: 100%;
  height: auto;
}

/* line 65, resources/scss/screen.scss */
h1 {
  font: 6.25rem/0.9em "CESans-Heavy", Helvetica, "Helvetica Neue", Arial, sans-serif;
  text-transform: uppercase;
}

/* line 69, resources/scss/screen.scss */
h2 {
  font: 2.875rem/1em "CESans-Heavy", Helvetica, "Helvetica Neue", Arial, sans-serif;
}

/* line 72, resources/scss/screen.scss */
h3 {
  font: 2.25rem/1em "CESans", Roboto, Helvetica, "Helvetica Neue", Arial, sans-serif;
}

/* line 75, resources/scss/screen.scss */
h4 {
  font: 400 2rem/1em Roboto, Helvetica, "Helvetica Neue", Arial, sans-serif;
}

/* line 78, resources/scss/screen.scss */
h5 {
  font: 0.75rem/1em "CESans-Heavy", Helvetica, "Helvetica Neue", Arial, sans-serif;
}

/* line 81, resources/scss/screen.scss */
h6 {
  font: 0.75rem/1em "CESans-Heavy", Helvetica, "Helvetica Neue", Arial, sans-serif;
}

/* line 88, resources/scss/screen.scss */
.button {
  position: relative;
  display: inline-block;
  padding: 20px 40px;
  font: 1rem/1em "CESans-Heavy", Helvetica, "Helvetica Neue", Arial, sans-serif;
  border: 10px solid transparent;
  -webkit-transition: 0.25s;
  -moz-transition: 0.25s;
  -o-transition: 0.25s;
  transition: 0.25s;
}

/* line 96, resources/scss/screen.scss */
.button:before, .button:after {
  content: '';
  display: block;
  position: absolute;
  right: 6%;
  top: 50%;
}

/* line 107, resources/scss/screen.scss */
.button.display-blocks {
  display: block;
}

/* line 113, resources/scss/screen.scss */
.button .icon {
  margin: -2px 10px 0 0;
}

/* line 118, resources/scss/screen.scss */
.button.plus:before {
  width: 14px;
  height: 4px;
  margin-top: -2px;
}

/* line 124, resources/scss/screen.scss */
.button.plus:after {
  width: 4px;
  height: 14px;
  margin: -7px 5px 0 0;
}

/* line 132, resources/scss/screen.scss */
.button.arrow-left:before, .button.arrow-left:after {
  width: 10px;
  height: 4px;
}

/* line 138, resources/scss/screen.scss */
.button.arrow-left:before {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  margin-top: -4px;
}

/* line 143, resources/scss/screen.scss */
.button.arrow-left:after {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  margin-top: 1px;
}

/* line 150, resources/scss/screen.scss */
.button.arrow-right:before, .button.arrow-right:after {
  width: 10px;
  height: 4px;
}

/* line 156, resources/scss/screen.scss */
.button.arrow-right:before {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  margin-top: 1px;
}

/* line 161, resources/scss/screen.scss */
.button.arrow-right:after {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  margin-top: -4px;
}

/* line 168, resources/scss/screen.scss */
.button.close:before, .button.close:after {
  right: 6px;
  width: 24px;
  height: 6px;
  margin-top: -4px;
}

/* line 176, resources/scss/screen.scss */
.button.close:before {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

/* line 180, resources/scss/screen.scss */
.button.close:after {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

/* line 187, resources/scss/screen.scss */
.button.color-white {
  color: #ffffff;
}

/* line 190, resources/scss/screen.scss */
.button.color-white:before, .button.color-white:after {
  background: #ffffff;
}

/* line 196, resources/scss/screen.scss */
.button.color-orange {
  color: #f5442d !important;
}

/* line 199, resources/scss/screen.scss */
.button.color-orange:before, .button.color-orange:after {
  background: #f5442d !important;
}

/* line 205, resources/scss/screen.scss */
.button.color-orange.arrow-right:before {
  background: #f5442d !important;
}

/* line 209, resources/scss/screen.scss */
.button.color-orange.arrow-right:after {
  background: #f5442d !important;
}

/* line 217, resources/scss/screen.scss */
.button.border-white {
  border-color: #ffffff;
  color: #ffffff;
}

/* line 221, resources/scss/screen.scss */
.button.border-white:before, .button.border-white:after {
  background: #ffffff;
}

/* line 227, resources/scss/screen.scss */
.button.border-trans {
  border-color: transparent;
}

/* line 231, resources/scss/screen.scss */
.button.border-none {
  border: none;
}

/* line 237, resources/scss/screen.scss */
.button.bg-trans {
  background: transparent;
}

/* line 241, resources/scss/screen.scss */
.button.bg-white {
  background: white;
}

/* line 250, resources/scss/screen.scss */
.button.hover-bg-white:hover {
  background: #ffffff;
  color: #0058cf;
  mix-blend-mode: screen;
}

/* line 255, resources/scss/screen.scss */
.button.hover-bg-white:hover:before, .button.hover-bg-white:hover:after {
  background: #000000;
}

/* line 264, resources/scss/screen.scss */
.button.blend-screen {
  mix-blend-mode: screen;
}

/* line 267, resources/scss/screen.scss */
.button.blend-screen:before, .button.blend-screen:after {
  background: #000000;
}

/* line 272, resources/scss/screen.scss */
.button.blend-screen:hover {
  color: #000000;
}

/* line 279, resources/scss/screen.scss */
.icon {
  display: inline-block;
  vertical-align: middle;
}

/* line 285, resources/scss/screen.scss */
.stuck {
  position: fixed;
  top: 0;
}

/* line 291, resources/scss/screen.scss */
.tooltip {
  display: none;
  position: absolute;
  top: -55px;
  white-space: nowrap;
  left: 50%;
  padding: 12px;
  background: #ffffff;
  text-align: center;
  font: 1.125rem/1em Roboto, Helvetica, "Helvetica Neue", Arial, sans-serif;
  color: #233a70;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-box-shadow: 0 0 8px rgba(0, 88, 207, 0.25);
  -moz-box-shadow: 0 0 8px rgba(0, 88, 207, 0.25);
  box-shadow: 0 0 8px rgba(0, 88, 207, 0.25);
}

/* line 305, resources/scss/screen.scss */
.tooltip:after {
  content: '';
  display: block;
  position: absolute;
  bottom: -10px;
  left: 50%;
  margin-left: -5px;
  border: 5px solid #ffffff;
  border-color: #ffffff transparent transparent transparent;
}

/* line 53, resources/scss/_mixins.scss */
.chart-legend:before, .chart-legend:after {
  content: " ";
  display: table;
}

/* line 59, resources/scss/_mixins.scss */
.chart-legend:after {
  clear: both;
}

/* line 321, resources/scss/screen.scss */
.chart-legend .legend-item {
  position: relative;
  float: left;
  width: 18%;
  margin: 0 1%;
  font-size: 0.67em;
  line-height: 1.5em;
  text-align: left;
  cursor: pointer;
  padding: 6px;
  border: 1px solid #ffffff;
  -webkit-transition: 0.25s;
  -moz-transition: 0.25s;
  -o-transition: 0.25s;
  transition: 0.25s;
}

/* line 334, resources/scss/screen.scss */
.chart-legend .legend-item:hover {
  border: 1px solid #eeeeee;
}

/* line 338, resources/scss/screen.scss */
.chart-legend .legend-item:after {
  content: "\e91f";
  display: block;
  position: absolute;
  top: -10px;
  right: -10px;
  width: 24px;
  height: 24px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  background: #0058cf;
  color: #ffffff;
  text-align: center;
  font-family: 'icomoon';
  font-size: 1rem;
  line-height: 24px;
  opacity: 0;
  -webkit-transition: 0.25s;
  -moz-transition: 0.25s;
  -o-transition: 0.25s;
  transition: 0.25s;
}

/* line 357, resources/scss/screen.scss */
.chart-legend .legend-item.selected {
  border: 1px solid #bbbbbb;
}

/* line 362, resources/scss/screen.scss */
.chart-legend .legend-item.selected:after {
  opacity: 1;
}

/* line 368, resources/scss/screen.scss */
.chart-legend .legend-item-block {
  height: 20px;
}

/* line 372, resources/scss/screen.scss */
.chart-legend .legend-item-line {
  height: 5px;
}

/* line 377, resources/scss/screen.scss */
.chart-legend .legend-item-block#rcp45-block, .chart-legend .legend-item-block#preciprcp45-block, .chart-legend .legend-item-block #derivercp45-block {
  background: #99bcec;
}

/* line 383, resources/scss/screen.scss */
.chart-legend .legend-item-block#rcp85-block, .chart-legend .legend-item-block#preciprcp85-block, .chart-legend .legend-item-block#derivercp85-block {
  background: #fbb4ab;
}

/* line 389, resources/scss/screen.scss */
.chart-legend .legend-item-block#historical-block, .chart-legend .legend-item-block#preciphistorical-block, .chart-legend .legend-item-block#derivehistorical-block {
  background: #d6d6d6;
}

/* line 397, resources/scss/screen.scss */
.chart-legend .legend-item-line#over-baseline-block, .chart-legend .legend-item-line#precipover-baseline-block, .chart-legend .legend-item-line#deriveover-baseline-block {
  background: #cd6760;
}

/* line 403, resources/scss/screen.scss */
.chart-legend .legend-item-line#under-baseline-block, .chart-legend .legend-item-line#precipunder-baseline-block, .chart-legend .legend-item-line#deriveunder-baseline-block {
  margin-top: 20px;
  background: #6194c8;
}

/* line 410, resources/scss/screen.scss */
.chart-legend .legend-item-line#rcp45-line, .chart-legend .legend-item-line#preciprcp45-line, .chart-legend .legend-item-line#derivercp45-line {
  margin-top: 20px;
  background: #0058cf;
}

/* line 417, resources/scss/screen.scss */
.chart-legend .legend-item-line#rcp85-line, .chart-legend .legend-item-line#preciprcp85-line, .chart-legend .legend-item-line#derivercp85-line {
  background: #f5442d;
}

/* line 426, resources/scss/screen.scss */
.download-panel {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0px;
  z-index: 500;
  background: url(../img/bg_contours-blue.png) no-repeat center;
  background-size: cover;
  text-align: center;
  opacity: 0.95;
}

/* line 441, resources/scss/screen.scss */
.download-panel .download-inner {
  margin: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  background: rgba(255, 255, 255, 0.1);
  color: #ffffff;
  padding: 30px;
}

/* line 451, resources/scss/screen.scss */
.download-panel .download-inner p {
  margin: 0 0 20px 0;
}

/* line 455, resources/scss/screen.scss */
.download-panel .download-inner li {
  margin: 0 0 10px 0;
}

/* line 459, resources/scss/screen.scss */
.download-panel .download-inner a {
  color: #ffffff;
}

/* line 464, resources/scss/screen.scss */
.download-panel #download-dismiss-button, .download-panel .download-dismiss-button {
  display: block;
  position: absolute;
  top: -30px;
  right: 0;
}

/* line 1, resources/scss/template/_share.scss */
.share-widget {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 60px;
  height: 60px;
  z-index: 10;
}

/* line 9, resources/scss/template/_share.scss */
.share-widget a {
  display: block;
  padding: 10px;
  width: 60px;
  height: 60px;
  text-align: center;
  -webkit-transition: 0.25s;
  -moz-transition: 0.25s;
  -o-transition: 0.25s;
  transition: 0.25s;
}

/* line 18, resources/scss/template/_share.scss */
.share-widget .icon {
  display: block;
  margin: 0 auto 4px auto;
  font-size: 1.875rem;
  line-height: 1.875rem;
  text-indent: 0;
}

/* line 26, resources/scss/template/_share.scss */
.share-widget .share-trigger {
  position: absolute;
  bottom: 0;
  background: #f5442d;
  text-align: center;
  font: 0.625rem/1em "CESans-Heavy", Helvetica, "Helvetica Neue", Arial, sans-serif;
  text-transform: uppercase;
  color: #ffffff;
  z-index: 2;
}

/* line 36, resources/scss/template/_share.scss */
.share-widget .share-trigger.open {
  background: #f6513c;
}

/* line 41, resources/scss/template/_share.scss */
.share-widget ul {
  position: absolute;
  top: 60px;
  width: 60px;
  height: 0;
  overflow: hidden;
  z-index: 1;
}

/* line 53, resources/scss/template/_share.scss */
.share-widget ul a {
  padding: 12px;
  background: rgba(255, 255, 255, 0.9);
  color: #0058cf;
  font-size: 0;
  line-height: 0;
  text-indent: -9999px;
}

/* line 59, resources/scss/template/_share.scss */
.share-widget ul a:hover {
  background: #d5e8f2;
}

/* line 64, resources/scss/template/_share.scss */
.share-widget ul .icon {
  font-size: 16px;
  line-height: 24px;
  text-indent: 0px;
  font-size: 1.25rem;
  line-height: 40px;
  margin: 0 auto;
}

/* line 73, resources/scss/template/_share.scss */
#share-permalink-input {
  display: none;
  position: absolute;
  width: 240px;
  height: 60px;
  margin: 0 15px 0 0;
  padding: 10px;
  background: rgba(0, 88, 207, 0.9);
}

/* line 82, resources/scss/template/_share.scss */
#share-permalink-input input {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0 6px;
  background: rgba(255, 255, 255, 0.1);
  font: 0.75rem/34px Roboto, Helvetica, "Helvetica Neue", Arial, sans-serif;
  color: #ffffff;
}

/* line 92, resources/scss/template/_share.scss */
#share-permalink-input:after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  right: -20px;
  width: 0;
  height: 0;
  margin: -10px 0 0 0;
  border: 10px solid transparent;
  border-left-color: rgba(0, 88, 207, 0.9);
}

/* line 1, resources/scss/template/_nav-overlay.scss */
.overlay {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: fixed;
  border: 20px solid #ffffff;
  color: #ffffff;
}

/* line 8, resources/scss/template/_nav-overlay.scss */
.overlay .close {
  position: fixed;
  top: 20px;
  right: 20px;
  width: 40px;
  height: 40px;
  padding: 0;
  background: #ffffff;
  color: #000000;
  mix-blend-mode: screen;
  z-index: 2;
}

/* line 21, resources/scss/template/_nav-overlay.scss */
.overlay .slide {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* line 24, resources/scss/template/_nav-overlay.scss */
.overlay .slide .slide-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  z-index: 1;
}

/* line 39, resources/scss/template/_nav-overlay.scss */
#nav-overlay {
  z-index: 600;
  /*
  
  .nav-controls {
    position: static;
    
    a {
      position: absolute;
      top: 10%;
      min-width: 15%;
      padding-left: 20px;
      padding-right: 50px;
      z-index: 3;
      
      &:before,
      &:after {
        right: 20px;
      }
      
      &.nav-left {
        left: 0;
        border-left: none;
      }
      
      &.nav-right {
        right: 0;
        border-right: none;
      }
    }
  }*/
}

/* line 45, resources/scss/template/_nav-overlay.scss */
#nav-overlay #nav-cycle {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

/* line 51, resources/scss/template/_nav-overlay.scss */
#nav-overlay #nav-search .slide-bg {
  background-image: url(../img/bg_contours-lightblue.png);
}

/* line 55, resources/scss/template/_nav-overlay.scss */
#nav-overlay #nav-search h3 {
  padding: 0 3%;
  background: rgba(255, 255, 255, 0.1);
}

/* line 59, resources/scss/template/_nav-overlay.scss */
#nav-overlay #nav-search h3 input {
  font: 1.625rem/1em "CESans-Heavy", Helvetica, "Helvetica Neue", Arial, sans-serif;
}

/* line 66, resources/scss/template/_nav-overlay.scss */
#nav-overlay #nav-variables .slide-bg {
  background-image: url(../img/bg_contours-blue.png);
}

/* line 72, resources/scss/template/_nav-overlay.scss */
#nav-overlay #nav-stations .slide-bg {
  background-image: url(../img/bg_contours-orange.png);
}

/* line 77, resources/scss/template/_nav-overlay.scss */
#nav-overlay #nav-controls {
  position: absolute;
  top: 5%;
  left: 20%;
  width: 60%;
  z-index: 3;
  text-align: center;
}

/* line 85, resources/scss/template/_nav-overlay.scss */
#nav-overlay #nav-controls a {
  display: block;
  margin: 0 5% 0 0;
  padding: 18px 0;
  color: #ffffff;
  font: 1rem/1em "CESans-Heavy", Helvetica, "Helvetica Neue", Arial, sans-serif;
  white-space: nowrap;
  border: 5px solid transparent;
  -webkit-transition: 0.25s;
  -moz-transition: 0.25s;
  -o-transition: 0.25s;
  transition: 0.25s;
}

/* line 95, resources/scss/template/_nav-overlay.scss */
#nav-overlay #nav-controls a:hover {
  border-color: rgba(255, 255, 255, 0.25);
}

/* line 99, resources/scss/template/_nav-overlay.scss */
#nav-overlay #nav-controls a .icon {
  margin: -4px 8px 0 0;
  font-size: 1.375rem;
}

/* line 105, resources/scss/template/_nav-overlay.scss */
#nav-overlay #nav-controls li {
  float: left;
  width: 33%;
}

/* line 110, resources/scss/template/_nav-overlay.scss */
#nav-overlay #nav-controls li.cycle-pager-active a {
  border-color: #ffffff;
}

/* line 116, resources/scss/template/_nav-overlay.scss */
#nav-overlay #nav-controls #nav-overlay-home {
  position: absolute;
  left: -25%;
  margin: 0;
  padding: 18px;
}

/* line 154, resources/scss/template/_nav-overlay.scss */
#nav-overlay .nav-content-wrap {
  position: absolute;
  top: 20%;
  left: 20%;
  width: 60%;
  height: 70%;
  z-index: 2;
}

/* line 162, resources/scss/template/_nav-overlay.scss */
#nav-overlay .nav-content-wrap a {
  color: #ffffff;
}

/* line 166, resources/scss/template/_nav-overlay.scss */
#nav-overlay .nav-content-wrap h3 {
  margin: 0 0 5% 0;
  color: #ffffff;
  font: 1.625rem/4.875rem "CESans-Heavy", Helvetica, "Helvetica Neue", Arial, sans-serif;
}

/* line 171, resources/scss/template/_nav-overlay.scss */
#nav-overlay .nav-content-wrap h3 .icon {
  margin-right: 20px;
}

/* line 178, resources/scss/template/_nav-overlay.scss */
#nav-overlay .nav-content nav {
  height: 40px;
  padding: 0 4%;
}

/* line 182, resources/scss/template/_nav-overlay.scss */
#nav-overlay .nav-content nav a {
  position: relative;
  display: block;
  float: left;
  width: 25%;
  font: 300 1.125rem/1em Roboto, Helvetica, "Helvetica Neue", Arial, sans-serif;
  text-transform: uppercase;
  color: #ffffff;
}

/* line 191, resources/scss/template/_nav-overlay.scss */
#nav-overlay .nav-content nav a span {
  position: relative;
  display: inline-block;
  margin: 0 0 2px 0;
  padding: 10px 20px 10px 0;
  border-bottom: 2px solid #ffffff;
  -webkit-transition: 0.25s;
  -moz-transition: 0.25s;
  -o-transition: 0.25s;
  transition: 0.25s;
  vertical-align: top;
}

/* line 200, resources/scss/template/_nav-overlay.scss */
#nav-overlay .nav-content nav a span:after {
  content: '';
  display: block;
  position: absolute;
  left: 50%;
  bottom: -2px;
  width: 0;
  height: 0;
  margin: 0;
  border: 0 solid #ffffff;
  border-color: #ffffff transparent transparent transparent;
  -webkit-transition: 0.25s;
  -moz-transition: 0.25s;
  -o-transition: 0.25s;
  transition: 0.25s;
}

/* line 216, resources/scss/template/_nav-overlay.scss */
#nav-overlay .nav-content nav a.fs-tabs-active span {
  margin: 0;
  border-bottom-width: 4px;
}

/* line 220, resources/scss/template/_nav-overlay.scss */
#nav-overlay .nav-content nav a.fs-tabs-active span:after {
  bottom: -16px;
  margin: 0 0 0 -6px;
  border-width: 6px;
}

/* line 230, resources/scss/template/_nav-overlay.scss */
#nav-overlay .nav-content .tab {
  margin: -6px 0 0 0;
  padding: 6% 4%;
  background: rgba(255, 255, 255, 0.1);
}

/* line 53, resources/scss/_mixins.scss */
#nav-overlay .nav-content .tab ol:before, #nav-overlay .nav-content .tab ol:after {
  content: " ";
  display: table;
}

/* line 59, resources/scss/_mixins.scss */
#nav-overlay .nav-content .tab ol:after {
  clear: both;
}

/* line 238, resources/scss/template/_nav-overlay.scss */
#nav-overlay .nav-content .tab ol > li {
  float: left;
  font: 400 1.25rem/1em Roboto, Helvetica, "Helvetica Neue", Arial, sans-serif;
}

/* line 243, resources/scss/template/_nav-overlay.scss */
#nav-overlay .nav-content .tab ol > li:before {
  float: left;
  width: 10%;
  margin: -6px 0 0 -10%;
  font-size: 60%;
  font-weight: 600;
  color: #f5442d;
}

/* line 258, resources/scss/template/_nav-overlay.scss */
#nav-overlay .nav-content .tab ol ul {
  margin: 15px 0 0 0;
}

/* line 261, resources/scss/template/_nav-overlay.scss */
#nav-overlay .nav-content .tab ol ul li {
  float: none !important;
  width: auto !important;
  margin: 0 0 10px 0;
  font: 300 1rem/1em Roboto, Helvetica, "Helvetica Neue", Arial, sans-serif;
}

/* line 53, resources/scss/_mixins.scss */
#nav-overlay .nav-content .tab ol.col-2:before, #nav-overlay .nav-content .tab ol.col-2:after,
#nav-overlay .nav-content .tab ul.col-2:before,
#nav-overlay .nav-content .tab ul.col-2:after {
  content: " ";
  display: table;
}

/* line 59, resources/scss/_mixins.scss */
#nav-overlay .nav-content .tab ol.col-2:after,
#nav-overlay .nav-content .tab ul.col-2:after {
  clear: both;
}

/* line 276, resources/scss/template/_nav-overlay.scss */
#nav-overlay .nav-content .tab ol.col-2 li,
#nav-overlay .nav-content .tab ul.col-2 li {
  float: left;
  width: 50%;
}

/* line 53, resources/scss/_mixins.scss */
#nav-overlay .nav-content .tab ol.col-3:before, #nav-overlay .nav-content .tab ol.col-3:after,
#nav-overlay .nav-content .tab ul.col-3:before,
#nav-overlay .nav-content .tab ul.col-3:after {
  content: " ";
  display: table;
}

/* line 59, resources/scss/_mixins.scss */
#nav-overlay .nav-content .tab ol.col-3:after,
#nav-overlay .nav-content .tab ul.col-3:after {
  clear: both;
}

/* line 285, resources/scss/template/_nav-overlay.scss */
#nav-overlay .nav-content .tab ol.col-3 li,
#nav-overlay .nav-content .tab ul.col-3 li {
  float: left;
  width: 33%;
}

/* line 53, resources/scss/_mixins.scss */
#nav-overlay .nav-content .tab ol.col-4:before, #nav-overlay .nav-content .tab ol.col-4:after,
#nav-overlay .nav-content .tab ul.col-4:before,
#nav-overlay .nav-content .tab ul.col-4:after {
  content: " ";
  display: table;
}

/* line 59, resources/scss/_mixins.scss */
#nav-overlay .nav-content .tab ol.col-4:after,
#nav-overlay .nav-content .tab ul.col-4:after {
  clear: both;
}

/* line 294, resources/scss/template/_nav-overlay.scss */
#nav-overlay .nav-content .tab ol.col-4 li,
#nav-overlay .nav-content .tab ul.col-4 li {
  float: left;
  width: 25%;
}

/* line 310, resources/scss/template/_nav-overlay.scss */
#detail-overlay {
  z-index: 601;
}

/* line 313, resources/scss/template/_nav-overlay.scss */
#detail-overlay .nav-detail {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #0058cf;
  z-index: 1;
}

/* line 321, resources/scss/template/_nav-overlay.scss */
#detail-overlay .nav-detail .nav-detail-item {
  display: none;
  position: absolute;
  top: 50%;
  left: 20%;
  width: 60%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

/* line 329, resources/scss/template/_nav-overlay.scss */
#detail-overlay .nav-detail .nav-detail-item h3 {
  font: 1.625rem/1em "CESans-Heavy", Helvetica, "Helvetica Neue", Arial, sans-serif;
  margin: 0 0 40px 0;
}

/* line 334, resources/scss/template/_nav-overlay.scss */
#detail-overlay .nav-detail .nav-detail-item p {
  margin: 0 0 20px 0;
  line-height: 2em;
}

/* line 340, resources/scss/template/_nav-overlay.scss */
#detail-overlay .nav-detail#variable-details {
  background: #0058cf;
}

/* line 344, resources/scss/template/_nav-overlay.scss */
#detail-overlay .nav-detail#stations-details {
  background: #f5442d;
}

/* line 352, resources/scss/template/_nav-overlay.scss */
#page-home #detail-overlay .nav-detail {
  background: #0058cf;
}

/* line 355, resources/scss/template/_nav-overlay.scss */
#page-home #detail-overlay .nav-detail#variable-details {
  background: #0058cf;
}

/* line 359, resources/scss/template/_nav-overlay.scss */
#page-home #detail-overlay .nav-detail#stations-details {
  background: #f5442d;
}

/* line 371, resources/scss/template/_nav-overlay.scss */
body.nav-open #viewport,
body.nav-open #main-header,
body.nav-open #left-header, body.detail-open #viewport,
body.detail-open #main-header,
body.detail-open #left-header {
  -webkit-filter: blur(3px);
  -moz-filter: blur(3px);
  -o-filter: blur(3px);
  -ms-filter: blur(3px);
  filter: blur(3px);
}

/* line 383, resources/scss/template/_nav-overlay.scss */
body.detail-open #nav-overlay {
  -webkit-filter: blur(6px);
  -moz-filter: blur(6px);
  -o-filter: blur(6px);
  -ms-filter: blur(6px);
  filter: blur(6px);
}

/* line 481, resources/scss/screen.scss */
#viewport {
  position: fixed;
  top: 110px;
  left: 20px;
  width: calc(100% - 40px);
  height: calc(100% - 130px);
  background: url(../img/bg_contours.png) no-repeat center;
  background-attachment: fixed;
  background-size: cover;
  overflow: auto;
  z-index: 1;
}

/* line 495, resources/scss/screen.scss */
#desktop-warning {
  display: none;
}

/* line 1, resources/scss/template/_header.scss */
#main-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  padding: 20px;
  background: #ffffff;
  z-index: 600;
}

/* line 14, resources/scss/template/_header.scss */
#main-header #main-nav {
  display: inline;
}

/* line 18, resources/scss/template/_header.scss */
#main-header #main-nav a .icon {
  font-size: 1.25rem;
  vertical-align: middle;
}

/* line 23, resources/scss/template/_header.scss */
#main-header #main-nav a .text {
  display: inline-block;
  padding: 0 0 0 15px;
  color: #5f5f5f;
}

/* line 31, resources/scss/template/_header.scss */
#main-header #header-logo {
  display: block;
  float: left;
  width: 200px;
  margin: 0 2% 0 0;
}

/* line 41, resources/scss/template/_header.scss */
#main-header .nav-btn {
  display: block;
  position: relative;
  float: left;
  height: 70px;
  padding: 23px 16px 0 16px;
  -webkit-transition: 0.25s;
  -moz-transition: 0.25s;
  -o-transition: 0.25s;
  transition: 0.25s;
}

/* line 49, resources/scss/template/_header.scss */
#main-header .nav-btn:hover {
  background: #ebebeb;
}

/* line 55, resources/scss/template/_header.scss */
#main-header #nav-trigger.open {
  background: rgba(95, 95, 95, 0.1);
}

/* line 58, resources/scss/template/_header.scss */
#main-header #nav-trigger.open span {
  opacity: 0;
}

/* line 62, resources/scss/template/_header.scss */
#main-header #nav-trigger.open:before {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 28px;
}

/* line 67, resources/scss/template/_header.scss */
#main-header #nav-trigger.open:after {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  bottom: 28px;
}

/* line 74, resources/scss/template/_header.scss */
#main-header #breadcrumb {
  text-align: center;
  white-space: nowrap;
}

/* line 81, resources/scss/template/_header.scss */
#main-header #breadcrumb a {
  display: inline-block;
  height: 70px;
  padding: 23px 16px 0 16px;
  color: #0058cf;
  border-right: 1px solid #f5442d;
  -webkit-transition: 0.25s;
  -moz-transition: 0.25s;
  -o-transition: 0.25s;
  transition: 0.25s;
}

/* line 89, resources/scss/template/_header.scss */
#main-header #breadcrumb a .icon {
  margin: 2px 15px 0 0;
  font-size: 1.25rem;
  vertical-align: top;
}

/* line 95, resources/scss/template/_header.scss */
#main-header #breadcrumb a:hover {
  background: #ebebeb;
}

/* line 100, resources/scss/template/_header.scss */
#main-header #breadcrumb .current {
  display: inline-block;
  height: 70px;
  padding: 23px 16px 0 16px;
}

/* line 104, resources/scss/template/_header.scss */
#main-header #breadcrumb .current:empty:before {
  content: '\200b';
}

/* line 108, resources/scss/template/_header.scss */
#main-header #subnav-trigger {
  display: none;
  cursor: pointer;
}

/* line 113, resources/scss/template/_header.scss */
#main-header #subnav {
  float: right;
  margin: 23px 0 0 0;
}

/* line 117, resources/scss/template/_header.scss */
#main-header #subnav li {
  display: inline-block;
  margin: 0 0 0 15px;
}

/* line 123, resources/scss/template/_header.scss */
#main-header #subnav a .text {
  padding: 0;
}

/* line 130, resources/scss/template/_header.scss */
.hamburger {
  display: inline-block;
  position: relative;
  width: 24px;
  height: 23px;
  padding: 9px 0 0 0;
  -webkit-transition: 0.25s;
  -moz-transition: 0.25s;
  -o-transition: 0.25s;
  transition: 0.25s;
  vertical-align: top;
}

/* line 139, resources/scss/template/_header.scss */
.hamburger .bar {
  display: block;
  width: 24px;
  height: 5px;
  background: #f5442d;
  opacity: 1;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

/* line 147, resources/scss/template/_header.scss */
.hamburger .bar:before, .hamburger .bar:after {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  width: 24px;
  height: 5px;
  background: #f5442d;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

/* line 159, resources/scss/template/_header.scss */
.hamburger .bar:before {
  top: 0;
}

/* line 163, resources/scss/template/_header.scss */
.hamburger .bar:after {
  bottom: 0;
}

/* line 169, resources/scss/template/_header.scss */
.trigger {
  cursor: pointer;
}

/* line 175, resources/scss/template/_header.scss */
#left-header-trigger {
  display: none;
}

/* line 179, resources/scss/template/_header.scss */
#left-header {
  position: fixed;
  top: 110px;
  left: 20px;
  width: 20%;
  width: calc(20% + 10px);
  height: 100%;
  height: calc(100% - 130px);
  border-right: 10px solid #ffffff;
  z-index: 20;
  /*#main-header {
  
    #header-logo {
      width: 50%;
      max-width: 71px;
    }
  }
  
  #nav-trigger {
    float: right;
  }
  
  #main-nav {
    padding: 20px 8%;
    background: $white;
    @include clearfix;
  }
  
  #main-content-wrap {
    padding-left: 20%;
    padding-left: calc(20% + 10px);
  }*/
}

/* line 190, resources/scss/template/_header.scss */
#left-header .left-filler {
  position: relative;
  background: #ffffff;
  padding: 10px 0 0 0;
}

/* line 223, resources/scss/template/_header.scss */
.menu a,
.menu label {
  display: block;
  padding: 8%;
  color: #ffffff;
  text-decoration: none;
  white-space: nowrap;
  -webkit-transition: 0.25s;
  -moz-transition: 0.25s;
  -o-transition: 0.25s;
  transition: 0.25s;
  cursor: pointer;
}

/* line 234, resources/scss/template/_header.scss */
.menu li {
  -webkit-transition: 0.25s;
  -moz-transition: 0.25s;
  -o-transition: 0.25s;
  transition: 0.25s;
}

/* line 237, resources/scss/template/_header.scss */
.menu li.border {
  border-bottom: 10px solid #ffffff;
}

/* line 241, resources/scss/template/_header.scss */
.menu li.search-field {
  padding: 8%;
  white-space: nowrap;
}

/* line 245, resources/scss/template/_header.scss */
.menu li.search-field input {
  display: inline-block;
  width: 80%;
  background: transparent;
  border: none;
  font: 300 1rem/1em Roboto, Helvetica, "Helvetica Neue", Arial, sans-serif;
  color: #ffffff;
  outline: none;
  -webkit-transition: 0.25s;
  -moz-transition: 0.25s;
  -o-transition: 0.25s;
  transition: 0.25s;
}

/* line 255, resources/scss/template/_header.scss */
.menu li.search-field input::-webkit-input-placeholder {
  color: #ffffff;
  padding-top: 3px;
  -webkit-transition: 0.25s;
  -moz-transition: 0.25s;
  -o-transition: 0.25s;
  transition: 0.25s;
}

/* line 261, resources/scss/template/_header.scss */
.menu li.search-field input:-moz-placeholder {
  color: #ffffff;
  padding-top: 3px;
  -webkit-transition: 0.25s;
  -moz-transition: 0.25s;
  -o-transition: 0.25s;
  transition: 0.25s;
}

/* line 267, resources/scss/template/_header.scss */
.menu li.search-field input::-moz-placeholder {
  color: #ffffff;
  padding-top: 3px;
  -webkit-transition: 0.25s;
  -moz-transition: 0.25s;
  -o-transition: 0.25s;
  transition: 0.25s;
}

/* line 273, resources/scss/template/_header.scss */
.menu li.search-field input:-ms-input-placeholder {
  color: #ffffff;
  padding-top: 3px;
  -webkit-transition: 0.25s;
  -moz-transition: 0.25s;
  -o-transition: 0.25s;
  transition: 0.25s;
}

/* line 280, resources/scss/template/_header.scss */
.menu li.search-field input:focus::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.25);
}

/* line 284, resources/scss/template/_header.scss */
.menu li.search-field input:focus:-moz-placeholder {
  color: rgba(255, 255, 255, 0.25);
}

/* line 288, resources/scss/template/_header.scss */
.menu li.search-field input:focus::-moz-placeholder {
  color: rgba(255, 255, 255, 0.25);
}

/* line 292, resources/scss/template/_header.scss */
.menu li.search-field input:focus:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.25);
}

/* line 298, resources/scss/template/_header.scss */
.menu li.search-field .icon {
  color: #ffffff;
}

/* line 305, resources/scss/template/_header.scss */
.menu li.select {
  white-space: nowrap;
}

/* line 308, resources/scss/template/_header.scss */
.menu li.select .fs-dropdown {
  margin: 0;
}

/* line 311, resources/scss/template/_header.scss */
.menu li.select .fs-dropdown * {
  font: 300 1rem/1em Roboto, Helvetica, "Helvetica Neue", Arial, sans-serif;
}

/* line 315, resources/scss/template/_header.scss */
.menu li.select .fs-dropdown .fs-dropdown-selected {
  height: auto;
  padding: 8%;
  background: rgba(0, 88, 207, 0.8);
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  color: #ffffff;
  line-height: 1;
  border: none;
  -webkit-transition: 0.25s;
  -moz-transition: 0.25s;
  -o-transition: 0.25s;
  transition: 0.25s;
}

/* line 325, resources/scss/template/_header.scss */
.menu li.select .fs-dropdown .fs-dropdown-selected:hover {
  background: rgba(0, 88, 207, 0.9);
}

/* line 330, resources/scss/template/_header.scss */
.menu li.select .fs-dropdown .fs-dropdown-item {
  border: none;
}

/* line 333, resources/scss/template/_header.scss */
.menu li.select .fs-dropdown .fs-dropdown-item:hover {
  background: rgba(0, 0, 0, 0.05);
}

/* line 337, resources/scss/template/_header.scss */
.menu li.select .fs-dropdown .fs-dropdown-item.fs-dropdown-item_selected {
  background: rgba(0, 0, 0, 0.08);
}

/* line 340, resources/scss/template/_header.scss */
.menu li.select .fs-dropdown .fs-dropdown-item.fs-dropdown-item_selected:hover {
  background: rgba(0, 0, 0, 0.1);
}

/* line 347, resources/scss/template/_header.scss */
.menu li.select .fs-dropdown.fs-dropdown-open .fs-dropdown-selected {
  background: rgba(0, 88, 207, 0.9);
}

/* line 356, resources/scss/template/_header.scss */
.menu li.toggle {
  position: relative;
  z-index: 1;
}

/* line 361, resources/scss/template/_header.scss */
.menu li.toggle label:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
}

/* line 368, resources/scss/template/_header.scss */
.menu li.toggle .lcs_wrap {
  z-index: 1;
}

/* line 375, resources/scss/template/_header.scss */
.menu li.about-link {
  font: 0.875em/1.4em "CESans-Heavy", Helvetica, "Helvetica Neue", Arial, sans-serif;
}

/* line 378, resources/scss/template/_header.scss */
.menu li.about-link a {
  padding: 6% 8%;
  white-space: normal;
}

/* line 386, resources/scss/template/_header.scss */
.menu li.legend {
  padding: 8%;
  color: #ffffff;
}

/* line 53, resources/scss/_mixins.scss */
.menu li.legend ul:before, .menu li.legend ul:after {
  content: " ";
  display: table;
}

/* line 59, resources/scss/_mixins.scss */
.menu li.legend ul:after {
  clear: both;
}

/* line 394, resources/scss/template/_header.scss */
.menu li.legend ul li {
  float: left;
  width: 16%;
}

/* line 402, resources/scss/template/_header.scss */
.menu .icon {
  margin: -4px 8% 0 0;
  font-size: 1.25rem;
  vertical-align: middle;
}

/* line 409, resources/scss/template/_header.scss */
.menu.orange-menu a,
.menu.orange-menu label {
  background: rgba(245, 68, 45, 0.85);
}

/* line 413, resources/scss/template/_header.scss */
.menu.orange-menu a:hover,
.menu.orange-menu label:hover {
  background: rgba(245, 68, 45, 0.92);
}

/* line 419, resources/scss/template/_header.scss */
.menu.orange-menu li.search-field {
  background: rgba(245, 68, 45, 0.85);
}

/* line 423, resources/scss/template/_header.scss */
.menu.orange-menu li.legend {
  background: rgba(245, 68, 45, 0.85);
}

/* line 426, resources/scss/template/_header.scss */
.menu.orange-menu li.legend:hover {
  background: rgba(245, 68, 45, 0.92);
}

/* line 440, resources/scss/template/_header.scss */
.menu.blue-menu li {
  background: rgba(0, 88, 207, 0.8);
}

/* line 443, resources/scss/template/_header.scss */
.menu.blue-menu li:hover {
  background: rgba(0, 88, 207, 0.9);
}

/* line 448, resources/scss/template/_header.scss */
.menu.blue-menu li.search-field:hover {
  background: rgba(0, 88, 207, 0.8);
}

/* line 453, resources/scss/template/_header.scss */
.menu.blue-menu li.select {
  background: transparent;
}

/* line 462, resources/scss/template/_header.scss */
.white-menu {
  position: relative;
}

/* line 465, resources/scss/template/_header.scss */
.white-menu h4 {
  margin: 0 0 4% 0;
  padding-left: 10px;
  padding-left: calc(5% + 10px);
  font: 400 1.5rem/1.25em Roboto, Helvetica, "Helvetica Neue", Arial, sans-serif;
  color: #f5442d;
}

/* line 473, resources/scss/template/_header.scss */
.white-menu ul {
  background: rgba(255, 255, 255, 0.8);
  padding: 3% 0;
  border: 10px solid #ffffff;
  font: 400 1.125rem/1.25em Roboto, Helvetica, "Helvetica Neue", Arial, sans-serif;
}

/* line 479, resources/scss/template/_header.scss */
.white-menu ul li {
  padding: 2% 5%;
}

/* line 483, resources/scss/template/_header.scss */
.white-menu ul a {
  color: #0058cf;
}

/* line 493, resources/scss/template/_header.scss */
.ui-slider {
  position: absolute;
  height: 6px;
  background: rgba(95, 95, 95, 0.2);
  cursor: pointer;
}

/* line 499, resources/scss/template/_header.scss */
.ui-slider .ui-slider-handle {
  left: 3px;
  width: 16px;
  height: 16px;
  margin: 0 0 -8px -8px;
  background: #f5442d;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  outline: none;
  cursor: pointer;
}

/* line 510, resources/scss/template/_header.scss */
.ui-slider .ui-slider-range {
  font-size: 1.25rem;
  background: #f5442d;
  color: rgba(255, 255, 255, 0);
  text-align: center;
  -webkit-transition: color 0.25s;
  -moz-transition: color 0.25s;
  -o-transition: color 0.25s;
  transition: color 0.25s;
  -webkit-box-shadow: inset 0 5px 10px -5px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: inset 0 5px 10px -5px rgba(0, 0, 0, 0.5);
  box-shadow: inset 0 5px 10px -5px rgba(0, 0, 0, 0.5);
}

/* line 520, resources/scss/template/_header.scss */
.ui-slider:hover .ui-slider-range {
  color: #ffffff;
}

/* line 526, resources/scss/template/_header.scss */
#slider-range {
  width: 100%;
  margin: auto;
}

/* line 502, resources/scss/screen.scss */
.ui-slider-label {
  position: absolute;
  width: 21px;
  height: 21px;
  border: 3px solid #f5442d;
  color: #f5442d;
  font: 0.75rem/0.75rem "CESans-Heavy", Helvetica, "Helvetica Neue", Arial, sans-serif;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  font-size: 0;
  line-height: 0;
  text-indent: -9999px;
  cursor: pointer;
}

/* line 513, resources/scss/screen.scss */
.ui-slider-label:before, .ui-slider-label:after {
  content: '';
  display: block;
  position: absolute;
  top: 7px;
  left: 3px;
  width: 9px;
  height: 3px;
  margin: -1px 0 0 0;
  background: #f5442d;
}

/* line 530, resources/scss/screen.scss */
.ui-slider-label.plus:after {
  top: 4px;
  left: 6px;
  width: 3px;
  height: 9px;
}

/* line 538, resources/scss/screen.scss */
.ui-slider-label.range-label {
  bottom: 0;
  width: auto;
  font-size: 16px;
  line-height: 24px;
  text-indent: 0px;
  font: 300 0.875rem/1em Roboto, Helvetica, "Helvetica Neue", Arial, sans-serif;
  color: #5f5f5f;
  border: none;
  -webkit-border-radius: none;
  -moz-border-radius: none;
  -ms-border-radius: none;
  -o-border-radius: none;
  border-radius: none;
}

/* line 547, resources/scss/screen.scss */
.ui-slider-label.range-label:before, .ui-slider-label.range-label:after {
  display: none;
}

/* line 552, resources/scss/screen.scss */
.ui-slider-label.range-label.min {
  left: 0;
}

/* line 556, resources/scss/screen.scss */
.ui-slider-label.range-label.mid {
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}

/* line 561, resources/scss/screen.scss */
.ui-slider-label.range-label.max {
  right: 0;
}

/* line 569, resources/scss/screen.scss */
.legend-wrap .legend .color {
  display: inline-block;
  height: 0;
  background: red;
  vertical-align: middle;
}

/* line 578, resources/scss/screen.scss */
.zoom {
  position: absolute;
  top: 30%;
  right: 20px;
  width: 40px;
  height: 40%;
  background: rgba(255, 255, 255, 0.5);
  -webkit-transition: 0.25s;
  -moz-transition: 0.25s;
  -o-transition: 0.25s;
  transition: 0.25s;
}

/* line 587, resources/scss/screen.scss */
.zoom:hover {
  background: rgba(255, 255, 255, 0.9);
}

/* line 591, resources/scss/screen.scss */
.zoom .zoom-slider {
  left: calc(50% - 3px);
  top: 17%;
  width: 6px;
  height: 66%;
}

/* line 598, resources/scss/screen.scss */
.zoom .ui-slider-handle {
  -webkit-transition: 0.15s;
  -moz-transition: 0.15s;
  -o-transition: 0.15s;
  transition: 0.15s;
}

/* line 602, resources/scss/screen.scss */
.zoom .zoom-label {
  left: 50%;
  margin-left: -10px;
}

/* line 606, resources/scss/screen.scss */
.zoom .zoom-label.minus {
  bottom: 10px;
}

/* line 610, resources/scss/screen.scss */
.zoom .zoom-label.plus {
  top: 10px;
}

/* line 615, resources/scss/screen.scss */
.page-splash {
  padding: 8% 0;
  color: #233a70;
}

/* line 619, resources/scss/screen.scss */
.page-splash .splash-text {
  max-width: 65%;
  padding-left: calc(4% + 10px);
}

/* line 624, resources/scss/screen.scss */
.page-splash .splash-text h1 {
  margin: 0 0 20px 0;
}

/* line 628, resources/scss/screen.scss */
.page-splash .splash-text h4 {
  margin: 0 0 40px 0;
  color: #f5442d;
}

/* line 633, resources/scss/screen.scss */
.page-splash .splash-text p {
  width: 75%;
  margin: 0 0 20px 0;
  font: 400 1.375rem/1.5em Roboto, Helvetica, "Helvetica Neue", Arial, sans-serif;
}

/* line 640, resources/scss/screen.scss */
.page-splash .share-widget {
  top: 0;
  right: 0;
}

/* line 2, resources/scss/pages/_home.scss */
#page-home #viewport {
  margin-top: 0 !important;
}

/* line 6, resources/scss/pages/_home.scss */
#page-home #breadcrumb {
  display: none;
}

/* line 11, resources/scss/pages/_home.scss */
#home-splash {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

/* line 15, resources/scss/pages/_home.scss */
#home-splash .splash-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 1;
}

/* line 23, resources/scss/pages/_home.scss */
#home-splash #splash-6 {
  background-image: url(../img/bg_splash-pinal.jpg);
}

/* line 28, resources/scss/pages/_home.scss */
#home-text {
  position: absolute;
  top: 50%;
  left: 6%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 64%;
  z-index: 4;
  color: #233a70;
}

/* line 37, resources/scss/pages/_home.scss */
#home-text h1 {
  margin: 0 0 20px 0;
}

/* line 41, resources/scss/pages/_home.scss */
#home-text p {
  width: 75%;
  background: rgba(255, 255, 255, 0.8);
  padding: 2%;
  font: 1.375rem/1.5em Roboto, Helvetica, "Helvetica Neue", Arial, sans-serif;
}

/* line 49, resources/scss/pages/_home.scss */
#home-menu {
  position: absolute;
  top: 50%;
  right: 6%;
  min-width: 25%;
  border: 10px solid #ffffff;
  font: 1.125rem/1em "CESans-Heavy", Helvetica, "Helvetica Neue", Arial, sans-serif;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 4;
}

/* line 61, resources/scss/pages/_home.scss */
#page-home #main-content-wrap {
  position: relative;
  height: 100%;
  margin: 0;
}

/* line 67, resources/scss/pages/_home.scss */
#page-home #logos {
  position: absolute;
  bottom: 0;
  right: 0;
  background: #ffffff;
  padding: 0.5% 0 0 0.5%;
  text-align: right;
  z-index: 3;
}

/* line 76, resources/scss/pages/_home.scss */
#page-home #logos a {
  display: block;
  float: right;
  width: 60px;
  height: 60px;
}

/* line 83, resources/scss/pages/_home.scss */
#page-home #logos #global-change {
  width: 120px;
}

/* line 88, resources/scss/pages/_home.scss */
#page-home #h7 {
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 10px 10px 0 0;
  background: #ffffff;
  font-size: 0.75rem;
  line-height: 1.25em;
  z-index: 3;
}

/* line 98, resources/scss/pages/_home.scss */
#page-home #h7 a {
  display: block;
  color: #233a70;
}

/* line 103, resources/scss/pages/_home.scss */
#page-home #h7 span {
  display: block;
  float: left;
}

/* line 108, resources/scss/pages/_home.scss */
#page-home #h7 .logo {
  width: 20px;
  height: 20px;
  margin: 0 8px 0 0;
  background: url(../img/habitatseven.png) no-repeat center;
  background-size: 100% auto;
}

/* line 2, resources/scss/pages/_location.scss */
.page-type-location #viewport {
  top: 20px;
  height: calc(100% - 40px);
  margin-top: 95px;
}

/* line 8, resources/scss/pages/_location.scss */
.page-type-location #main-content-wrap {
  position: relative;
  padding: 2%;
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
  background-attachment: fixed;
  z-index: 1;
}

/* line 18, resources/scss/pages/_location.scss */
.page-type-location .page-splash {
  color: #0058cf;
}

/* line 21, resources/scss/pages/_location.scss */
.page-type-location .page-splash .splash-text {
  mix-blend-mode: normal;
}

/* line 25, resources/scss/pages/_location.scss */
.page-type-location .page-splash h1 {
  font-size: 5rem;
}

/* line 29, resources/scss/pages/_location.scss */
.page-type-location .page-splash h3 {
  margin: 0 0 3% 0;
  color: #f5442d;
}

/* line 35, resources/scss/pages/_location.scss */
.page-type-location section {
  position: relative;
  margin: 0 0 3% 0;
}

/* line 40, resources/scss/pages/_location.scss */
#location-search {
  position: absolute;
  top: 20px;
  right: 100px;
  height: 60px;
  background: rgba(255, 255, 255, 0.8);
  z-index: 1;
}

/* line 48, resources/scss/pages/_location.scss */
#location-search input {
  height: 60px;
  margin: 0;
  padding: 15px;
  font: 1.25rem/1em "CESans", Roboto, Helvetica, "Helvetica Neue", Arial, sans-serif;
  color: #233a70;
  border: none;
  outline: none;
  background: #ffffff;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

/* line 59, resources/scss/pages/_location.scss */
#location-search input::-webkit-input-placeholder {
  color: #233a70;
  padding-top: 3px;
  -webkit-transition: 0.25s;
  -moz-transition: 0.25s;
  -o-transition: 0.25s;
  transition: 0.25s;
}

/* line 65, resources/scss/pages/_location.scss */
#location-search input:-moz-placeholder {
  color: #233a70;
  padding-top: 3px;
  -webkit-transition: 0.25s;
  -moz-transition: 0.25s;
  -o-transition: 0.25s;
  transition: 0.25s;
}

/* line 71, resources/scss/pages/_location.scss */
#location-search input::-moz-placeholder {
  color: #233a70;
  padding-top: 3px;
  -webkit-transition: 0.25s;
  -moz-transition: 0.25s;
  -o-transition: 0.25s;
  transition: 0.25s;
}

/* line 77, resources/scss/pages/_location.scss */
#location-search input:-ms-input-placeholder {
  color: #233a70;
  padding-top: 3px;
  -webkit-transition: 0.25s;
  -moz-transition: 0.25s;
  -o-transition: 0.25s;
  transition: 0.25s;
}

/* line 83, resources/scss/pages/_location.scss */
#location-search input:focus {
  background: #0058cf;
  color: #ffffff;
}

/* line 87, resources/scss/pages/_location.scss */
#location-search input:focus::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
}

/* line 91, resources/scss/pages/_location.scss */
#location-search input:focus:-moz-placeholder {
  color: rgba(255, 255, 255, 0.5);
}

/* line 95, resources/scss/pages/_location.scss */
#location-search input:focus::-moz-placeholder {
  color: rgba(255, 255, 255, 0.5);
}

/* line 99, resources/scss/pages/_location.scss */
#location-search input:focus:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
}

/* line 105, resources/scss/pages/_location.scss */
#page-nav {
  width: 60%;
  padding-top: 20px;
  margin-left: 4%;
  margin-left: calc(4% + 10px);
  border-top: 3px solid #0058cf;
  color: #233a70;
}

/* line 42, resources/scss/_mixins.scss */
#page-nav:before, #page-nav:after {
  content: " ";
  display: table;
}

/* line 48, resources/scss/_mixins.scss */
#page-nav:after {
  clear: both;
}

/* line 114, resources/scss/pages/_location.scss */
#page-nav h4 {
  float: left;
  width: 15%;
  margin: 2px 0 0 0;
  font: 0.875rem/1.125rem "CESans-Heavy", Helvetica, "Helvetica Neue", Arial, sans-serif;
  text-transform: uppercase;
}

/* line 122, resources/scss/pages/_location.scss */
#page-nav ul {
  float: left;
  width: 85%;
}

/* line 126, resources/scss/pages/_location.scss */
#page-nav ul li {
  float: left;
  margin: 0 2%;
  font: 1.125rem/1.125rem "CESans", Roboto, Helvetica, "Helvetica Neue", Arial, sans-serif;
}

/* line 131, resources/scss/pages/_location.scss */
#page-nav ul li a {
  display: block;
}

/* line 137, resources/scss/pages/_location.scss */
#page-nav.stuck {
  top: 20px;
  left: 20px;
  width: 100%;
  width: calc(100% - 40px);
  margin: 0;
  padding: 15px;
  background: rgba(255, 255, 255, 0.8);
  border-top: none;
  z-index: 5;
}

/* line 148, resources/scss/pages/_location.scss */
#page-nav.stuck h4 {
  width: auto;
  margin-right: 2%;
}

/* line 154, resources/scss/pages/_location.scss */
.location-data-section-wrap {
  padding: 1%;
  border: 10px solid #ffffff;
  background: rgba(255, 255, 255, 0.9);
}

/* line 159, resources/scss/pages/_location.scss */
.location-data-section {
  position: relative;
}

/* line 53, resources/scss/_mixins.scss */
.location-data-section:before, .location-data-section:after {
  content: " ";
  display: table;
}

/* line 59, resources/scss/_mixins.scss */
.location-data-section:after {
  clear: both;
}

/* line 163, resources/scss/pages/_location.scss */
.location-data-section .map {
  position: relative;
  top: 110px;
  left: 0;
  background: url(../img/bg_location-map.jpg) no-repeat top right;
  background-size: cover;
  z-index: 1;
}

/* line 172, resources/scss/pages/_location.scss */
.location-data-section header {
  position: relative;
  padding: 0 0 10px 0;
}

/* line 53, resources/scss/_mixins.scss */
.location-data-section header:before, .location-data-section header:after {
  content: " ";
  display: table;
}

/* line 59, resources/scss/_mixins.scss */
.location-data-section header:after {
  clear: both;
}

/* line 178, resources/scss/pages/_location.scss */
.location-data-section h3 {
  margin: 0 0 10% 0;
  padding: 20px 0 0 0;
  font: 2rem/1em Roboto, Helvetica, "Helvetica Neue", Arial, sans-serif;
}

/* line 183, resources/scss/pages/_location.scss */
.location-data-section h3 .icon {
  display: inline;
  margin: 0 20px 0 0;
  font-size: 2.5rem;
}

/* line 190, resources/scss/pages/_location.scss */
.location-data-section .data-vars {
  margin: 20px 0;
  border-top: 2px solid #ebebeb;
}

/* line 53, resources/scss/_mixins.scss */
.location-data-section .data-vars:before, .location-data-section .data-vars:after {
  content: " ";
  display: table;
}

/* line 59, resources/scss/_mixins.scss */
.location-data-section .data-vars:after {
  clear: both;
}

/* line 195, resources/scss/pages/_location.scss */
.location-data-section .data-vars label {
  display: block;
  float: left;
  padding: 20px 0;
  border: 10px solid transparent;
  font: 400 1rem/1em Roboto, Helvetica, "Helvetica Neue", Arial, sans-serif;
}

/* line 206, resources/scss/pages/_location.scss */
.location-data-section .fs-dropdown {
  float: left;
  margin: 0 10px 0 0;
  -webkit-transition: 0.25s;
  -moz-transition: 0.25s;
  -o-transition: 0.25s;
  transition: 0.25s;
}

/* line 211, resources/scss/pages/_location.scss */
.location-data-section .fs-dropdown button {
  height: auto;
  padding: 20px;
  padding-right: 40px;
  background: rgba(255, 255, 255, 0.6);
  border: 10px solid #ffffff;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  font: 400 1rem/1em Roboto, Helvetica, "Helvetica Neue", Arial, sans-serif;
  -webkit-transition: 0.25s;
  -moz-transition: 0.25s;
  -o-transition: 0.25s;
  transition: 0.25s;
}

/* line 228, resources/scss/pages/_location.scss */
.location-data-section .fs-dropdown-open .fs-dropdown-selected,
.location-data-section .fs-dropdown-focus .fs-dropdown-selected {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

/* line 233, resources/scss/pages/_location.scss */
.location-data-section .fs-dropdown-options {
  background: #d5e8f2;
  border: none;
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

/* line 239, resources/scss/pages/_location.scss */
.location-data-section .fs-dropdown-options button {
  padding: 10px;
  font-size: 1rem;
  border-color: #d5e8f2;
  background: #d5e8f2;
}

/* line 247, resources/scss/pages/_location.scss */
.location-data-section .data-accordion-wrap {
  position: relative;
  float: left;
  width: 69%;
  height: 0;
  padding: 0 0 50% 0;
  border: 10px solid #ffffff;
}

/* line 53, resources/scss/_mixins.scss */
.location-data-section .data-accordion-wrap:before, .location-data-section .data-accordion-wrap:after {
  content: " ";
  display: table;
}

/* line 59, resources/scss/_mixins.scss */
.location-data-section .data-accordion-wrap:after {
  clear: both;
}

/* line 258, resources/scss/pages/_location.scss */
.location-data-section .data-accordion {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-height: calc(100vh - 150px);
}

/* line 53, resources/scss/_mixins.scss */
.location-data-section .data-accordion:before, .location-data-section .data-accordion:after {
  content: " ";
  display: table;
}

/* line 59, resources/scss/_mixins.scss */
.location-data-section .data-accordion:after {
  clear: both;
}

/* line 262, resources/scss/pages/_location.scss */
.location-data-section .data-accordion .data-accordion-tab {
  position: relative;
  float: left;
  width: 10%;
  height: 100%;
  overflow: hidden;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

/* line 270, resources/scss/pages/_location.scss */
.location-data-section .data-accordion .data-accordion-tab:before {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  width: 0;
  height: 0;
  margin: -18px 0 0 0;
  border: 10px solid #ffffff;
  z-index: 3;
  -webkit-transition: 0.25s;
  -moz-transition: 0.25s;
  -o-transition: 0.25s;
  transition: 0.25s;
}

/* line 283, resources/scss/pages/_location.scss */
.location-data-section .data-accordion .data-accordion-tab header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  z-index: 2;
}

/* line 288, resources/scss/pages/_location.scss */
.location-data-section .data-accordion .data-accordion-tab header h4 {
  position: absolute;
  top: 50%;
  left: 10px;
  width: 50px;
  height: 50px;
  margin: 0;
  color: #ffffff !important;
  text-align: center;
  font: 0.75rem/1em "CESans-Heavy", Helvetica, "Helvetica Neue", Arial, sans-serif;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

/* line 300, resources/scss/pages/_location.scss */
.location-data-section .data-accordion .data-accordion-tab header h4 .icon {
  font-size: 2rem;
}

/* line 304, resources/scss/pages/_location.scss */
.location-data-section .data-accordion .data-accordion-tab header h4 .full-title {
  display: none;
}

/* line 308, resources/scss/pages/_location.scss */
.location-data-section .data-accordion .data-accordion-tab header h4 .source {
  display: none;
  font: 0.75rem/1.25em "CESans", Roboto, Helvetica, "Helvetica Neue", Arial, sans-serif;
}

/* line 314, resources/scss/pages/_location.scss */
.location-data-section .data-accordion .data-accordion-tab header .data-accordion-actions {
  display: none;
  float: right;
  white-space: nowrap;
}

/* line 318, resources/scss/pages/_location.scss */
.location-data-section .data-accordion .data-accordion-tab header .data-accordion-actions .how-to-read {
  position: inherit;
  float: left;
}

/* line 322, resources/scss/pages/_location.scss */
.location-data-section .data-accordion .data-accordion-tab header .data-accordion-actions a {
  display: inline-block;
  padding: 8px;
  font-size: 0.75rem;
  line-height: 1.25em;
  color: #5f5f5f;
  -webkit-transition: 0.25s;
  -moz-transition: 0.25s;
  -o-transition: 0.25s;
  transition: 0.25s;
}

/* line 330, resources/scss/pages/_location.scss */
.location-data-section .data-accordion .data-accordion-tab header .data-accordion-actions a .icon {
  margin: 0 8px 0 0;
  font-size: 1.25rem;
  color: #f5442d;
}

/* line 336, resources/scss/pages/_location.scss */
.location-data-section .data-accordion .data-accordion-tab header .data-accordion-actions a:hover {
  background: #d5e8f2;
}

/* line 343, resources/scss/pages/_location.scss */
.location-data-section .data-accordion .data-accordion-tab .data-accordion-content {
  position: relative;
  top: 73px;
  left: 0;
  height: calc(100% - 73px);
  width: 100%;
  opacity: 0.25;
  mix-blend-mode: multiply;
  -webkit-transition: 0.25s;
  -moz-transition: 0.25s;
  -o-transition: 0.25s;
  transition: 0.25s;
  z-index: 1;
}

/* line 358, resources/scss/pages/_location.scss */
.location-data-section .data-accordion .data-accordion-tab.data-chart {
  -webkit-box-shadow: inset -10px 0 20px -10px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: inset -10px 0 20px -10px rgba(0, 0, 0, 0.5);
  box-shadow: inset -10px 0 20px -10px rgba(0, 0, 0, 0.5);
}

/* line 361, resources/scss/pages/_location.scss */
.location-data-section .data-accordion .data-accordion-tab.data-chart:before {
  right: 0;
  border-color: transparent #ffffff transparent transparent;
}

/* line 366, resources/scss/pages/_location.scss */
.location-data-section .data-accordion .data-accordion-tab.data-chart .chart-wrap {
  position: absolute;
  top: 12%;
  left: 5%;
  width: 90%;
  height: 75%;
  z-index: 1;
}

/* line 375, resources/scss/pages/_location.scss */
.location-data-section .data-accordion .data-accordion-tab.data-chart .chart-canvas {
  position: absolute;
  top: 0;
  width: 100%;
  height: 80%;
  z-index: 1;
}

/* line 383, resources/scss/pages/_location.scss */
.location-data-section .data-accordion .data-accordion-tab.data-chart .chart-legend {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 15%;
  z-index: 2;
}

/* line 391, resources/scss/pages/_location.scss */
.location-data-section .data-accordion .data-accordion-tab.data-chart .chart-legend ul li {
  display: inline-block;
  margin: 0 0 0 20px;
}

/* line 397, resources/scss/pages/_location.scss */
.location-data-section .data-accordion .data-accordion-tab.data-chart .chart-legend span {
  display: inline-block;
  vertical-align: middle;
}

/* line 402, resources/scss/pages/_location.scss */
.location-data-section .data-accordion .data-accordion-tab.data-chart .chart-legend .colour {
  height: 5px;
  width: 15px;
  margin: 0 10px 0 0;
}

/* line 408, resources/scss/pages/_location.scss */
.location-data-section .data-accordion .data-accordion-tab.data-chart .chart-legend .label {
  font-size: 0.875rem;
}

/* line 413, resources/scss/pages/_location.scss */
.location-data-section .data-accordion .data-accordion-tab.data-chart .range {
  position: absolute;
  bottom: 2%;
  left: 5%;
  width: 90%;
  height: 8%;
  z-index: 2;
}

/* line 422, resources/scss/pages/_location.scss */
.location-data-section .data-accordion .data-accordion-tab.data-chart .chart-range {
  position: absolute;
  left: 0;
  width: 100%;
  height: 30px;
  background: #d5e8f2;
  -webkit-box-shadow: inset 0 5px 10px -5px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: inset 0 5px 10px -5px rgba(0, 0, 0, 0.5);
  box-shadow: inset 0 5px 10px -5px rgba(0, 0, 0, 0.5);
}

/* line 430, resources/scss/pages/_location.scss */
.location-data-section .data-accordion .data-accordion-tab.data-chart .chart-range .ui-slider-handle {
  top: 0;
  width: 0;
  height: 30px;
  margin: 0;
  -webkit-border-radius: none;
  -moz-border-radius: none;
  -ms-border-radius: none;
  -o-border-radius: none;
  border-radius: none;
}

/* line 442, resources/scss/pages/_location.scss */
.location-data-section .data-accordion .data-accordion-tab.data-chart .chart-range.not-annual {
  height: 6px;
}

/* line 445, resources/scss/pages/_location.scss */
.location-data-section .data-accordion .data-accordion-tab.data-chart .chart-range.not-annual .ui-slider-handle {
  width: 16px;
  height: 16px;
  margin: -5px 0 0 -5px;
}

/* line 453, resources/scss/pages/_location.scss */
.location-data-section .data-accordion .data-accordion-tab.data-chart.open {
  background: rgba(255, 255, 255, 0.8) !important;
}

/* line 456, resources/scss/pages/_location.scss */
.location-data-section .data-accordion .data-accordion-tab.data-chart.open .chart {
  opacity: 1;
  border-right: 5px solid #ffffff;
}

/* line 463, resources/scss/pages/_location.scss */
.location-data-section .data-accordion .data-accordion-tab.data-map {
  -webkit-box-shadow: inset 10px 0 20px -10px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: inset 10px 0 20px -10px rgba(0, 0, 0, 0.5);
  box-shadow: inset 10px 0 20px -10px rgba(0, 0, 0, 0.5);
}

/* line 466, resources/scss/pages/_location.scss */
.location-data-section .data-accordion .data-accordion-tab.data-map:before {
  left: -1px;
  border-color: transparent transparent transparent #ffffff;
}

/* line 472, resources/scss/pages/_location.scss */
.location-data-section .data-accordion .data-accordion-tab.data-map header .map-seasons-container {
  float: left;
}

/* line 477, resources/scss/pages/_location.scss */
.location-data-section .data-accordion .data-accordion-tab.data-map header .fs-dropdown button {
  height: auto;
  padding: 8px 25px 8px 8px;
  background: #ffffff;
  border: none;
  font-size: 0.75rem;
  line-height: 1.25em;
  color: #5f5f5f;
}

/* line 487, resources/scss/pages/_location.scss */
.location-data-section .data-accordion .data-accordion-tab.data-map header .fs-dropdown button.fs-dropdown-selected:before {
  display: inline-block;
  margin: 0 8px 0 0;
  vertical-align: middle;
  font-family: 'icomoon';
  font-size: 1.25rem;
  line-height: 1;
  color: #f5442d;
}

/* line 498, resources/scss/pages/_location.scss */
.location-data-section .data-accordion .data-accordion-tab.data-map header .fs-dropdown button.fs-dropdown-selected:hover {
  background: #d5e8f2;
}

/* line 503, resources/scss/pages/_location.scss */
.location-data-section .data-accordion .data-accordion-tab.data-map header .fs-dropdown button:after {
  right: 5px;
}

/* line 510, resources/scss/pages/_location.scss */
.location-data-section .data-accordion .data-accordion-tab.data-map .data-accordion-content {
  background: #ebebeb;
}

/* line 514, resources/scss/pages/_location.scss */
.location-data-section .data-accordion .data-accordion-tab.data-map .map-element {
  height: 100%;
  width: 100%;
  text-align: center;
  z-index: 1;
}

/* line 521, resources/scss/pages/_location.scss */
.location-data-section .data-accordion .data-accordion-tab.data-map .full-map-btn {
  display: inline-block;
  float: left;
  border: none;
  font-size: 1rem;
  padding: 8px 30px 8px 8px;
  z-index: 2;
}

/* line 534, resources/scss/pages/_location.scss */
.location-data-section .data-accordion .data-accordion-tab.data-map.open .map {
  opacity: 1;
  border-left: 5px solid #ffffff;
}

/* line 541, resources/scss/pages/_location.scss */
.location-data-section .data-accordion .data-accordion-tab.open {
  width: 90%;
  background: #ffffff !important;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

/* line 546, resources/scss/pages/_location.scss */
.location-data-section .data-accordion .data-accordion-tab.open:before {
  border-width: 0;
  margin-top: -9px;
}

/* line 551, resources/scss/pages/_location.scss */
.location-data-section .data-accordion .data-accordion-tab.open header {
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  padding: 15px;
  background: rgba(255, 255, 255, 0.8);
  cursor: default;
}

/* line 53, resources/scss/_mixins.scss */
.location-data-section .data-accordion .data-accordion-tab.open header:before, .location-data-section .data-accordion .data-accordion-tab.open header:after {
  content: " ";
  display: table;
}

/* line 59, resources/scss/_mixins.scss */
.location-data-section .data-accordion .data-accordion-tab.open header:after {
  clear: both;
}

/* line 561, resources/scss/pages/_location.scss */
.location-data-section .data-accordion .data-accordion-tab.open header h4 {
  position: static;
  width: auto;
  height: auto;
  float: left;
  font: 1.4rem/1em "CESans", Roboto, Helvetica, "Helvetica Neue", Arial, sans-serif;
  color: inherit !important;
  text-align: left;
  z-index: 2;
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none;
}

/* line 572, resources/scss/pages/_location.scss */
.location-data-section .data-accordion .data-accordion-tab.open header h4 .icon {
  display: inline-block;
  margin: -4px 10px 0 0;
}

/* line 577, resources/scss/pages/_location.scss */
.location-data-section .data-accordion .data-accordion-tab.open header h4 .text {
  display: inline-block;
  vertical-align: middle;
}

/* line 582, resources/scss/pages/_location.scss */
.location-data-section .data-accordion .data-accordion-tab.open header h4 .full-title {
  display: inline;
}

/* line 586, resources/scss/pages/_location.scss */
.location-data-section .data-accordion .data-accordion-tab.open header h4 .source {
  display: block;
  margin: 4px 0 0 0;
}

/* line 592, resources/scss/pages/_location.scss */
.location-data-section .data-accordion .data-accordion-tab.open header .data-accordion-actions {
  display: block;
}

/* line 597, resources/scss/pages/_location.scss */
.location-data-section .data-accordion .data-accordion-tab.open .data-accordion-content {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  opacity: 1;
  mix-blend-mode: initial;
}

/* line 606, resources/scss/pages/_location.scss */
.location-data-section .data-list {
  position: relative;
  float: left;
  width: 30%;
  margin: 0 1% 0 0;
}

/* line 612, resources/scss/pages/_location.scss */
.location-data-section .data-list form {
  position: absolute;
  left: -9999px;
}

/* line 618, resources/scss/pages/_location.scss */
.location-data-section .data-options-trigger {
  display: none;
}

/* line 623, resources/scss/pages/_location.scss */
.location-data-section .data-options li {
  padding-left: 12%;
  background: #ffffff;
  border-left-width: 0;
  border-left-style: solid;
  border-left-color: transparent;
  border-bottom: 1px solid #ebebeb;
  -webkit-transition: 0.25s;
  -moz-transition: 0.25s;
  -o-transition: 0.25s;
  transition: 0.25s;
}

/* line 42, resources/scss/_mixins.scss */
.location-data-section .data-options li:before, .location-data-section .data-options li:after {
  content: " ";
  display: table;
}

/* line 48, resources/scss/_mixins.scss */
.location-data-section .data-options li:after {
  clear: both;
}

/* line 633, resources/scss/pages/_location.scss */
.location-data-section .data-options li:last-child {
  border-bottom: none;
}

/* line 637, resources/scss/pages/_location.scss */
.location-data-section .data-options li:hover {
  padding-left: calc(12% - 10px);
  border-left-width: 10px;
  border-left-color: #ebebeb;
}

/* line 643, resources/scss/pages/_location.scss */
.location-data-section .data-options li.active {
  font-weight: 400;
  padding-left: calc(12% - 10px);
  border-left-width: 10px;
  border-bottom-color: #ebebeb !important;
}

/* line 650, resources/scss/pages/_location.scss */
.location-data-section .data-options li h4 {
  font-size: 1rem;
  outline: none;
}

/* line 42, resources/scss/_mixins.scss */
.location-data-section .data-options li h4:before, .location-data-section .data-options li h4:after {
  content: " ";
  display: table;
}

/* line 48, resources/scss/_mixins.scss */
.location-data-section .data-options li h4:after {
  clear: both;
}

/* line 655, resources/scss/pages/_location.scss */
.location-data-section .data-options li h4 .ui-accordion-header-icon {
  display: none;
}

/* line 660, resources/scss/pages/_location.scss */
.location-data-section .data-options li a {
  display: block;
  padding: 2%;
  color: #5f5f5f;
  -webkit-transition: 0.25s;
  -moz-transition: 0.25s;
  -o-transition: 0.25s;
  transition: 0.25s;
}

/* line 666, resources/scss/pages/_location.scss */
.location-data-section .data-options li a.text {
  width: 90%;
  float: left;
}

/* line 671, resources/scss/pages/_location.scss */
.location-data-section .data-options li a.icon {
  width: 10%;
  float: right;
  text-align: right;
  line-height: 1.5rem;
  color: #aaaaaa;
}

/* line 681, resources/scss/pages/_location.scss */
.location-data-section .data-options li ul li {
  font-size: 0.875rem;
  line-height: 1.5rem;
}

/* line 690, resources/scss/pages/_location.scss */
#stations-data p {
  margin: 0 0 20px 0;
}

/* line 695, resources/scss/pages/_location.scss */
#location-temperature .accent-color {
  color: #f5442d;
}

/* line 699, resources/scss/pages/_location.scss */
#location-temperature .accent-background {
  background-color: #f5442d;
}

/* line 703, resources/scss/pages/_location.scss */
#location-temperature .accent-border {
  border-color: #f5442d;
}

/* line 712, resources/scss/pages/_location.scss */
#location-temperature .data-options .accent-border {
  border-left-color: #ebebeb;
  border-bottom-color: #ebebeb;
}

/* line 716, resources/scss/pages/_location.scss */
#location-temperature .data-options .active.disabled a {
  color: #ebebeb !important;
}

/* line 720, resources/scss/pages/_location.scss */
#location-temperature .data-options .active:not(.disabled).accent-border {
  border-left-color: #f5442d;
  border-bottom-color: #ebebeb;
}

/* line 725, resources/scss/pages/_location.scss */
#location-temperature .data-options .active:not(.disabled) .accent-color {
  color: #f5442d;
}

/* line 732, resources/scss/pages/_location.scss */
#location-temperature .data-options ul li.active:not(.disabled) {
  border-left: 10px solid #f5442d;
}

/* line 740, resources/scss/pages/_location.scss */
#location-temperature .data-vars button {
  color: #f5442d;
}

/* line 746, resources/scss/pages/_location.scss */
#location-precipitation .accent-color {
  color: #0058cf;
}

/* line 750, resources/scss/pages/_location.scss */
#location-precipitation .accent-background {
  background-color: #0058cf;
}

/* line 754, resources/scss/pages/_location.scss */
#location-precipitation .accent-border {
  border-color: #0058cf;
}

/* line 763, resources/scss/pages/_location.scss */
#location-precipitation .data-options .accent-border {
  border-left-color: #ebebeb;
  border-bottom-color: #ebebeb;
}

/* line 767, resources/scss/pages/_location.scss */
#location-precipitation .data-options .active.disabled a {
  color: #ebebeb !important;
}

/* line 771, resources/scss/pages/_location.scss */
#location-precipitation .data-options .active:not(.disabled).accent-border {
  border-left-color: #0058cf;
  border-bottom-color: #ebebeb;
}

/* line 776, resources/scss/pages/_location.scss */
#location-precipitation .data-options .active:not(.disabled) .accent-color {
  color: #0058cf;
}

/* line 783, resources/scss/pages/_location.scss */
#location-precipitation .data-options ul li.active:not(.disabled) {
  border-left: 10px solid #0058cf;
}

/* line 791, resources/scss/pages/_location.scss */
#location-precipitation .data-vars button {
  color: #0058cf;
}

/* line 798, resources/scss/pages/_location.scss */
#location-precipitation .range .ui-slider .ui-slider-range, #location-precipitation .range .ui-slider .ui-slider-handle {
  background: #0058cf;
}

/* line 805, resources/scss/pages/_location.scss */
#location-derived .accent-color {
  color: #904848;
}

/* line 809, resources/scss/pages/_location.scss */
#location-derived .accent-background {
  background-color: #904848;
}

/* line 813, resources/scss/pages/_location.scss */
#location-derived .accent-border {
  border-color: #904848;
}

/* line 822, resources/scss/pages/_location.scss */
#location-derived .data-options .accent-border {
  border-left-color: #ebebeb;
  border-bottom-color: #ebebeb;
}

/* line 826, resources/scss/pages/_location.scss */
#location-derived .data-options .active.disabled a {
  color: #ebebeb !important;
}

/* line 830, resources/scss/pages/_location.scss */
#location-derived .data-options .active:not(.disabled).accent-border {
  border-left-color: #904848;
  border-bottom-color: #ebebeb;
}

/* line 835, resources/scss/pages/_location.scss */
#location-derived .data-options .active:not(.disabled) .accent-color {
  color: #904848;
}

/* line 842, resources/scss/pages/_location.scss */
#location-derived .data-options ul li.active:not(.disabled) {
  border-left: 10px solid #904848;
}

/* line 850, resources/scss/pages/_location.scss */
#location-derived .data-vars button {
  color: #904848;
}

/* line 856, resources/scss/pages/_location.scss */
#location-derived .range .ui-slider .ui-slider-range, #location-derived .range .ui-slider .ui-slider-handle {
  background: #904848;
}

/* line 864, resources/scss/pages/_location.scss */
.location-data-section .data-accordion .data-accordion-tab.data-chart .chart-range {
  position: absolute;
  left: 0;
  width: 100%;
  height: 9px;
  background: #d5e8f2;
  -moz-box-shadow: inset 0 5px 10px -5px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: inset 0 5px 10px -5px rgba(0, 0, 0, 0.5);
  box-shadow: inset 0 5px 10px -5px rgba(0, 0, 0, 0.5);
}

/* line 875, resources/scss/pages/_location.scss */
.location-data-section .data-accordion .data-accordion-tab.data-chart .chart-range .ui-slider-handle {
  top: 0;
  width: 16px;
  height: 16px;
  margin: -3px 0px -8px -8px;
}

/* line 882, resources/scss/pages/_location.scss */
#precip-slider-range {
  width: 100%;
  margin: auto;
}

/* line 887, resources/scss/pages/_location.scss */
#derived-slider-range {
  width: 100%;
  margin: auto;
}

/* line 893, resources/scss/pages/_location.scss */
#location-stations {
  padding: 0;
  height: calc(100vh - 160px);
}

/* line 897, resources/scss/pages/_location.scss */
#location-stations .location-data-section {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* line 901, resources/scss/pages/_location.scss */
#location-stations h3 {
  margin: 0 0 2% 0;
}

/* line 907, resources/scss/pages/_location.scss */
#location-stations #location-stations-about {
  position: absolute;
  top: 0;
  left: 0;
  width: 30%;
  background: rgba(255, 255, 255, 0.85);
  padding: 20px 20px 10px 20px;
  z-index: 5;
}

/* line 916, resources/scss/pages/_location.scss */
#location-stations #location-stations-about p {
  font-size: 0.875rem;
  margin: 20px 0;
}

/* line 924, resources/scss/pages/_location.scss */
#location-stations #location-stations-map-wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

/* line 929, resources/scss/pages/_location.scss */
#location-stations #location-station-map {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* line 937, resources/scss/pages/_location.scss */
#location-stations #location-stations-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  left: -9999px;
  opacity: 0;
  transition: left 0s ease 0.25s, opacity 0.25s ease 0s;
  z-index: 10;
}

/* line 42, resources/scss/_mixins.scss */
#location-stations #location-stations-overlay:before, #location-stations #location-stations-overlay:after {
  content: " ";
  display: table;
}

/* line 48, resources/scss/_mixins.scss */
#location-stations #location-stations-overlay:after {
  clear: both;
}

/* line 947, resources/scss/pages/_location.scss */
#location-stations.overlay-on #location-stations-overlay {
  left: 0;
  opacity: 1;
  transition: left 0s ease 0s, opacity 0.25s ease 0s;
  background: rgba(245, 68, 45, 0.9);
}

/* line 954, resources/scss/pages/_location.scss */
#location-stations.overlay-on .station-overlay-content {
  transition: left 0s ease 0s, opacity 0.25s ease 0s;
}

/* line 959, resources/scss/pages/_location.scss */
#location-stations.overlay-on:not(.type-tidal) #station-detail {
  left: 0;
  opacity: 1;
}

/* line 966, resources/scss/pages/_location.scss */
#location-stations.overlay-on.type-tidal #location-stations-overlay {
  background: rgba(0, 88, 207, 0.9);
}

/* line 970, resources/scss/pages/_location.scss */
#location-stations.overlay-on.type-tidal #station-detail-tidal {
  left: 0;
  opacity: 1;
}

/* line 979, resources/scss/pages/_location.scss */
#location-stations #station-overlay-header {
  height: 120px;
  color: #ffffff;
  padding: 20px 20px 0 20px;
}

/* line 42, resources/scss/_mixins.scss */
#location-stations #station-overlay-header:before, #location-stations #station-overlay-header:after {
  content: " ";
  display: table;
}

/* line 48, resources/scss/_mixins.scss */
#location-stations #station-overlay-header:after {
  clear: both;
}

/* line 985, resources/scss/pages/_location.scss */
#location-stations #station-overlay-header h3 {
  padding: 0;
}

/* line 989, resources/scss/pages/_location.scss */
#location-stations #station-overlay-header h5 {
  float: left;
  width: 50%;
  font-size: 1.125rem;
  font-family: "CESans", Roboto, Helvetica, "Helvetica Neue", Arial, sans-serif;
}

/* line 999, resources/scss/pages/_location.scss */
#location-stations .station-overlay-content {
  position: absolute;
  bottom: 0;
  left: -9999px;
  width: 100%;
  height: calc(100% - 120px);
  opacity: 0;
  transition: left 0s ease 0.25s, opacity 0.25s ease 0s;
  padding: 20px;
  z-index: 1;
}

/* line 1011, resources/scss/pages/_location.scss */
#location-stations .station-overlay-column {
  position: relative;
  float: left;
  width: 50%;
  height: 100%;
}

/* line 1017, resources/scss/pages/_location.scss */
#location-stations .station-overlay-column.left {
  padding-right: 40px;
}

/* line 1020, resources/scss/pages/_location.scss */
#location-stations .station-overlay-column.left:after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  width: 0;
  height: 0;
  border: 20px solid transparent;
  border-left-color: #ffffff;
}

/* line 1036, resources/scss/pages/_location.scss */
#location-stations #station-detail-data {
  background: #ffffff;
  padding: 20px;
}

/* line 1041, resources/scss/pages/_location.scss */
#location-stations .form-group {
  font-size: 0.75rem;
}

/* line 42, resources/scss/_mixins.scss */
#location-stations .form-group:before, #location-stations .form-group:after {
  content: " ";
  display: table;
}

/* line 48, resources/scss/_mixins.scss */
#location-stations .form-group:after {
  clear: both;
}

/* line 1045, resources/scss/pages/_location.scss */
#location-stations .form-group label {
  display: block;
}

/* line 1049, resources/scss/pages/_location.scss */
#location-stations .form-group select {
  font-family: Roboto, Helvetica, "Helvetica Neue", Arial, sans-serif;
  font-size: 0.75rem;
}

/* line 1054, resources/scss/pages/_location.scss */
#location-stations .form-group input {
  display: inline-block;
  width: calc(100% - 10px);
  font-family: Roboto, Helvetica, "Helvetica Neue", Arial, sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  padding: 4px 8px;
}

/* line 1063, resources/scss/pages/_location.scss */
#location-stations .form-group .field-pair {
  float: left;
  width: 25%;
}

/* line 1068, resources/scss/pages/_location.scss */
#location-stations .form-group .field-pair.append input {
  width: 50%;
}

/* line 1072, resources/scss/pages/_location.scss */
#location-stations .form-group .field-pair.append .append {
  display: inline-block;
  padding-left: 4px;
  vertical-align: middle;
}

/* line 1086, resources/scss/pages/_location.scss */
#location-stations #tidal-chart {
  background-color: #ffffff;
}

/* line 1094, resources/scss/pages/_location.scss */
#location-stations #station-overlay-close {
  display: block;
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 3rem;
  color: #ffffff;
  cursor: pointer;
  z-index: 2;
}

/* line 1107, resources/scss/pages/_location.scss */
#location-stations #stations-spinner {
  display: none;
  position: absolute;
  left: 50%;
  top: 50%;
  height: 50px;
  padding: 10px 14px;
  background: rgba(255, 255, 255, 0.75);
  transform: translate(-50%, -50%);
  z-index: 15;
}

/* line 1123, resources/scss/pages/_location.scss */
#location-stations .data-accordion-wrap {
  width: 30%;
}

/* line 1127, resources/scss/pages/_location.scss */
#location-stations #station-charts-tabs {
  height: 100%;
  padding: 20px;
  background: #ffffff;
}

/* line 1132, resources/scss/pages/_location.scss */
#location-stations #station-charts-tabs .chart-tab-list {
  margin: 0 0 10px 0;
}

/* line 1135, resources/scss/pages/_location.scss */
#location-stations #station-charts-tabs .chart-tab-list li {
  display: inline-block;
}

/* line 1138, resources/scss/pages/_location.scss */
#location-stations #station-charts-tabs .chart-tab-list li a {
  display: block;
  padding: 8px 10px;
  color: #233a70;
}

/* line 1144, resources/scss/pages/_location.scss */
#location-stations #station-charts-tabs .chart-tab-list li.selected {
  background-color: #d5e8f2;
}

/* line 1150, resources/scss/pages/_location.scss */
#location-stations #station-charts-tabs .chart-tabs-wrap {
  position: relative;
  height: 300px;
}

/* line 1155, resources/scss/pages/_location.scss */
#location-stations #station-charts-tabs .chart-tab {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  left: -9999px;
  opacity: 0;
  transition: left 0s ease 0.25s, opacity 0.25s ease 0s;
}

/* line 1161, resources/scss/pages/_location.scss */
#location-stations #station-charts-tabs .chart-tab.selected {
  left: 0;
  opacity: 1;
  transition: left 0s ease 0s, opacity 0.25s ease 0s;
}

/* line 1, resources/scss/pages/_variable.scss */
.variables-fs-dropdown, .page-type-variables #main-content-wrap .fs-dropdown, .scenario-map-overlay-container .left-scenario-dropdown .fs-dropdown, .scenario-map-overlay-container .right-scenario-dropdown .fs-dropdown {
  margin: 0;
  -webkit-transition: 0.25s;
  -moz-transition: 0.25s;
  -o-transition: 0.25s;
  transition: 0.25s;
}

/* line 5, resources/scss/pages/_variable.scss */
.variables-fs-dropdown button, .page-type-variables #main-content-wrap .fs-dropdown button, .scenario-map-overlay-container .left-scenario-dropdown .fs-dropdown button, .scenario-map-overlay-container .right-scenario-dropdown .fs-dropdown button {
  height: auto;
  padding: 15px;
  padding-right: 40px;
  background: rgba(255, 255, 255, 0.75);
  border: 0px solid #ffffff;
  color: #0058cf;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  font: 400 1.125rem/1em Roboto, Helvetica, "Helvetica Neue", Arial, sans-serif;
  -webkit-transition: 0.25s;
  -moz-transition: 0.25s;
  -o-transition: 0.25s;
  transition: 0.25s;
}

/* line 19, resources/scss/pages/_variable.scss */
.variables-fs-dropdown.fs-dropdown-open .fs-dropdown-selected, .page-type-variables #main-content-wrap .fs-dropdown-open.fs-dropdown .fs-dropdown-selected, .scenario-map-overlay-container .left-scenario-dropdown .fs-dropdown-open.fs-dropdown .fs-dropdown-selected, .scenario-map-overlay-container .right-scenario-dropdown .fs-dropdown-open.fs-dropdown .fs-dropdown-selected, .variables-fs-dropdown.fs-dropdown-focus .fs-dropdown-selected, .page-type-variables #main-content-wrap .fs-dropdown-focus.fs-dropdown .fs-dropdown-selected, .scenario-map-overlay-container .left-scenario-dropdown .fs-dropdown-focus.fs-dropdown .fs-dropdown-selected, .scenario-map-overlay-container .right-scenario-dropdown .fs-dropdown-focus.fs-dropdown .fs-dropdown-selected {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  background: #ffffff;
}

/* line 25, resources/scss/pages/_variable.scss */
.variables-fs-dropdown .fs-dropdown-options, .page-type-variables #main-content-wrap .fs-dropdown .fs-dropdown-options, .scenario-map-overlay-container .left-scenario-dropdown .fs-dropdown .fs-dropdown-options, .scenario-map-overlay-container .right-scenario-dropdown .fs-dropdown .fs-dropdown-options {
  background: rgba(255, 255, 255, 0.8);
  border: none;
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

/* line 31, resources/scss/pages/_variable.scss */
.variables-fs-dropdown .fs-dropdown-options button, .page-type-variables #main-content-wrap .fs-dropdown .fs-dropdown-options button, .scenario-map-overlay-container .left-scenario-dropdown .fs-dropdown .fs-dropdown-options button, .scenario-map-overlay-container .right-scenario-dropdown .fs-dropdown .fs-dropdown-options button {
  padding: 10px;
  font-size: 1rem;
}

/* line 35, resources/scss/pages/_variable.scss */
.variables-fs-dropdown .fs-dropdown-options button:hover, .page-type-variables #main-content-wrap .fs-dropdown .fs-dropdown-options button:hover, .scenario-map-overlay-container .left-scenario-dropdown .fs-dropdown .fs-dropdown-options button:hover, .scenario-map-overlay-container .right-scenario-dropdown .fs-dropdown .fs-dropdown-options button:hover {
  background: #ebebeb;
}

/* line 42, resources/scss/pages/_variable.scss */
.page-type-variables #viewport {
  position: relative;
  overflow: hidden;
  height: calc(100% - 110px);
  width: calc(80% - 50px);
  left: calc(20% + 30px);
  top: 110px;
}

/* line 51, resources/scss/pages/_variable.scss */
.page-type-variables #main-content-wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* line 54, resources/scss/pages/_variable.scss */
.page-type-variables #main-content-wrap #variable-map {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* line 58, resources/scss/pages/_variable.scss */
.page-type-variables #main-content-wrap #map-seasons-container {
  position: absolute;
  top: 20px;
  left: calc(20% + 35px);
}

/* line 69, resources/scss/pages/_variable.scss */
.page-type-variables .data-accordion-actions {
  float: right;
  margin-top: -15px;
}

/* line 73, resources/scss/pages/_variable.scss */
.page-type-variables .data-accordion-actions a {
  display: inline-block;
  padding: 10px;
  color: #5f5f5f;
  -moz-transition: 0.25s;
  -o-transition: 0.25s;
  -webkit-transition: 0.25s;
  transition: 0.25s;
}

/* line 82, resources/scss/pages/_variable.scss */
.page-type-variables .data-accordion-actions a .icon {
  margin: 0 8px 0 0;
  font-size: 1.25rem;
  color: #f5442d;
}

/* line 88, resources/scss/pages/_variable.scss */
.page-type-variables .data-accordion-actions a:hover {
  background: #d5e8f2;
}

/* line 95, resources/scss/pages/_variable.scss */
.page-type-variables #vars-menu .layer-info {
  display: none;
  position: absolute;
  top: 0;
  left: 100%;
  width: 210%;
  width: calc(200% + 40px);
  height: auto;
  padding: 10%;
  background: rgba(255, 255, 255, 0.9);
  color: #5f5f5f;
  white-space: normal;
}

/* line 108, resources/scss/pages/_variable.scss */
.page-type-variables #vars-menu .layer-info:before {
  content: '';
  display: block;
  position: absolute;
  left: -20px;
  top: 22px;
  width: 0;
  height: 0;
  border: 10px solid #ffffff;
  border-color: transparent #ffffff transparent transparent;
}

/* line 120, resources/scss/pages/_variable.scss */
.page-type-variables #vars-menu .layer-info h3 {
  margin: 0 0 10px 0;
  font-size: 1.625rem;
  color: #f5442d;
}

/* line 126, resources/scss/pages/_variable.scss */
.page-type-variables #vars-menu .layer-info p {
  margin: 0 0 12px 0;
}

/* line 131, resources/scss/pages/_variable.scss */
.page-type-variables #vars-menu .help {
  padding: 0;
  float: left;
  margin: 0;
  background: none;
  margin-top: 30px;
  margin-left: 27px;
  margin-right: 7px;
}

/* line 143, resources/scss/pages/_variable.scss */
.page-type-variables #vars-legend h5 {
  margin: 0 0 6px 0;
  font: 1rem/1em "CESans-Heavy", Helvetica, "Helvetica Neue", Arial, sans-serif;
  color: #233a70;
}

/* line 149, resources/scss/pages/_variable.scss */
.page-type-variables #vars-legend h6 {
  margin: 0 0 10px 0;
  font: 0.75rem/1.25em "CESans", Roboto, Helvetica, "Helvetica Neue", Arial, sans-serif;
  color: #5f5f5f;
}

/* line 155, resources/scss/pages/_variable.scss */
.page-type-variables #vars-legend .legend {
  width: 100%;
  margin: 0 0 10px 0;
  padding: 20px;
  background: #d5e8f2;
  font: 0.75rem/1em Monaco, monospace;
  color: #233a70;
}

/* line 163, resources/scss/pages/_variable.scss */
.page-type-variables #vars-legend .legend ul {
  margin: 15px 0 0 0;
}

/* line 167, resources/scss/pages/_variable.scss */
.page-type-variables #vars-legend .legend li {
  margin: 10px 0;
}

/* line 171, resources/scss/pages/_variable.scss */
.page-type-variables #vars-legend .legend .color {
  width: 8%;
  margin: 0 8% 0 0;
  padding: 0 0 8% 0;
}

/* line 179, resources/scss/pages/_variable.scss */
.page-type-variables .chart-legend {
  overflow: hidden;
  padding-top: 20px;
}

/* line 184, resources/scss/pages/_variable.scss */
.page-type-variables .ol-zoom {
  display: none;
}

/* line 188, resources/scss/pages/_variable.scss */
.page-type-variables .ol-scale-line {
  background: rgba(0, 60, 136, 0.3);
  border-radius: 4px;
  top: 20px;
  bottom: auto;
  left: auto;
  right: 100px;
}

/* line 197, resources/scss/pages/_variable.scss */
.page-type-variables #district-trigger {
  position: absolute;
  top: 15%;
  left: 20%;
  left: calc(20% + 20px);
  padding: 15px 15px 15px 0;
  color: #0058cf;
  background: #ffffff;
  -webkit-transition: padding 0.5s;
  -moz-transition: padding 0.5s;
  -o-transition: padding 0.5s;
  transition: padding 0.5s;
}

/* line 42, resources/scss/_mixins.scss */
.page-type-variables #district-trigger:before, .page-type-variables #district-trigger:after {
  content: " ";
  display: table;
}

/* line 48, resources/scss/_mixins.scss */
.page-type-variables #district-trigger:after {
  clear: both;
}

/* line 208, resources/scss/pages/_variable.scss */
.page-type-variables #district-trigger span {
  display: block;
  float: left;
  white-space: nowrap;
  color: #0058cf;
}

/* line 215, resources/scss/pages/_variable.scss */
.page-type-variables #district-trigger .text {
  margin-top: -2px;
  text-indent: -300px;
  -webkit-transition: text-indent 0.5s;
  -moz-transition: text-indent 0.5s;
  -o-transition: text-indent 0.5s;
  transition: text-indent 0.5s;
}

/* line 221, resources/scss/pages/_variable.scss */
.page-type-variables #district-trigger .icon {
  padding-left: 10px;
  font-size: 1.25rem;
}

/* line 226, resources/scss/pages/_variable.scss */
.page-type-variables #district-trigger:hover {
  padding-left: 15px;
}

/* line 229, resources/scss/pages/_variable.scss */
.page-type-variables #district-trigger:hover .text {
  text-indent: 0;
}

/* line 235, resources/scss/pages/_variable.scss */
.esri-view-width-greater-than-xsmall .esri-expand__content {
  z-index: 100;
}

/* line 238, resources/scss/pages/_variable.scss */
.esri-scale-bar.esri-widget {
  margin-bottom: 45px;
}

/* line 241, resources/scss/pages/_variable.scss */
.legend-image {
  max-height: 16rem;
  max-width: none;
}

/* line 245, resources/scss/pages/_variable.scss */
.scenario-map-overlay-container {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  pointer-events: none;
  display: flex;
  z-index: 100;
  flex-flow: row wrap;
  justify-content: flex-end;
  align-content: flex-end;
}

/* line 259, resources/scss/pages/_variable.scss */
.scenario-map-overlay-container > * {
  pointer-events: auto;
}

/* line 261, resources/scss/pages/_variable.scss */
.scenario-map-overlay-container .movable {
  position: absolute;
  top: 0;
  left: 50%;
  width: 4px;
  height: 100%;
  margin: 0;
  padding: 0 !important;
  background: white;
  z-index: -1;
  cursor: col-resize;
  box-shadow: 1px 0 2px 0 rgba(0, 0, 0, 0.15);
}

/* line 273, resources/scss/pages/_variable.scss */
.scenario-map-overlay-container .movable .handle {
  display: block;
  position: absolute;
  top: 45%;
  left: -23px;
  width: 50px;
  height: 29px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
  background: url(../img/swipe-arrows-stripe.png) center center rgba(34, 105, 179, 0.87);
  background-size: 110% auto;
  background-repeat: no-repeat;
  box-shadow: 1px 0 2px 0 rgba(0, 0, 0, 0.15);
}

/* line 288, resources/scss/pages/_variable.scss */
.scenario-map-overlay-container .bottom-scenario-controls {
  display: flex;
  flex-flow: row nowrap;
  flex: 0 0 auto;
  width: 100%;
  pointer-events: none;
  padding: 1rem;
}

/* line 297, resources/scss/pages/_variable.scss */
.scenario-map-overlay-container .left-scenario-controls {
  justify-self: flex-start;
  align-self: flex-end;
  display: flex;
  flex: 1 0 50%;
  justify-content: flex-start;
  flex-flow: row wrap;
}

/* line 305, resources/scss/pages/_variable.scss */
.scenario-map-overlay-container .left-scenario-controls > * {
  pointer-events: auto;
}

/* line 307, resources/scss/pages/_variable.scss */
.scenario-map-overlay-container .right-scenario-controls {
  justify-self: flex-end;
  align-self: flex-end;
  display: flex;
  flex: 1 0 50%;
  justify-content: flex-start;
  flex-flow: row-reverse wrap;
}

/* line 315, resources/scss/pages/_variable.scss */
.scenario-map-overlay-container .right-scenario-controls > * {
  pointer-events: auto;
}

/* line 318, resources/scss/pages/_variable.scss */
.scenario-map-overlay-container .left-scenario-dropdown, .scenario-map-overlay-container .right-scenario-dropdown {
  flex: 0 auto;
  width: 14rem;
  margin: 5px;
}

/* line 322, resources/scss/pages/_variable.scss */
.scenario-map-overlay-container .left-scenario-dropdown .fs-dropdown, .scenario-map-overlay-container .right-scenario-dropdown .fs-dropdown {
  position: relative;
  float: none;
}

/* line 326, resources/scss/pages/_variable.scss */
.scenario-map-overlay-container .left-scenario-dropdown .fs-dropdown button, .scenario-map-overlay-container .right-scenario-dropdown .fs-dropdown button {
  padding: 1rem !important;
  font-size: 0.8rem !important;
  line-height: 0.7rem !important;
}

/* line 332, resources/scss/pages/_variable.scss */
.scenario-map-overlay-container .left-scenario-dropdown .dropdown, .scenario-map-overlay-container .right-scenario-dropdown .dropdown {
  display: block;
  padding: 1rem;
  font-size: 0.8rem;
  line-height: 0.7rem;
  text-align: center;
  background: none;
  font-family: montserrat-regular, sans-serif;
  color: #2269b3;
  letter-spacing: 1px;
  text-transform: uppercase;
  border: solid #ffffff 1px;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

/* line 346, resources/scss/pages/_variable.scss */
.scenario-map-overlay-container .left-scenario-dropdown .dropdown button, .scenario-map-overlay-container .right-scenario-dropdown .dropdown button {
  background: rgba(255, 255, 255, 0.83);
}

/* line 352, resources/scss/pages/_variable.scss */
.scenario-map-overlay-container .year {
  flex: 1 0 auto;
  max-width: 96%;
  min-width: 20rem;
  height: 2.7rem;
  background: rgba(255, 255, 255, 0.75);
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  margin: 5px;
  -webkit-transition: 0.25s;
  -moz-transition: 0.25s;
  -o-transition: 0.25s;
  transition: 0.25s;
}

/* line 364, resources/scss/pages/_variable.scss */
.scenario-map-overlay-container .year:hover {
  background: rgba(255, 255, 255, 0.7);
}

/* line 368, resources/scss/pages/_variable.scss */
.scenario-map-overlay-container .year .ui-slider {
  position: relative;
  flex: 1 0 auto;
  margin: 0.7rem;
}

/* line 372, resources/scss/pages/_variable.scss */
.scenario-map-overlay-container .year .ui-slider .ui-slider-handle {
  width: 1.8rem;
  height: 1.8rem;
  border: 0.18rem solid #f5442d;
  font-size: 1.2rem;
  line-height: 1.2rem;
  background: #ffffff;
  text-align: center;
  top: -0.7rem;
  margin: 0;
  margin-left: -0.9rem;
  padding: 0;
  color: #f5442d;
  -webkit-box-shadow: 0 0 4px rgba(0, 88, 207, 0.25);
  -moz-box-shadow: 0 0 4px rgba(0, 88, 207, 0.25);
  box-shadow: 0 0 4px rgba(0, 88, 207, 0.25);
}

/* line 387, resources/scss/pages/_variable.scss */
.scenario-map-overlay-container .year .ui-slider .ui-slider-handle:hover {
  -webkit-box-shadow: 0 0 7px rgba(0, 88, 207, 0.4);
  -moz-box-shadow: 0 0 7px rgba(0, 88, 207, 0.4);
  box-shadow: 0 0 7px rgba(0, 88, 207, 0.4);
}

/* line 393, resources/scss/pages/_variable.scss */
.scenario-map-overlay-container .year .year-label {
  flex: 0 auto;
  text-align: center;
  margin: 0.5rem 1rem;
}

/* line 400, resources/scss/pages/_variable.scss */
.scenario-map-overlay-container .year.disabled {
  flex-grow: 0;
  min-width: 0;
  padding: 0px 1rem;
  background: rgba(255, 255, 255, 0.75);
  border: 0px solid #ffffff;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  font: 0.9rem/0.9rem Roboto, Helvetica, "Helvetica Neue", Arial, sans-serif;
}

/* line 413, resources/scss/pages/_variable.scss */
.scenario-map-overlay-container .tooltip {
  top: -2.6rem;
  left: 50%;
  padding: 0.5rem;
  font: 0.9rem/0.9rem Roboto, Helvetica, "Helvetica Neue", Arial, sans-serif;
}

/* line 421, resources/scss/pages/_variable.scss */
.county-overlay {
  padding: 2rem;
  background: #0058cf;
  position: absolute;
  z-index: 200;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color: white;
}

/* line 428, resources/scss/pages/_variable.scss */
.county-overlay .county-overlay-inner {
  max-width: 900px;
}

/* line 432, resources/scss/pages/_variable.scss */
.county-overlay .county-overlay-close {
  position: absolute;
  top: 10px;
  right: 25px;
  font-size: 2rem;
  color: #ffffff;
  cursor: pointer;
}

/* line 440, resources/scss/pages/_variable.scss */
.county-overlay header {
  position: relative !important;
  background-color: transparent !important;
}

/* line 42, resources/scss/_mixins.scss */
.county-overlay header:before, .county-overlay header:after {
  content: " ";
  display: table;
}

/* line 48, resources/scss/_mixins.scss */
.county-overlay header:after {
  clear: both;
}

/* line 444, resources/scss/pages/_variable.scss */
.county-overlay header a {
  color: white;
}

/* line 446, resources/scss/pages/_variable.scss */
.county-overlay .data-accordion-actions {
  float: none;
  position: inherit;
  width: 100%;
}

/* line 42, resources/scss/_mixins.scss */
.county-overlay .data-accordion-actions:before, .county-overlay .data-accordion-actions:after {
  content: " ";
  display: table;
}

/* line 48, resources/scss/_mixins.scss */
.county-overlay .data-accordion-actions:after {
  clear: both;
}

/* line 451, resources/scss/pages/_variable.scss */
.county-overlay .data-accordion-actions .how-to-read {
  position: inherit;
  float: left;
}

/* line 455, resources/scss/pages/_variable.scss */
.county-overlay .data-accordion-actions .download-data, .county-overlay .data-accordion-actions .download-image {
  float: right;
}

/* line 458, resources/scss/pages/_variable.scss */
.county-overlay .data-accordion-actions a {
  color: white !important;
}

/* line 459, resources/scss/pages/_variable.scss */
.county-overlay .data-accordion-actions a .icon {
  color: white !important;
}

/* line 463, resources/scss/pages/_variable.scss */
.county-overlay .range {
  position: relative;
  margin-top: 35px;
}

/* line 464, resources/scss/pages/_variable.scss */
.county-overlay .range .range-label {
  color: white;
}

/* line 465, resources/scss/pages/_variable.scss */
.county-overlay .range .ui-slider {
  position: relative;
}

/* line 467, resources/scss/pages/_variable.scss */
.county-overlay .legend-item {
  background: rgba(255, 255, 255, 0.3);
}

/* line 1, resources/scss/pages/_stations.scss */
.page-type-stations {
  overflow: hidden;
}

/* line 4, resources/scss/pages/_stations.scss */
.page-type-stations #viewport {
  position: relative;
  overflow: hidden;
  height: calc(100% - 110px);
  width: calc(80% - 50px);
  left: calc(20% + 30px);
  top: 110px;
}

/* line 14, resources/scss/pages/_stations.scss */
.page-type-stations #vars-legend h5 {
  margin: 0 0 6px 0;
  font: 1rem/1em "CESans-Heavy", Helvetica, "Helvetica Neue", Arial, sans-serif;
  color: #233a70;
}

/* line 20, resources/scss/pages/_stations.scss */
.page-type-stations #vars-legend h6 {
  margin: 0 0 10px 0;
  font: 0.75rem/1.25em "CESans", Roboto, Helvetica, "Helvetica Neue", Arial, sans-serif;
  color: #5f5f5f;
}

/* line 26, resources/scss/pages/_stations.scss */
.page-type-stations #vars-legend .legend {
  width: 100%;
  margin: 0 0 10px 0;
  padding: 20px;
  background: #d5e8f2;
  font: 0.75rem/1em Monaco, monospace;
  color: #233a70;
}

/* line 34, resources/scss/pages/_stations.scss */
.page-type-stations #vars-legend .legend ul {
  margin: 15px 0 0 0;
}

/* line 38, resources/scss/pages/_stations.scss */
.page-type-stations #vars-legend .legend li {
  margin: 10px 0;
}

/* line 42, resources/scss/pages/_stations.scss */
.page-type-stations #vars-legend .legend .color {
  width: 8%;
  margin: 0 8% 0 0;
  padding: 0 0 8% 0;
}

/* line 50, resources/scss/pages/_stations.scss */
.page-type-stations #main-content-wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* line 53, resources/scss/pages/_stations.scss */
.page-type-stations #main-content-wrap #stations-map {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* line 57, resources/scss/pages/_stations.scss */
.page-type-stations #main-content-wrap #map-seasons-container {
  position: absolute;
  top: 20px;
  left: calc(20% + 35px);
}

/* line 63, resources/scss/pages/_stations.scss */
.page-type-stations #main-content-wrap .fs-dropdown {
  margin: 0;
  -webkit-transition: 0.25s;
  -moz-transition: 0.25s;
  -o-transition: 0.25s;
  transition: 0.25s;
}

/* line 67, resources/scss/pages/_stations.scss */
.page-type-stations #main-content-wrap .fs-dropdown button {
  height: auto;
  padding: 12px;
  padding-right: 40px;
  background: rgba(255, 255, 255, 0.6);
  border: 5px solid #ffffff;
  color: #0058cf;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  font: 400 1.125rem/1em Roboto, Helvetica, "Helvetica Neue", Arial, sans-serif;
  -webkit-transition: 0.25s;
  -moz-transition: 0.25s;
  -o-transition: 0.25s;
  transition: 0.25s;
}

/* line 82, resources/scss/pages/_stations.scss */
.page-type-stations #main-content-wrap .fs-dropdown-open .fs-dropdown-selected,
.page-type-stations #main-content-wrap .fs-dropdown-focus .fs-dropdown-selected {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  background: #ffffff;
}

/* line 88, resources/scss/pages/_stations.scss */
.page-type-stations #main-content-wrap .fs-dropdown-options {
  background: rgba(255, 255, 255, 0.8);
  border: none;
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

/* line 94, resources/scss/pages/_stations.scss */
.page-type-stations #main-content-wrap .fs-dropdown-options button {
  padding: 10px;
  font-size: 1rem;
}

/* line 98, resources/scss/pages/_stations.scss */
.page-type-stations #main-content-wrap .fs-dropdown-options button:hover {
  background: #ebebeb;
}

/* line 104, resources/scss/pages/_stations.scss */
.page-type-stations #main-content-wrap .split-pane {
  z-index: 1;
}

/* line 108, resources/scss/pages/_stations.scss */
.page-type-stations #main-content-wrap #pane-left {
  background: url(../img/bg_variables-low.jpg) #ffffff no-repeat center;
  background-attachment: fixed;
  background-size: cover;
}

/* line 114, resources/scss/pages/_stations.scss */
.page-type-stations #main-content-wrap #pane-right {
  background: url(../img/bg_variables-high.jpg) #ffffff no-repeat center;
  background-attachment: fixed;
  background-size: cover;
}

/* line 120, resources/scss/pages/_stations.scss */
.page-type-stations #main-content-wrap .year {
  z-index: 3;
}

/* line 124, resources/scss/pages/_stations.scss */
.page-type-stations #main-content-wrap .zoom {
  z-index: 4;
}

/* line 129, resources/scss/pages/_stations.scss */
.page-type-stations .data-accordion-actions {
  float: right;
  margin-top: -15px;
}

/* line 133, resources/scss/pages/_stations.scss */
.page-type-stations .data-accordion-actions a {
  display: inline-block;
  padding: 10px;
  color: #5f5f5f;
  -moz-transition: 0.25s;
  -o-transition: 0.25s;
  -webkit-transition: 0.25s;
  transition: 0.25s;
}

/* line 142, resources/scss/pages/_stations.scss */
.page-type-stations .data-accordion-actions a .icon {
  margin: 0 8px 0 0;
  font-size: 1.25rem;
  color: #f5442d;
}

/* line 148, resources/scss/pages/_stations.scss */
.page-type-stations .data-accordion-actions a:hover {
  background: #d5e8f2;
}

/* line 154, resources/scss/pages/_stations.scss */
.page-type-stations #variable-slider {
  width: 95%;
  margin: auto;
  margin-top: 23px;
  margin-bottom: 50px;
  position: relative;
}

/* line 163, resources/scss/pages/_stations.scss */
.page-type-stations #vars-menu .layer-info {
  display: none;
  position: absolute;
  top: 0;
  left: 100%;
  width: 210%;
  width: calc(200% + 40px);
  height: auto;
  padding: 10%;
  background: rgba(255, 255, 255, 0.9);
  color: #5f5f5f;
  white-space: normal;
}

/* line 176, resources/scss/pages/_stations.scss */
.page-type-stations #vars-menu .layer-info:before {
  content: '';
  display: block;
  position: absolute;
  left: -20px;
  top: 22px;
  width: 0;
  height: 0;
  border: 10px solid #ffffff;
  border-color: transparent #ffffff transparent transparent;
}

/* line 188, resources/scss/pages/_stations.scss */
.page-type-stations #vars-menu .layer-info h3 {
  margin: 0 0 10px 0;
  font-size: 1.625rem;
  color: #f5442d;
}

/* line 194, resources/scss/pages/_stations.scss */
.page-type-stations #vars-menu .layer-info p {
  margin: 0 0 12px 0;
}

/* line 199, resources/scss/pages/_stations.scss */
.page-type-stations #vars-menu .help {
  padding: 0;
  float: left;
  margin: 0;
  background: none;
  margin-top: 30px;
  margin-left: 27px;
  margin-right: 7px;
}

/* line 211, resources/scss/pages/_stations.scss */
.page-type-stations #vars-legend h5 {
  margin: 0 0 6px 0;
  font: 1rem/1em "CESans-Heavy", Helvetica, "Helvetica Neue", Arial, sans-serif;
  color: #233a70;
}

/* line 217, resources/scss/pages/_stations.scss */
.page-type-stations #vars-legend h6 {
  margin: 0 0 10px 0;
  font: 0.75rem/1.25em "CESans", Roboto, Helvetica, "Helvetica Neue", Arial, sans-serif;
  color: #5f5f5f;
}

/* line 223, resources/scss/pages/_stations.scss */
.page-type-stations #vars-legend .legend {
  width: 100%;
  margin: 0 0 10px 0;
  padding: 20px;
  background: #d5e8f2;
  font: 0.75rem/1em Monaco, monospace;
  color: #233a70;
}

/* line 231, resources/scss/pages/_stations.scss */
.page-type-stations #vars-legend .legend ul {
  margin: 15px 0 0 0;
}

/* line 235, resources/scss/pages/_stations.scss */
.page-type-stations #vars-legend .legend li {
  margin: 10px 0;
}

/* line 239, resources/scss/pages/_stations.scss */
.page-type-stations #vars-legend .legend .color {
  width: 8%;
  margin: 0 8% 0 0;
  padding: 0 0 8% 0;
}

/* line 247, resources/scss/pages/_stations.scss */
.page-type-stations .chart-legend {
  overflow: hidden;
  padding-top: 20px;
}

/* line 252, resources/scss/pages/_stations.scss */
.page-type-stations .ol-zoom {
  display: none;
}

/* line 256, resources/scss/pages/_stations.scss */
.page-type-stations .ol-scale-line {
  background: rgba(0, 60, 136, 0.3);
  border-radius: 4px;
  top: 20px;
  bottom: auto;
  left: auto;
  right: 100px;
}

/* line 265, resources/scss/pages/_stations.scss */
.page-type-stations #district-trigger {
  position: absolute;
  top: 15%;
  left: 20%;
  left: calc(20% + 20px);
  padding: 15px 15px 15px 0;
  color: #0058cf;
  background: #ffffff;
  -webkit-transition: padding 0.5s;
  -moz-transition: padding 0.5s;
  -o-transition: padding 0.5s;
  transition: padding 0.5s;
}

/* line 42, resources/scss/_mixins.scss */
.page-type-stations #district-trigger:before, .page-type-stations #district-trigger:after {
  content: " ";
  display: table;
}

/* line 48, resources/scss/_mixins.scss */
.page-type-stations #district-trigger:after {
  clear: both;
}

/* line 276, resources/scss/pages/_stations.scss */
.page-type-stations #district-trigger span {
  display: block;
  float: left;
  white-space: nowrap;
  color: #0058cf;
}

/* line 283, resources/scss/pages/_stations.scss */
.page-type-stations #district-trigger .text {
  margin-top: -2px;
  text-indent: -300px;
  -webkit-transition: text-indent 0.5s;
  -moz-transition: text-indent 0.5s;
  -o-transition: text-indent 0.5s;
  transition: text-indent 0.5s;
}

/* line 289, resources/scss/pages/_stations.scss */
.page-type-stations #district-trigger .icon {
  padding-left: 10px;
  font-size: 1.25rem;
}

/* line 294, resources/scss/pages/_stations.scss */
.page-type-stations #district-trigger:hover {
  padding-left: 15px;
}

/* line 297, resources/scss/pages/_stations.scss */
.page-type-stations #district-trigger:hover .text {
  text-indent: 0;
}

/* line 305, resources/scss/pages/_stations.scss */
#stations-spinner {
  display: none;
  position: absolute;
  left: 50%;
  top: 50%;
  height: 50px;
  padding: 10px 14px;
  background: rgba(255, 255, 255, 0.75);
  transform: translate(-50%, -50%);
  z-index: 15;
}

/* line 316, resources/scss/pages/_stations.scss */
#station-overlay-container {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 1;
  left: 0;
  visibility: hidden;
  transition: left 0s ease 0.25s, opacity 0.25s ease 0s;
  background: rgba(245, 68, 45, 0.95);
  z-index: 10;
  overflow-x: hidden;
  overflow-y: auto;
}

/* line 42, resources/scss/_mixins.scss */
#station-overlay-container:before, #station-overlay-container:after {
  content: " ";
  display: table;
}

/* line 48, resources/scss/_mixins.scss */
#station-overlay-container:after {
  clear: both;
}

/* line 331, resources/scss/pages/_stations.scss */
#thresholds-container {
  position: relative;
  padding: 25px;
  min-height: 300px;
  margin-left: 200px;
  margin-right: calc(20% + -25px);
  max-width: 80% !important;
  background-color: white;
}

/* line 340, resources/scss/pages/_stations.scss */
#threshold_inputs {
  display: block;
  position: absolute;
  margin-left: 35px;
  color: white;
  font-size: 0.9em;
}

/* line 346, resources/scss/pages/_stations.scss */
#threshold_inputs input {
  background-color: #f44c36;
  padding: 5px;
  margin-top: 0;
  margin-bottom: 13px;
  border: 1px solid white;
  color: white;
  width: 120px;
  font-size: 0.9em;
}

/* line 356, resources/scss/pages/_stations.scss */
#threshold_inputs select {
  background-color: #f44c36;
  padding: 5px;
  margin-top: 0px;
  margin-bottom: 13px;
  border: 1px solid white;
  color: white;
  font-size: 0.9em;
}

/* line 366, resources/scss/pages/_stations.scss */
#tidal-chart {
  background-color: white;
  height: 100%;
  width: 100%;
  position: relative;
}

/* line 372, resources/scss/pages/_stations.scss */
#overlay-chart-container {
  margin: 25px;
  height: 50vh;
  width: calc(100% - 50px);
}

/* line 377, resources/scss/pages/_stations.scss */
#overlay-thresholds-container {
  padding: 25px;
  max-height: 70vh !important;
  width: calc(100% - 50px);
}

/* line 382, resources/scss/pages/_stations.scss */
.left_chart {
  position: relative;
  width: calc(50% - 40px);
  margin: 0 20px;
  float: left;
  height: 40vh;
  background-color: white;
}

/* line 390, resources/scss/pages/_stations.scss */
.right_chart {
  position: relative;
  width: calc(50% - 40px);
  margin: 0 20px 0 20px;
  float: left;
  height: 40vh;
  background-color: white;
}

/* line 398, resources/scss/pages/_stations.scss */
#station-overlay-close {
  position: absolute;
  top: 10px;
  right: 25px;
  font-size: 2rem;
  color: #ffffff;
  cursor: pointer;
}

/* line 408, resources/scss/pages/_stations.scss */
#station-overlay-header {
  height: 120px;
  color: #ffffff;
  padding: 20px 20px 0 20px;
}

/* line 42, resources/scss/_mixins.scss */
#station-overlay-header:before, #station-overlay-header:after {
  content: " ";
  display: table;
}

/* line 48, resources/scss/_mixins.scss */
#station-overlay-header:after {
  clear: both;
}

/* line 414, resources/scss/pages/_stations.scss */
#station-overlay-header h3 {
  padding: 0;
}

/* line 418, resources/scss/pages/_stations.scss */
#station-overlay-header h5 {
  float: left;
  width: 30%;
  font-size: 1.125rem;
  font-family: "CESans", Roboto, Helvetica, "Helvetica Neue", Arial, sans-serif;
}

/* line 425, resources/scss/pages/_stations.scss */
.station_overlay_text a, .station_overlay_text a:focus {
  color: white;
  text-decoration: underline;
}

/* line 427, resources/scss/pages/_stations.scss */
.form-group {
  font-size: 0.75rem;
}

/* line 42, resources/scss/_mixins.scss */
.form-group:before, .form-group:after {
  content: " ";
  display: table;
}

/* line 48, resources/scss/_mixins.scss */
.form-group:after {
  clear: both;
}

/* line 431, resources/scss/pages/_stations.scss */
.form-group label {
  color: #ffffff;
  display: block;
}

/* line 436, resources/scss/pages/_stations.scss */
.form-group select {
  font-family: Roboto, Helvetica, "Helvetica Neue", Arial, sans-serif;
  font-size: 0.75rem;
  border: 0 !important;
  padding: 3px;
}

/* line 443, resources/scss/pages/_stations.scss */
.form-group input {
  display: inline-block;
  width: 100%;
  background-color: #ffffff;
  border: 0;
  font-family: Roboto, Helvetica, "Helvetica Neue", Arial, sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  padding: 4px 8px;
}

/* line 454, resources/scss/pages/_stations.scss */
.form-group .field-pair {
  float: left;
}

/* line 458, resources/scss/pages/_stations.scss */
.form-group .field-pair.append input {
  width: 100%;
}

/* line 462, resources/scss/pages/_stations.scss */
.form-group .field-pair.append .append {
  color: #ffffff;
  display: inline-block;
  padding-left: 4px;
  vertical-align: middle;
}

/* line 472, resources/scss/pages/_stations.scss */
.station_overlay_text p {
  width: 100%;
  padding: 10px 0;
  overflow: hidden;
  color: #ffffff !important;
  font-size: 1.125rem;
  font-family: Roboto, Helvetica, "Helvetica Neue", Arial, sans-serif;
}

/* line 480, resources/scss/pages/_stations.scss */
.station_overlay_text {
  width: 100%;
  min-height: 100px;
  overflow-y: auto;
}

/* line 487, resources/scss/pages/_stations.scss */
.station-overlay-content {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: calc(100% - 120px);
  opacity: 1;
  transition: left 0s ease 0.25s, opacity 0.25s ease 0s;
  padding: 20px;
  z-index: 20;
}

/* line 497, resources/scss/pages/_stations.scss */
.station-overlay-column {
  position: relative;
  float: left;
  width: 50%;
  height: 100%;
}

/* line 503, resources/scss/pages/_stations.scss */
.station-overlay-column.left {
  padding-right: 40px;
}

/* line 506, resources/scss/pages/_stations.scss */
.station-overlay-column.left:after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  width: 0;
  height: 0;
  border: 20px solid transparent;
  border-left-color: #ffffff;
}

/* line 519, resources/scss/pages/_stations.scss */
#stations-map .esri-display-object, #stations-map .esri-display-object svg {
  pointer-events: none;
}

/* line 522, resources/scss/pages/_stations.scss */
#stations-map .esri-display-object svg {
  filter: drop-shadow(0.5px 0.5px 1px rgba(0, 0, 0, 0.2));
}

/* line 525, resources/scss/pages/_stations.scss */
#stations-map svg g circle {
  pointer-events: all;
  cursor: pointer;
}

/* line 2, resources/scss/pages/_case.scss */
.page-type-case #viewport {
  overflow: hidden;
}

/* line 5, resources/scss/pages/_case.scss */
.page-type-case #viewport #main-content-wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* line 9, resources/scss/pages/_case.scss */
.page-type-case #viewport #map {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* line 14, resources/scss/pages/_case.scss */
.page-type-case #case-menu {
  /*li {
      &:last-child,
      &:nth-last-child(2) {
        .layer-info {
          top: auto;
          bottom: 0;
          
          &:before {
            top: auto;
            bottom: 22px;
          }
        }
      }
    }*/
}

/* line 15, resources/scss/pages/_case.scss */
.page-type-case #case-menu li {
  position: static;
}

/* line 19, resources/scss/pages/_case.scss */
.page-type-case #case-menu .ui-state-highlight {
  background: #d5e8f2;
}

/* line 23, resources/scss/pages/_case.scss */
.page-type-case #case-menu .legend {
  position: relative;
  padding: 6%;
  -webkit-transition: background 0.25s;
  -moz-transition: background 0.25s;
  -o-transition: background 0.25s;
  transition: background 0.25s;
  /*
      
      
      .visibility {
        float: right;
        width: 24px;
        height: 24px;
        margin-top: 0px;
      }*/
}

/* line 53, resources/scss/_mixins.scss */
.page-type-case #case-menu .legend:before, .page-type-case #case-menu .legend:after {
  content: " ";
  display: table;
}

/* line 59, resources/scss/_mixins.scss */
.page-type-case #case-menu .legend:after {
  clear: both;
}

/* line 34, resources/scss/pages/_case.scss */
.page-type-case #case-menu .legend .icons .icon {
  padding: 0;
  margin: 0 10px 0 0;
  opacity: 0.5;
  -webkit-transition: 0.25s;
  -moz-transition: 0.25s;
  -o-transition: 0.25s;
  transition: 0.25s;
  cursor: pointer;
}

/* line 41, resources/scss/pages/_case.scss */
.page-type-case #case-menu .legend .icons .icon:hover {
  opacity: 0.75;
}

/* line 45, resources/scss/pages/_case.scss */
.page-type-case #case-menu .legend .icons .icon.layer-order {
  cursor: move;
}

/* line 51, resources/scss/pages/_case.scss */
.page-type-case #case-menu .legend .help {
  display: inline-block;
  background: none;
}

/* line 58, resources/scss/pages/_case.scss */
.page-type-case #case-menu .legend .sublayer-slider {
  position: relative;
  clear: both;
  margin-top: 10px;
}

/* line 64, resources/scss/pages/_case.scss */
.page-type-case #case-menu .legend .sublayer-slider.ui-slider .ui-slider-handle {
  background: #ebebeb;
}

/* line 70, resources/scss/pages/_case.scss */
.page-type-case #case-menu .legend .sublayer-range-values {
  font-size: 0.8em;
  margin-top: 7px;
}

/* line 77, resources/scss/pages/_case.scss */
.page-type-case #case-menu .legend.ui-sortable-helper .icon .layer-order {
  opacity: 1;
}

/* line 95, resources/scss/pages/_case.scss */
.page-type-case #case-menu .legend li {
  position: relative;
  margin: 10px 0 0 0;
}

/* line 100, resources/scss/pages/_case.scss */
.page-type-case #case-menu .legend .color {
  display: block;
  width: 100%;
  height: 0;
  padding: 0 0 30% 0;
}

/* line 107, resources/scss/pages/_case.scss */
.page-type-case #case-menu .legend .tooltip {
  font-size: 0.875rem;
}

/* line 113, resources/scss/pages/_case.scss */
.page-type-case #case-menu .legend.info-on {
  background: rgba(245, 68, 45, 0.92);
}

/* line 116, resources/scss/pages/_case.scss */
.page-type-case #case-menu .legend.info-on .help {
  opacity: 1;
}

/* line 121, resources/scss/pages/_case.scss */
.page-type-case #case-menu .legend .layer-info {
  display: none;
  position: absolute;
  top: 0;
  left: 100%;
  width: 210%;
  width: calc(200% + 40px);
  height: auto;
  max-height: 600px;
  padding: 10%;
  background: rgba(255, 255, 255, 0.9);
  color: #5f5f5f;
  white-space: normal;
}

/* line 135, resources/scss/pages/_case.scss */
.page-type-case #case-menu .legend .layer-info:before {
  content: '';
  display: block;
  position: absolute;
  left: -20px;
  top: 22px;
  width: 0;
  height: 0;
  border: 10px solid #ffffff;
  border-color: transparent #ffffff transparent transparent;
}

/* line 147, resources/scss/pages/_case.scss */
.page-type-case #case-menu .legend .layer-info h3 {
  margin: 0 0 10px 0;
  font-size: 1.625rem;
  color: #f5442d;
}

/* line 153, resources/scss/pages/_case.scss */
.page-type-case #case-menu .legend .layer-info p {
  margin: 0 0 12px 0;
}

/* line 157, resources/scss/pages/_case.scss */
.page-type-case #case-menu .legend .layer-info .source-link {
  padding: 0;
  background: transparent;
  color: #0058cf;
  display: inline;
}

/* line 164, resources/scss/pages/_case.scss */
.page-type-case #case-menu .legend .layer-info .opacity-slider-wrap {
  margin: 5% 0;
}

/* line 53, resources/scss/_mixins.scss */
.page-type-case #case-menu .legend .layer-info .opacity-slider-wrap:before, .page-type-case #case-menu .legend .layer-info .opacity-slider-wrap:after {
  content: " ";
  display: table;
}

/* line 59, resources/scss/_mixins.scss */
.page-type-case #case-menu .legend .layer-info .opacity-slider-wrap:after {
  clear: both;
}

/* line 168, resources/scss/pages/_case.scss */
.page-type-case #case-menu .legend .layer-info .opacity-slider-wrap h4 {
  float: left;
  width: 25%;
  font: 0.875rem/1em Roboto, Helvetica, "Helvetica Neue", Arial, sans-serif;
}

/* line 174, resources/scss/pages/_case.scss */
.page-type-case #case-menu .legend .layer-info .opacity-slider-wrap .opacity-slider {
  position: relative;
  float: left;
  width: 75%;
  margin-top: 3px;
}

/* line 183, resources/scss/pages/_case.scss */
.page-type-case #case-menu .legend .layer-info .info-accordion h4 {
  padding: 10px 0;
  outline: none;
  -webkit-transition: 0.25s;
  -moz-transition: 0.25s;
  -o-transition: 0.25s;
  transition: 0.25s;
}

/* line 188, resources/scss/pages/_case.scss */
.page-type-case #case-menu .legend .layer-info .info-accordion h4.ui-accordion-header-active {
  color: #f5442d;
}

/* line 194, resources/scss/pages/_case.scss */
.page-type-case #case-menu .legend .layer-info .actions {
  text-align: right;
}

/* line 197, resources/scss/pages/_case.scss */
.page-type-case #case-menu .legend .layer-info .actions a {
  display: inline-block;
  margin: 0 0 0 10px;
  padding: 8px 12px;
  background: #d5e8f2;
  color: #0058cf;
}

/* line 204, resources/scss/pages/_case.scss */
.page-type-case #case-menu .legend .layer-info .actions a .icon {
  margin-right: 10px;
}

/* line 668, resources/scss/screen.scss */
.page-type-text #viewport {
  background-color: rgba(213, 232, 242, 0.5);
  top: 20px;
  height: calc(100% - 40px);
  margin-top: 95px;
}

/* line 675, resources/scss/screen.scss */
#standard-splash {
  padding-bottom: 40px;
}

/* line 678, resources/scss/screen.scss */
#subnav ul {
  position: absolute;
  right: 20px;
  top: 17px;
}

/* line 683, resources/scss/screen.scss */
#standard-body {
  max-width: 75%;
  padding-left: calc(4% + 10px);
}

/* line 687, resources/scss/screen.scss */
#standard-body a {
  text-decoration: underline;
}

/* line 691, resources/scss/screen.scss */
#standard-body p {
  line-height: 1.75em;
  margin: 0 0 20px 0;
}

/* line 696, resources/scss/screen.scss */
#standard-body strong {
  font-weight: 600;
}

/* line 700, resources/scss/screen.scss */
#standard-body h2 {
  margin: 30px 0;
  font-size: 2rem;
  color: #0058cf;
}

/* line 706, resources/scss/screen.scss */
#standard-body h3 {
  margin: 20px 0;
  font-size: 1.75rem;
  color: #f5442d;
}

/* line 712, resources/scss/screen.scss */
#standard-body h4 {
  margin: 0 0 15px 0;
  font-size: 1.25rem;
  line-height: 1.375em;
}

/* line 718, resources/scss/screen.scss */
#standard-body ul, #standard-body ol {
  margin: 0 20px 30px 20px;
  padding: 0 0 0 30px;
  font: 300 1rem/1.5em Roboto, Helvetica, "Helvetica Neue", Arial, sans-serif;
}

/* line 723, resources/scss/screen.scss */
#standard-body ul li, #standard-body ol li {
  margin: 0 0 10px 0;
}

/* line 728, resources/scss/screen.scss */
#standard-body ol {
  list-style-type: decimal;
}

/* line 732, resources/scss/screen.scss */
#standard-body li {
  list-style-type: disc;
}

/* line 736, resources/scss/screen.scss */
#standard-body dl {
  margin: 0 0 30px 0;
  font: 300 1rem/1.5em Roboto, Helvetica, "Helvetica Neue", Arial, sans-serif;
}

/* line 740, resources/scss/screen.scss */
#standard-body dl dt {
  margin: 0 0 15px 0;
  padding-bottom: 10px;
  border-bottom: 1px solid #dddddd;
  color: #444444;
  font-weight: 400;
}

/* line 748, resources/scss/screen.scss */
#standard-body dl dd {
  margin: 0 0 25px 0;
}

/* line 753, resources/scss/screen.scss */
#standard-body hr {
  display: block;
  height: 3px;
  margin: 60px 0;
  border: none;
  background: #f5442d;
}

/* line 1, resources/scss/plugins/_shepherd-theme-arrows.scss */
.shepherd-element, .shepherd-element:after, .shepherd-element:before, .shepherd-element *, .shepherd-element *:after, .shepherd-element *:before {
  box-sizing: border-box;
}

/* line 5, resources/scss/plugins/_shepherd-theme-arrows.scss */
.shepherd-element {
  position: absolute;
  display: none;
}

/* line 10, resources/scss/plugins/_shepherd-theme-arrows.scss */
.shepherd-element.shepherd-open {
  display: block;
  z-index: 100;
}

/* line 15, resources/scss/plugins/_shepherd-theme-arrows.scss */
.shepherd-element.shepherd-theme-arrows {
  max-width: 100%;
  max-height: 100%;
}

/* line 20, resources/scss/plugins/_shepherd-theme-arrows.scss */
.shepherd-element.shepherd-theme-arrows .shepherd-content {
  width: 400px;
  max-width: 100%;
}

/* line 25, resources/scss/plugins/_shepherd-theme-arrows.scss */
.shepherd-content header {
  background: none;
  height: 0px;
}

/* line 30, resources/scss/plugins/_shepherd-theme-arrows.scss */
.shepherd-element.shepherd-theme-arrows .shepherd-content {
  border-radius: 5px;
  position: relative;
  font-family: inherit;
  background: #fff;
  color: #444;
  padding: 1em;
  font-size: 1.1em;
  line-height: 1.5em;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-filter: drop-shadow(0 1px 4px rgba(0, 0, 0, 0.2));
  filter: drop-shadow(0 1px 4px rgba(0, 0, 0, 0.2));
}

/* line 45, resources/scss/plugins/_shepherd-theme-arrows.scss */
.shepherd-element.shepherd-theme-arrows .shepherd-content:before {
  content: "";
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-width: 16px;
  border-style: solid;
  pointer-events: none;
}

/* line 57, resources/scss/plugins/_shepherd-theme-arrows.scss */
.shepherd-element.shepherd-theme-arrows.shepherd-element-attached-bottom.shepherd-element-attached-center .shepherd-content {
  margin-bottom: 16px;
}

/* line 61, resources/scss/plugins/_shepherd-theme-arrows.scss */
.shepherd-element.shepherd-theme-arrows.shepherd-element-attached-bottom.shepherd-element-attached-center .shepherd-content:before {
  top: 100%;
  left: 50%;
  margin-left: -16px;
  border-top-color: #fff;
}

/* line 68, resources/scss/plugins/_shepherd-theme-arrows.scss */
.shepherd-element.shepherd-theme-arrows.shepherd-element-attached-top.shepherd-element-attached-center .shepherd-content {
  margin-top: 16px;
}

/* line 72, resources/scss/plugins/_shepherd-theme-arrows.scss */
.shepherd-element.shepherd-theme-arrows.shepherd-element-attached-top.shepherd-element-attached-center .shepherd-content:before {
  bottom: 100%;
  left: 50%;
  margin-left: -16px;
  border-bottom-color: #fff;
}

/* line 79, resources/scss/plugins/_shepherd-theme-arrows.scss */
.shepherd-element.shepherd-theme-arrows.shepherd-element-attached-right.shepherd-element-attached-middle .shepherd-content {
  margin-right: 16px;
}

/* line 83, resources/scss/plugins/_shepherd-theme-arrows.scss */
.shepherd-element.shepherd-theme-arrows.shepherd-element-attached-right.shepherd-element-attached-middle .shepherd-content:before {
  left: 100%;
  top: 50%;
  margin-top: -16px;
  border-left-color: #fff;
}

/* line 90, resources/scss/plugins/_shepherd-theme-arrows.scss */
.shepherd-element.shepherd-theme-arrows.shepherd-element-attached-left.shepherd-element-attached-middle .shepherd-content {
  margin-left: 16px;
}

/* line 94, resources/scss/plugins/_shepherd-theme-arrows.scss */
.shepherd-element.shepherd-theme-arrows.shepherd-element-attached-left.shepherd-element-attached-middle .shepherd-content:before {
  right: 100%;
  top: 50%;
  margin-top: -16px;
  border-right-color: #fff;
}

/* line 101, resources/scss/plugins/_shepherd-theme-arrows.scss */
.shepherd-element.shepherd-theme-arrows.shepherd-element-attached-top.shepherd-element-attached-left.shepherd-target-attached-bottom .shepherd-content {
  margin-top: 16px;
}

/* line 105, resources/scss/plugins/_shepherd-theme-arrows.scss */
.shepherd-element.shepherd-theme-arrows.shepherd-element-attached-top.shepherd-element-attached-left.shepherd-target-attached-bottom .shepherd-content:before {
  bottom: 100%;
  left: 16px;
  border-bottom-color: #fff;
}

/* line 111, resources/scss/plugins/_shepherd-theme-arrows.scss */
.shepherd-element.shepherd-theme-arrows.shepherd-element-attached-top.shepherd-element-attached-right.shepherd-target-attached-bottom .shepherd-content {
  margin-top: 16px;
}

/* line 115, resources/scss/plugins/_shepherd-theme-arrows.scss */
.shepherd-element.shepherd-theme-arrows.shepherd-element-attached-top.shepherd-element-attached-right.shepherd-target-attached-bottom .shepherd-content:before {
  bottom: 100%;
  right: 16px;
  border-bottom-color: #fff;
}

/* line 121, resources/scss/plugins/_shepherd-theme-arrows.scss */
.shepherd-element.shepherd-theme-arrows.shepherd-element-attached-bottom.shepherd-element-attached-left.shepherd-target-attached-top .shepherd-content {
  margin-bottom: 16px;
}

/* line 125, resources/scss/plugins/_shepherd-theme-arrows.scss */
.shepherd-element.shepherd-theme-arrows.shepherd-element-attached-bottom.shepherd-element-attached-left.shepherd-target-attached-top .shepherd-content:before {
  top: 100%;
  left: 16px;
  border-top-color: #fff;
}

/* line 131, resources/scss/plugins/_shepherd-theme-arrows.scss */
.shepherd-element.shepherd-theme-arrows.shepherd-element-attached-bottom.shepherd-element-attached-right.shepherd-target-attached-top .shepherd-content {
  margin-bottom: 16px;
}

/* line 135, resources/scss/plugins/_shepherd-theme-arrows.scss */
.shepherd-element.shepherd-theme-arrows.shepherd-element-attached-bottom.shepherd-element-attached-right.shepherd-target-attached-top .shepherd-content:before {
  top: 100%;
  right: 16px;
  border-top-color: #fff;
}

/* line 141, resources/scss/plugins/_shepherd-theme-arrows.scss */
.shepherd-element.shepherd-theme-arrows.shepherd-element-attached-top.shepherd-element-attached-right.shepherd-target-attached-left .shepherd-content {
  margin-right: 16px;
}

/* line 145, resources/scss/plugins/_shepherd-theme-arrows.scss */
.shepherd-element.shepherd-theme-arrows.shepherd-element-attached-top.shepherd-element-attached-right.shepherd-target-attached-left .shepherd-content:before {
  top: 16px;
  left: 100%;
  border-left-color: #fff;
}

/* line 151, resources/scss/plugins/_shepherd-theme-arrows.scss */
.shepherd-element.shepherd-theme-arrows.shepherd-element-attached-top.shepherd-element-attached-left.shepherd-target-attached-right .shepherd-content {
  margin-left: 16px;
}

/* line 155, resources/scss/plugins/_shepherd-theme-arrows.scss */
.shepherd-element.shepherd-theme-arrows.shepherd-element-attached-top.shepherd-element-attached-left.shepherd-target-attached-right .shepherd-content:before {
  top: 16px;
  right: 100%;
  border-right-color: #fff;
}

/* line 161, resources/scss/plugins/_shepherd-theme-arrows.scss */
.shepherd-element.shepherd-theme-arrows.shepherd-element-attached-bottom.shepherd-element-attached-right.shepherd-target-attached-left .shepherd-content {
  margin-right: 16px;
}

/* line 165, resources/scss/plugins/_shepherd-theme-arrows.scss */
.shepherd-element.shepherd-theme-arrows.shepherd-element-attached-bottom.shepherd-element-attached-right.shepherd-target-attached-left .shepherd-content:before {
  bottom: 16px;
  left: 100%;
  border-left-color: #fff;
}

/* line 171, resources/scss/plugins/_shepherd-theme-arrows.scss */
.shepherd-element.shepherd-theme-arrows.shepherd-element-attached-bottom.shepherd-element-attached-left.shepherd-target-attached-right .shepherd-content {
  margin-left: 16px;
}

/* line 175, resources/scss/plugins/_shepherd-theme-arrows.scss */
.shepherd-element.shepherd-theme-arrows.shepherd-element-attached-bottom.shepherd-element-attached-left.shepherd-target-attached-right .shepherd-content:before {
  bottom: 16px;
  right: 100%;
  border-right-color: #fff;
}

/* line 181, resources/scss/plugins/_shepherd-theme-arrows.scss */
.shepherd-element.shepherd-theme-arrows.shepherd-element-attached-top.shepherd-element-attached-center.shepherd-has-title .shepherd-content:before, .shepherd-element.shepherd-theme-arrows.shepherd-element-attached-top.shepherd-element-attached-right.shepherd-target-attached-bottom.shepherd-has-title .shepherd-content:before, .shepherd-element.shepherd-theme-arrows.shepherd-element-attached-top.shepherd-element-attached-left.shepherd-target-attached-bottom.shepherd-has-title .shepherd-content:before {
  border-bottom-color: #eee;
}

/* line 185, resources/scss/plugins/_shepherd-theme-arrows.scss */
.shepherd-element.shepherd-theme-arrows.shepherd-has-title .shepherd-content header {
  background: #eee;
  padding: 1em;
}

/* line 190, resources/scss/plugins/_shepherd-theme-arrows.scss */
.shepherd-element.shepherd-theme-arrows.shepherd-has-title .shepherd-content header a.shepherd-cancel-link {
  padding: 0;
  margin-bottom: 0;
}

/* line 195, resources/scss/plugins/_shepherd-theme-arrows.scss */
.shepherd-element.shepherd-theme-arrows.shepherd-has-cancel-link .shepherd-content header h3 {
  float: left;
}

/* line 199, resources/scss/plugins/_shepherd-theme-arrows.scss */
.shepherd-element.shepherd-theme-arrows .shepherd-content {
  padding: 0;
}

/* line 203, resources/scss/plugins/_shepherd-theme-arrows.scss */
.shepherd-element.shepherd-theme-arrows .shepherd-content * {
  font-size: inherit;
}

/* line 207, resources/scss/plugins/_shepherd-theme-arrows.scss */
.shepherd-element.shepherd-theme-arrows .shepherd-content header {
  *zoom: 1;
  border-radius: 5px 5px 0 0;
}

/* line 212, resources/scss/plugins/_shepherd-theme-arrows.scss */
.shepherd-element.shepherd-theme-arrows .shepherd-content header:after {
  content: "";
  display: table;
  clear: both;
}

/* line 218, resources/scss/plugins/_shepherd-theme-arrows.scss */
.shepherd-element.shepherd-theme-arrows .shepherd-content header h3 {
  margin: 0;
  line-height: 1;
  font-weight: normal;
}

/* line 224, resources/scss/plugins/_shepherd-theme-arrows.scss */
.shepherd-element.shepherd-theme-arrows .shepherd-content header a.shepherd-cancel-link {
  float: right;
  text-decoration: none;
  font-size: 1em;
  line-height: 1em;
  font-weight: normal;
  color: rgba(0, 0, 0, 0.5);
  opacity: 0.25;
  position: relative;
  top: 0em;
  padding: 0.5em;
}

/* line 237, resources/scss/plugins/_shepherd-theme-arrows.scss */
.shepherd-element.shepherd-theme-arrows .shepherd-content header a.shepherd-cancel-link:hover {
  opacity: 1;
}

/* line 241, resources/scss/plugins/_shepherd-theme-arrows.scss */
.shepherd-element.shepherd-theme-arrows .shepherd-content .shepherd-text {
  padding: 1em;
}

/* line 245, resources/scss/plugins/_shepherd-theme-arrows.scss */
.shepherd-element.shepherd-theme-arrows .shepherd-content .shepherd-text p {
  margin: 0 0 .5em 0;
  line-height: 1.3em;
}

/* line 250, resources/scss/plugins/_shepherd-theme-arrows.scss */
.shepherd-element.shepherd-theme-arrows .shepherd-content .shepherd-text p:last-child {
  margin-bottom: 0;
}

/* line 254, resources/scss/plugins/_shepherd-theme-arrows.scss */
.shepherd-element.shepherd-theme-arrows .shepherd-content footer {
  padding: 0 1em 1em;
}

/* line 258, resources/scss/plugins/_shepherd-theme-arrows.scss */
.shepherd-element.shepherd-theme-arrows .shepherd-content footer .shepherd-buttons {
  text-align: right;
  list-style: none;
  padding: 0;
  margin: 0;
}

/* line 265, resources/scss/plugins/_shepherd-theme-arrows.scss */
.shepherd-element.shepherd-theme-arrows .shepherd-content footer .shepherd-buttons li {
  display: inline;
  padding: 0;
  margin: 0;
}

/* line 271, resources/scss/plugins/_shepherd-theme-arrows.scss */
.shepherd-element.shepherd-theme-arrows .shepherd-content footer .shepherd-buttons li .shepherd-button {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  border-radius: 3px;
  cursor: pointer;
  border: 0;
  margin: 0 .5em 0 0;
  font-family: inherit;
  text-transform: uppercase;
  letter-spacing: .1em;
  font-size: .8em;
  line-height: 1em;
  padding: .75em 2em;
  background: #3288e6;
  color: #fff;
}

/* line 291, resources/scss/plugins/_shepherd-theme-arrows.scss */
.shepherd-element.shepherd-theme-arrows .shepherd-content footer .shepherd-buttons li .shepherd-button.shepherd-button-secondary {
  background: #eee;
  color: #888;
}

/* line 296, resources/scss/plugins/_shepherd-theme-arrows.scss */
.shepherd-element.shepherd-theme-arrows .shepherd-content footer .shepherd-buttons li:last-child .shepherd-button {
  margin-right: 0;
}

/* line 1, resources/scss/plugins/_tour.scss */
.shep-steps {
  font-size: 0.7em !important;
  float: left;
  margin-top: 0px;
}

/* line 11, resources/scss/plugins/_tour.scss */
.shepherd-element.shepherd-theme-arrows.shepherd-element-attached-right.shepherd-element-attached-middle .shepherd-content:before {
  left: auto;
  right: -32px;
  border-left-color: #0058cf;
}

/* line 22, resources/scss/plugins/_tour.scss */
.shepherd-element.shepherd-theme-arrows.shepherd-element-attached-left.shepherd-element-attached-middle .shepherd-content:before {
  border-right-color: #0058cf;
}

/* line 30, resources/scss/plugins/_tour.scss */
.shepherd-element.shepherd-theme-arrows.shepherd-element-attached-bottom.shepherd-element-attached-center .shepherd-content:before {
  border-top-color: #0058cf;
}

/* line 38, resources/scss/plugins/_tour.scss */
.shepherd-element.shepherd-theme-arrows.shepherd-element-attached-top.shepherd-element-attached-center .shepherd-content:before {
  border-bottom-color: #0058cf;
}

/* line 46, resources/scss/plugins/_tour.scss */
.shepherd-element.shepherd-theme-arrows .shepherd-content {
  font-family: Roboto, Helvetica, 'Helvetica Neue', Arial, sans-serif !important;
  border-radius: 0px;
  border: 5px solid #0058cf;
  height: auto;
  padding: 3%;
  background: white;
  color: #5f5f5f;
  white-space: normal;
}

/* line 57, resources/scss/plugins/_tour.scss */
.shepherd-button, .shepherd-button.shepherd-button-secondary {
  display: inline-block;
  padding: 8px 12px !important;
  background: #d5e8f2 !important;
  color: #0058cf !important;
}

/* line 64, resources/scss/plugins/_tour.scss */
.cd-cover-layer {
  /* background cover layer - visible when tour is activated */
  position: fixed;
  z-index: 100;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity 0.4s 0s, visibility 0s 0.4s;
  -moz-transition: opacity 0.4s 0s, visibility 0s 0.4s;
  transition: opacity 0.4s 0s, visibility 0s 0.4s;
}

/* line 79, resources/scss/plugins/_tour.scss */
.cd-cover-layer.is-visible {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.4s 0s, visibility 0s 0s;
  -moz-transition: opacity 0.4s 0s, visibility 0s 0s;
  transition: opacity 0.4s 0s, visibility 0s 0s;
}

@media only screen and (min-width: 1100px) {
  /* line 87, resources/scss/plugins/_tour.scss */
  .cd-cover-layer.is-visible {
    opacity: 0;
    -webkit-animation: cd-fade-in 4.1s;
    -moz-animation: cd-fade-in 4.1s;
    animation: cd-fade-in 4.1s;
  }
}

@-webkit-keyframes cd-fade-in {
  0%, 100% {
    opacity: 0;
  }
  14%, 40% {
    opacity: 1;
  }
}

@-moz-keyframes cd-fade-in {
  0%, 100% {
    opacity: 0;
  }
  14%, 40% {
    opacity: 1;
  }
}

@keyframes cd-fade-in {
  0%, 100% {
    opacity: 0;
  }
  14%, 40% {
    opacity: 1;
  }
}

/* line 1, resources/scss/plugins/_toggles.scss */
.lcs_wrap {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  direction: ltr;
  width: 30%;
  height: calc(100% - 30px);
  margin: 15px 15px 15px 0;
  vertical-align: middle;
}

/* line 13, resources/scss/plugins/_toggles.scss */
.lcs_wrap input {
  display: none;
}

/* line 17, resources/scss/plugins/_toggles.scss */
.lcs_switch {
  display: inline-block;
  position: relative;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
  overflow: hidden;
  -webkit-transition: 0.2s ease-in-out;
  -moz-transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}

/* line 28, resources/scss/plugins/_toggles.scss */
.lcs_cursor {
  display: block;
  position: absolute;
  top: 50%;
  width: 16px;
  height: 16px;
  margin: -8px 0 0 -8px;
  background: #d5e8f2;
  z-index: 10;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}

/* line 41, resources/scss/plugins/_toggles.scss */
.lcs_label {
  position: absolute;
  top: 50%;
  width: 50%;
  font: 0.75rem/1em "CESans", Roboto, Helvetica, "Helvetica Neue", Arial, sans-serif;
  margin: -6px 0 0 0;
  color: #fff;
  text-align: center;
  opacity: 0;
  overflow: hidden;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

/* line 53, resources/scss/plugins/_toggles.scss */
.lcs_label.lcs_label_on {
  left: -50%;
  z-index: 6;
}

/* line 58, resources/scss/plugins/_toggles.scss */
.lcs_label.lcs_label_off {
  right: -50%;
  opacity: 0.5;
  z-index: 5;
}

/* line 67, resources/scss/plugins/_toggles.scss */
.lcs_switch.lcs_on {
  background: #ffffff;
}

/* line 70, resources/scss/plugins/_toggles.scss */
.lcs_switch.lcs_on .lcs_cursor {
  left: calc(100% - 16px);
  background: #f5442d;
}

/* line 75, resources/scss/plugins/_toggles.scss */
.lcs_switch.lcs_on .lcs_label_on {
  left: 0;
  opacity: 1;
  color: #f5442d;
}

/* line 88, resources/scss/plugins/_toggles.scss */
.lcs_switch.lcs_off .lcs_cursor {
  left: 16px;
  opacity: 0.5;
}

/* line 93, resources/scss/plugins/_toggles.scss */
.lcs_switch.lcs_off .lcs_label_off {
  right: 0%;
}

/* disabled */
/* line 99, resources/scss/plugins/_toggles.scss */
.lcs_switch.lcs_disabled {
  opacity: 0.65;
  filter: alpha(opacity=65);
  cursor: default;
}

/* line 774, resources/scss/screen.scss */
.ui-slider-horizontal {
  height: 6px;
}

/* line 777, resources/scss/screen.scss */
.ui-autocomplete {
  position: absolute;
  top: 0;
  left: 0;
  cursor: default;
}

/* line 783, resources/scss/screen.scss */
.ui-menu {
  display: block;
  padding: 10px;
  margin: 0;
  outline: none;
  background: rgba(255, 255, 255, 0.9);
  border: 3px solid #f5442d;
  -webkit-box-shadow: 0 0 12px rgba(35, 58, 112, 0.25);
  -moz-box-shadow: 0 0 12px rgba(35, 58, 112, 0.25);
  box-shadow: 0 0 12px rgba(35, 58, 112, 0.25);
}

/* line 792, resources/scss/screen.scss */
.ui-menu .ui-menu {
  position: absolute;
}

/* line 796, resources/scss/screen.scss */
.ui-menu .ui-menu-item {
  position: relative;
  margin: 0;
  padding: 0;
  cursor: pointer;
}

/* line 803, resources/scss/screen.scss */
.ui-menu .ui-menu-divider {
  margin: 5px 0;
  height: 0;
  font-size: 0;
  line-height: 0;
  border-width: 1px 0 0 0;
}

/* line 812, resources/scss/screen.scss */
.ui-accordion .ui-accordion-header {
  outline: none;
}

/* line 815, resources/scss/screen.scss */
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
  display: inline-block;
  position: static;
  margin: 0 10px 0 0;
  text-indent: 0;
  overflow: visible;
}

/* line 825, resources/scss/screen.scss */
.accordion-plain .ui-accordion-header {
  padding: 8px 0;
  color: #233a70;
  line-height: 28px;
}

/* line 830, resources/scss/screen.scss */
.accordion-plain .ui-accordion-header .ui-accordion-header-icon {
  display: block;
  float: left;
  width: 30px;
  height: 30px;
  font-size: 14px;
  line-height: 28px;
}

/* line 840, resources/scss/screen.scss */
.accordion-plain .accordion-text {
  padding: 20px 40px;
}

/* line 846, resources/scss/screen.scss */
.tabs-plain .tabs-plain-list li {
  display: inline-block;
}

/* line 849, resources/scss/screen.scss */
.tabs-plain .tabs-plain-list li a {
  display: block;
  padding: 8px 10px;
}

/*!

Split Pane v0.8.0

Copyright (c) 2014 Simon Hagström

Released under the MIT license
https://raw.github.com/shagstrom/split-pane/master/LICENSE

*/
/* line 11, resources/scss/plugins/_split-pane.scss */
.split-pane {
  position: relative;
  height: 100%;
  width: 100%;
  overflow: hidden;
}

/* line 18, resources/scss/plugins/_split-pane.scss */
.split-pane.fixed-top > .split-pane-component,
.split-pane.fixed-bottom > .split-pane-component,
.split-pane.horizontal-percent > .split-pane-component {
  position: absolute;
  left: 0;
  width: 100%;
  overflow: auto;
  top: auto;
  bottom: 0;
  z-index: 1;
}

/* line 30, resources/scss/plugins/_split-pane.scss */
.split-pane.fixed-top > .split-pane-component:first-child,
.split-pane.fixed-bottom > .split-pane-component:first-child,
.split-pane.horizontal-percent > .split-pane-component:first-child {
  top: 0;
  bottom: auto;
}

/* line 37, resources/scss/plugins/_split-pane.scss */
.split-pane.fixed-top > .split-pane-divider,
.split-pane.fixed-bottom > .split-pane-divider,
.split-pane.horizontal-percent > .split-pane-divider {
  position: absolute;
  width: 100%;
  left: 0;
  cursor: row-resize;
  z-index: 2;
}

/* line 47, resources/scss/plugins/_split-pane.scss */
.split-pane.fixed-top > .split-pane-divider > .split-pane-divider-inner,
.split-pane.fixed-bottom > .split-pane-divider > .split-pane-divider-inner,
.split-pane.horizontal-percent > .split-pane-divider > .split-pane-divider-inner {
  position: absolute;
  top: -5px;
  left: 0;
  box-sizing: content-box;
  width: 100%;
  height: 100%;
  padding: 5px 0;
}

/* line 59, resources/scss/plugins/_split-pane.scss */
.split-pane.fixed-left > .split-pane-component,
.split-pane.fixed-right > .split-pane-component,
.split-pane.vertical-percent > .split-pane-component {
  position: absolute;
  top: 0;
  height: 100%;
  overflow: auto;
  left: auto;
  right: 0;
  z-index: 1;
}

/* line 71, resources/scss/plugins/_split-pane.scss */
.split-pane.fixed-left > .split-pane-component:first-child,
.split-pane.fixed-right > .split-pane-component:first-child,
.split-pane.vertical-percent > .split-pane-component:first-child {
  left: 0;
  right: auto;
}

/* line 78, resources/scss/plugins/_split-pane.scss */
.split-pane.fixed-left > .split-pane-divider,
.split-pane.fixed-right > .split-pane-divider,
.split-pane.vertical-percent > .split-pane-divider {
  position: absolute;
  height: 100%;
  top: 0;
  cursor: col-resize;
  z-index: 2;
}

/* line 88, resources/scss/plugins/_split-pane.scss */
.split-pane.fixed-left > .split-pane-divider > .split-pane-divider-inner,
.split-pane.fixed-right > .split-pane-divider > .split-pane-divider-inner,
.split-pane.vertical-percent > .split-pane-divider > .split-pane-divider-inner {
  position: absolute;
  top: 0;
  left: -5px;
  box-sizing: content-box;
  width: 100%;
  height: 100%;
  padding: 0 5px;
}

/* line 100, resources/scss/plugins/_split-pane.scss */
.split-pane-resize-shim {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10000;
  display: none;
}

/* line 110, resources/scss/plugins/_split-pane.scss */
.split-pane.fixed-left > .split-pane-resize-shim,
.split-pane.fixed-right > .split-pane-resize-shim,
.split-pane.vertical-percent > .split-pane-resize-shim {
  cursor: col-resize;
}

/* line 116, resources/scss/plugins/_split-pane.scss */
.split-pane.fixed-top > .split-pane-resize-shim,
.split-pane.fixed-bottom > .split-pane-resize-shim,
.split-pane.horizontal-percent > .split-pane-resize-shim {
  cursor: row-resize;
}

/* line 863, resources/scss/screen.scss */
.pretty-split-pane-frame .split-pane > .split-pane-divider.dragged.touch {
  background: blue;
  opacity: 0.25;
}

/* line 867, resources/scss/screen.scss */
.split-pane-divider {
  right: 50%;
  width: 12px;
  background: #ffffff;
  -webkit-box-shadow: 0 0 10px rgba(35, 58, 112, 0.25);
  -moz-box-shadow: 0 0 10px rgba(35, 58, 112, 0.25);
  box-shadow: 0 0 10px rgba(35, 58, 112, 0.25);
}

/* line 873, resources/scss/screen.scss */
.pane-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
}

/* line 877, resources/scss/screen.scss */
#pane-left {
  right: 50%;
  margin-right: 12px;
}

/* line 881, resources/scss/screen.scss */
#pane-right {
  width: 50%;
}

@media screen and (max-width: 1200px) {
  /* line 2, resources/scss/_media.scss */
  h1 {
    font-size: 6rem;
  }
  /* line 8, resources/scss/_media.scss */
  .left-header #main-header #header-logo {
    max-width: 100%;
  }
  /* line 18, resources/scss/_media.scss */
  .page-splash .splash-text {
    max-width: 75%;
  }
  /* line 26, resources/scss/_media.scss */
  .location-data-section h3 {
    font-size: 1.5rem;
  }
  /* line 31, resources/scss/_media.scss */
  .location-data-section .fs-dropdown button {
    padding-left: 10px;
  }
  /* line 37, resources/scss/_media.scss */
  #station-splash #substations-menu {
    max-width: 25%;
  }
}

@media screen and (max-width: 1000px) {
  /* line 43, resources/scss/_media.scss */
  h1 {
    font-size: 5rem;
  }
  /* line 49, resources/scss/_media.scss */
  .left-header #main-header #nav-trigger {
    width: 40px;
    height: 40px;
    margin-top: 5%;
    padding: 18px 8px;
  }
  /* line 55, resources/scss/_media.scss */
  .left-header #main-header #nav-trigger span {
    width: 24px;
  }
  /* line 59, resources/scss/_media.scss */
  .left-header #main-header #nav-trigger:before, .left-header #main-header #nav-trigger:after {
    left: 8px;
    width: 24px;
  }
  /* line 65, resources/scss/_media.scss */
  .left-header #main-header #nav-trigger:before {
    top: 8px;
  }
  /* line 69, resources/scss/_media.scss */
  .left-header #main-header #nav-trigger:after {
    bottom: 8px;
  }
  /* line 76, resources/scss/_media.scss */
  .blue-menu {
    font-size: 0.875rem;
  }
  /* line 81, resources/scss/_media.scss */
  .page-splash .splash-text {
    max-width: 75%;
  }
  /* line 84, resources/scss/_media.scss */
  .page-splash .splash-text p {
    font-size: 1rem;
  }
  /* line 93, resources/scss/_media.scss */
  .location-data-section h3 {
    font-size: 1.125rem;
  }
  /* line 96, resources/scss/_media.scss */
  .location-data-section h3 .icon {
    margin-right: 5px;
  }
  /* line 102, resources/scss/_media.scss */
  .location-data-section .fs-dropdown button {
    font-size: 1rem;
  }
  /* line 110, resources/scss/_media.scss */
  .stations-list .station-banner-text {
    width: 65%;
  }
}

@media screen and (max-width: 800px) {
  /* line 117, resources/scss/_media.scss */
  body {
    width: auto;
    height: auto;
    padding: 0 0 20px 0;
  }
  /* line 123, resources/scss/_media.scss */
  h1 {
    font-size: 4rem;
  }
  /* line 134, resources/scss/_media.scss */
  #main-header {
    position: relative;
    top: auto;
    left: auto;
  }
  /* line 53, resources/scss/_mixins.scss */
  #main-header:before, #main-header:after {
    content: " ";
    display: table;
  }
  /* line 59, resources/scss/_mixins.scss */
  #main-header:after {
    clear: both;
  }
  /* line 141, resources/scss/_media.scss */
  #main-header #main-nav a {
    text-align: center;
  }
  /* line 144, resources/scss/_media.scss */
  #main-header #main-nav a .icon {
    display: block;
    height: 23px;
    margin: 1px auto 0 auto;
  }
  /* line 150, resources/scss/_media.scss */
  #main-header #main-nav a .text {
    display: block;
    padding: 0;
    font-size: 0.875rem;
  }
  /* line 157, resources/scss/_media.scss */
  #main-header #main-nav .nav-btn {
    padding: 15px 10px 0 10px;
  }
  /* line 162, resources/scss/_media.scss */
  #main-header #subnav-trigger {
    display: block;
  }
  /* line 167, resources/scss/_media.scss */
  #main-header #subnav ul {
    display: none;
    position: absolute;
    top: 14px;
    right: 0;
    width: 160px;
    padding: 0 10px 10px 10px;
    background: #ffffff;
  }
  /* line 177, resources/scss/_media.scss */
  #main-header #subnav li {
    display: block;
    margin: 0;
  }
  /* line 181, resources/scss/_media.scss */
  #main-header #subnav li a {
    display: block;
    padding: 10px;
    text-align: left;
  }
  /* line 186, resources/scss/_media.scss */
  #main-header #subnav li a:hover {
    background: #ebebeb;
  }
  /* line 190, resources/scss/_media.scss */
  #main-header #subnav li a .text {
    padding: 0;
  }
  /* line 194, resources/scss/_media.scss */
  #main-header #subnav li a .icon {
    display: none;
  }
  /* line 201, resources/scss/_media.scss */
  #main-header #breadcrumb {
    float: left;
    width: auto;
    margin: 5px 0 0 10px;
    font-size: 0.875rem;
  }
  /* line 207, resources/scss/_media.scss */
  #main-header #breadcrumb span {
    padding: 10px;
  }
  /* line 213, resources/scss/_media.scss */
  #left-header-trigger {
    display: block;
    position: absolute;
    top: 0px;
    right: -50px;
    width: 40px;
    height: 40px;
    padding: 10px;
    background: #ffffff;
    color: #0058cf;
    font-size: 20px;
  }
  /* line 226, resources/scss/_media.scss */
  #left-header {
    width: calc(40% + 10px);
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
  }
  /* line 232, resources/scss/_media.scss */
  body.left-header-closed #left-header {
    left: calc(-40% - 10px);
  }
  /* line 240, resources/scss/_media.scss */
  #nav-overlay #nav-controls {
    position: relative;
    top: auto;
    left: auto;
    width: 80%;
    margin: 20px auto;
  }
  /* line 53, resources/scss/_mixins.scss */
  #nav-overlay #nav-controls:before, #nav-overlay #nav-controls:after {
    content: " ";
    display: table;
  }
  /* line 59, resources/scss/_mixins.scss */
  #nav-overlay #nav-controls:after {
    clear: both;
  }
  /* line 248, resources/scss/_media.scss */
  #nav-overlay #nav-controls #nav-overlay-home {
    position: relative;
    left: auto;
    margin: 0 0 20px 0;
  }
  /* line 254, resources/scss/_media.scss */
  #nav-overlay #nav-controls li {
    float: left;
    width: 33.333%;
    margin: 0 0 10px 0;
  }
  /* line 262, resources/scss/_media.scss */
  #nav-overlay .nav-content-wrap {
    top: 30%;
    left: 10%;
    width: 80%;
  }
  /* line 270, resources/scss/_media.scss */
  .blue-menu a {
    text-align: center;
    padding: 4%;
  }
  /* line 274, resources/scss/_media.scss */
  .blue-menu a .text {
    display: none;
  }
  /* line 281, resources/scss/_media.scss */
  .white-menu h4 {
    padding-left: 0;
  }
  /* line 285, resources/scss/_media.scss */
  .white-menu ul {
    padding: 10px 0;
  }
  /* line 288, resources/scss/_media.scss */
  .white-menu ul li {
    padding: 10px 20px;
  }
  /* line 299, resources/scss/_media.scss */
  #page-home #viewport,
  .page-type-location #viewport,
  .page-type-stations #viewport {
    position: relative;
    top: auto !important;
    left: auto;
    width: auto;
    height: auto;
    margin: 0 20px !important;
    overflow: visible;
  }
  /* line 313, resources/scss/_media.scss */
  #page-home #main-content-wrap {
    position: static;
    height: auto;
  }
  /* line 319, resources/scss/_media.scss */
  #home-splash {
    position: static;
  }
  /* line 322, resources/scss/_media.scss */
  #home-splash .splash-bg {
    background-size: auto 100%;
  }
  /* line 327, resources/scss/_media.scss */
  #home-text {
    position: relative;
    top: auto;
    left: auto;
    width: auto;
    margin: 6%;
    padding: 0;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
  }
  /* line 337, resources/scss/_media.scss */
  #home-menu {
    position: relative;
    top: auto;
    right: auto;
    width: 70%;
    margin: 6%;
    margin-bottom: 18%;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
  }
  /* line 349, resources/scss/_media.scss */
  .page-splash {
    margin-top: 60px;
  }
  /* line 352, resources/scss/_media.scss */
  .page-splash .splash-text {
    float: none;
    width: 80%;
    max-width: 80%;
    margin: 0 auto 20px auto;
    padding-left: 0;
  }
  /* line 359, resources/scss/_media.scss */
  .page-splash .splash-text p {
    width: auto;
    font-size: 1rem;
  }
  /* line 368, resources/scss/_media.scss */
  #page-nav {
    width: 80%;
    margin: 0 auto;
    padding-left: 0;
  }
  /* line 375, resources/scss/_media.scss */
  .page-type-location .page-splashed {
    margin-top: 60px;
  }
  /* line 381, resources/scss/_media.scss */
  .location-data-section h3 {
    margin: 0 0 30px 0;
  }
  /* line 385, resources/scss/_media.scss */
  .location-data-section .data-options-trigger {
    display: block;
    float: right;
    margin: 25px 0 0 0;
    cursor: pointer;
  }
  /* line 391, resources/scss/_media.scss */
  .location-data-section .data-options-trigger .hamburger {
    margin: 0 10px 0 0;
  }
  /* line 396, resources/scss/_media.scss */
  .location-data-section .data-options {
    display: none;
  }
  /* line 400, resources/scss/_media.scss */
  .location-data-section .data-vars {
    clear: both;
  }
  /* line 404, resources/scss/_media.scss */
  .location-data-section .data-list,
  .location-data-section .data-chart {
    float: none;
    width: auto;
  }
  /* line 410, resources/scss/_media.scss */
  .location-data-section .data-accordion-wrap {
    float: none;
    width: auto;
    padding: 0 0 100% 0;
  }
  /* line 419, resources/scss/_media.scss */
  .location-data-section .data-accordion .data-accordion-tab.data-chart .chart-canvas {
    height: 70%;
  }
  /* line 423, resources/scss/_media.scss */
  .location-data-section .data-accordion .data-accordion-tab.data-chart .chart-legend {
    height: 30%;
  }
  /* line 431, resources/scss/_media.scss */
  .chart-legend {
    text-align: center;
  }
  /* line 434, resources/scss/_media.scss */
  .chart-legend .legend-item {
    display: inline-block;
    float: none;
    width: 30%;
    margin: 2% 1%;
    vertical-align: top;
  }
  /* line 444, resources/scss/_media.scss */
  #location-stations .data-accordion-wrap {
    padding: 0 0 50% 0;
  }
  /* line 451, resources/scss/_media.scss */
  #variable-map {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  /* line 457, resources/scss/_media.scss */
  #station-splash {
    padding: 6%;
    padding-bottom: 12%;
  }
  /* line 461, resources/scss/_media.scss */
  #station-splash .splash-text {
    float: none;
    width: auto;
    padding: 0;
  }
  /* line 467, resources/scss/_media.scss */
  #station-splash #substations-menu {
    float: none;
    width: 80%;
    max-width: 80%;
    margin: 0 auto;
  }
  /* line 476, resources/scss/_media.scss */
  .stations-list h4 {
    margin: 0 0 20px 0;
    font-size: 1.25rem;
  }
  /* line 481, resources/scss/_media.scss */
  .stations-list article {
    padding: 6% 4% 14% 4%;
    background-size: auto 100%;
    background-attachment: scroll;
    overflow: hidden;
  }
  /* line 487, resources/scss/_media.scss */
  .stations-list article h3 {
    font-size: 3.5rem;
  }
  /* line 492, resources/scss/_media.scss */
  .stations-list .station-banner-text {
    float: none;
    width: auto;
    margin: 0 0 40px 0;
  }
  /* line 498, resources/scss/_media.scss */
  .stations-list .station-layers {
    float: none;
    width: auto;
  }
  /* line 507, resources/scss/_media.scss */
  .page-type-case #main-content-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  /* line 513, resources/scss/_media.scss */
  .page-type-case #case-menu .legend .layer-info {
    width: 100%;
  }
  /* line 519, resources/scss/_media.scss */
  .page-type-case #map {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}

@media screen and (max-width: 600px) {
  /* line 529, resources/scss/_media.scss */
  body {
    padding: 0;
  }
  /* line 533, resources/scss/_media.scss */
  h1 {
    font-size: 3rem;
  }
  /* line 539, resources/scss/_media.scss */
  .share-widget {
    right: 20px;
  }
  /* line 546, resources/scss/_media.scss */
  .top-header #logos {
    display: none;
  }
  /* line 551, resources/scss/_media.scss */
  .top-header #main-header #nav-trigger {
    float: right;
  }
  /* line 558, resources/scss/_media.scss */
  .left-header #main-header {
    left: 0;
  }
  /* line 561, resources/scss/_media.scss */
  .left-header #main-header #header-logo {
    width: auto;
    max-width: 50px;
    float: none;
    margin: 0 auto;
  }
  /* line 568, resources/scss/_media.scss */
  .left-header #main-header #nav-trigger {
    float: none;
    margin: 10px auto 0 auto;
  }
  /* line 578, resources/scss/_media.scss */
  #nav-overlay #nav-controls {
    width: calc(100% - 40px);
    margin: 0;
    padding: 0;
  }
  /* line 53, resources/scss/_mixins.scss */
  #nav-overlay #nav-controls:before, #nav-overlay #nav-controls:after {
    content: " ";
    display: table;
  }
  /* line 59, resources/scss/_mixins.scss */
  #nav-overlay #nav-controls:after {
    clear: both;
  }
  /* line 584, resources/scss/_media.scss */
  #nav-overlay #nav-controls li {
    margin: 0;
  }
  /* line 588, resources/scss/_media.scss */
  #nav-overlay #nav-controls a {
    margin: 0;
    padding: 15px 0;
    border: none;
    white-space: normal;
    font-size: 0.75rem;
    line-height: 1.25em;
  }
  /* line 596, resources/scss/_media.scss */
  #nav-overlay #nav-controls a .icon {
    display: block;
    margin: 0 auto 10px auto;
  }
  /* line 602, resources/scss/_media.scss */
  #nav-overlay #nav-controls #nav-overlay-home {
    float: left;
    width: 25%;
    margin: 0;
    padding: 15px 0;
  }
  /* line 609, resources/scss/_media.scss */
  #nav-overlay #nav-controls #nav-cycle-pager {
    float: left;
    width: 75%;
  }
  /* line 615, resources/scss/_media.scss */
  #nav-overlay .nav-content-wrap {
    top: 90px;
    height: calc(100% - 100px);
    overflow: auto;
  }
  /* line 620, resources/scss/_media.scss */
  #nav-overlay .nav-content-wrap h3 {
    display: none;
  }
  /* line 626, resources/scss/_media.scss */
  #nav-overlay .nav-content nav {
    display: none;
    padding: 0;
  }
  /* line 630, resources/scss/_media.scss */
  #nav-overlay .nav-content nav a {
    width: 50%;
  }
  /* line 635, resources/scss/_media.scss */
  #nav-overlay .nav-content button {
    position: relative;
    width: 100%;
    padding: 5%;
    background: transparent;
    font: 1.25rem/1em Roboto, Helvetica, "Helvetica Neue", Arial, sans-serif;
    color: #ffffff;
  }
  /* line 643, resources/scss/_media.scss */
  #nav-overlay .nav-content button.fs-tabs-active {
    border-bottom: 2px solid #ffffff;
  }
  /* line 646, resources/scss/_media.scss */
  #nav-overlay .nav-content button.fs-tabs-active:after {
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    bottom: -14px;
    width: 0;
    height: 0;
    margin: 0;
    border: 6px solid #ffffff;
    border-color: #ffffff transparent transparent transparent;
    -webkit-transition: 0.25s;
    -moz-transition: 0.25s;
    -o-transition: 0.25s;
    transition: 0.25s;
  }
  /* line 665, resources/scss/_media.scss */
  #nav-overlay .nav-content .tab ul li,
  #nav-overlay .nav-content .tab ol li {
    float: none !important;
    width: auto !important;
    margin: 0 0 20px 0;
  }
  /* line 670, resources/scss/_media.scss */
  #nav-overlay .nav-content .tab ul li ul,
  #nav-overlay .nav-content .tab ol li ul {
    margin-left: 20px;
  }
  /* line 678, resources/scss/_media.scss */
  #nav-overlay #nav-search {
    background-image: url(../img/bg_contours-lightblue.png);
  }
  /* line 681, resources/scss/_media.scss */
  #nav-overlay #nav-search h3 {
    display: block;
  }
  /* line 686, resources/scss/_media.scss */
  #nav-overlay #nav-variables {
    background-image: url(../img/bg_contours-blue.png);
  }
  /* line 690, resources/scss/_media.scss */
  #nav-overlay #nav-stations {
    background-image: url(../img/bg_contours-orange.png);
  }
  /* line 697, resources/scss/_media.scss */
  .overlay .slide {
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% auto;
    z-index: 1;
  }
  /* line 703, resources/scss/_media.scss */
  .overlay .slide .slide-bg {
    display: none;
  }
  /* line 714, resources/scss/_media.scss */
  #page-home #viewport,
  .page-type-location #viewport,
  .page-type-stations #viewport {
    margin: 0 !important;
  }
  /* line 722, resources/scss/_media.scss */
  #home-text h1 {
    font-size: 3rem;
  }
  /* line 726, resources/scss/_media.scss */
  #home-text p {
    width: auto;
  }
  /* line 731, resources/scss/_media.scss */
  #home-menu {
    margin: 0 auto 120px auto;
  }
  /* line 736, resources/scss/_media.scss */
  #page-home #h7 {
    padding: 8px;
  }
  /* line 746, resources/scss/_media.scss */
  #station-splash .splash-text {
    float: none;
  }
  /* line 749, resources/scss/_media.scss */
  #station-splash .splash-text h1 {
    font-size: 2.5rem;
  }
  /* line 756, resources/scss/_media.scss */
  .stations-list h4 {
    margin: 0 0 20px 0;
    font-size: 1.375rem;
  }
  /* line 761, resources/scss/_media.scss */
  .stations-list article {
    padding-bottom: 24%;
    background-size: auto 100%;
  }
  /* line 765, resources/scss/_media.scss */
  .stations-list article h3 {
    font-size: 3rem;
  }
  /* line 774, resources/scss/_media.scss */
  .page-type-variables #district-trigger {
    left: calc(20% + 10px);
    z-index: 3;
  }
}

@media screen and (max-width: 765px) {
  /* line 783, resources/scss/_media.scss */
  body {
    overflow: hidden;
  }
  /* line 787, resources/scss/_media.scss */
  #desktop-warning {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 999;
    background: rgba(255, 255, 255, 0.98);
  }
  /* line 794, resources/scss/_media.scss */
  #desktop-warning p {
    position: absolute;
    top: 50%;
    width: 100%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
  }
}

/*

This file is due for a cleanup. Please do not add to the mess.

 */
/* line 7, resources/scss/_mods.scss */
.level-1 {
  text-transform: capitalize;
}

/* line 11, resources/scss/_mods.scss */
.caps {
  text-transform: uppercase;
}

/* line 15, resources/scss/_mods.scss */
.state-name {
  margin-left: 0px;
  padding-left: 0px !important;
}

/* line 20, resources/scss/_mods.scss */
.display-block {
  display: block;
}

/* line 24, resources/scss/_mods.scss */
input.location-mapper {
  display: inline-block;
  width: 80%;
  background: transparent;
  border: none;
  font: 300 1rem/1em Roboto, Helvetica, "Helvetica Neue", Arial, sans-serif;
  color: #fff;
  outline: none;
  -moz-transition: 0.25s;
  -o-transition: 0.25s;
  -webkit-transition: 0.25s;
  transition: 0.25s;
}

/* line 37, resources/scss/_mods.scss */
#nav-overlay .icon-search {
  margin-right: 10px;
}

/* line 41, resources/scss/_mods.scss */
#close-wx-station {
  position: absolute;
  right: 4px;
  top: 27px;
  font-weight: 500;
  font-size: 28px;
}

/* line 49, resources/scss/_mods.scss */
#close-wx-station:hover {
  cursor: pointer;
  color: #000;
}

/* line 54, resources/scss/_mods.scss */
.chart-canvas, canvas {
  width: 100%;
  height: 100%;
}

/* line 59, resources/scss/_mods.scss */
input.location-mapper::-webkit-input-placeholder {
  color: #fff;
  padding-top: 3px;
  -moz-transition: 0.25s;
  -o-transition: 0.25s;
  -webkit-transition: 0.25s;
  transition: 0.25s;
}

/* line 67, resources/scss/_mods.scss */
input.location-mapper:-moz-placeholder {
  color: #fff;
  padding-top: 3px;
  -moz-transition: 0.25s;
  -o-transition: 0.25s;
  -webkit-transition: 0.25s;
  transition: 0.25s;
}

/* line 75, resources/scss/_mods.scss */
input.location-mapper::-moz-placeholder {
  color: #fff;
  padding-top: 3px;
  -moz-transition: 0.25s;
  -o-transition: 0.25s;
  -webkit-transition: 0.25s;
  transition: 0.25s;
}

/* line 83, resources/scss/_mods.scss */
input.location-mapper:-ms-input-placeholder {
  color: #fff;
  padding-top: 3px;
  -moz-transition: 0.25s;
  -o-transition: 0.25s;
  -webkit-transition: 0.25s;
  transition: 0.25s;
}

/* line 91, resources/scss/_mods.scss */
input.location-mapper:focus::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.25);
}

/* line 94, resources/scss/_mods.scss */
input.location-mapper:focus:-moz-placeholder {
  color: rgba(255, 255, 255, 0.25);
}

/* line 97, resources/scss/_mods.scss */
input.location-mapper:focus::-moz-placeholder {
  color: rgba(255, 255, 255, 0.25);
}

/* line 100, resources/scss/_mods.scss */
input.location-mapper:focus:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.25);
}

/* line 104, resources/scss/_mods.scss */
.location-data-section .data-accordion .data-accordion-tab.data-map .data-accordion-content {
  /*background: none;*/
  background-size: inherit;
}

/* line 109, resources/scss/_mods.scss */
.location-data-section .data-accordion .data-accordion-tab.open .data-accordion-content {
  /*-moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: 1;
    mix-blend-mode: normal;*/
}

/* line 117, resources/scss/_mods.scss */
.location-data-section .data-accordion .data-accordion-tab .data-accordion-content {
  /*mix-blend-mode: normal;*/
}

/* line 123, resources/scss/_mods.scss */
.chart-legend .legend-item-block {
  height: 28px;
  float: left;
  width: 25px;
  margin-right: 5px;
  overflow: hidden;
}

/* line 131, resources/scss/_mods.scss */
.chart-legend .legend-item-line-container {
  height: 5px;
  float: left;
  width: 25px;
  margin-right: 5px;
  padding-top: 8px;
}

/* line 139, resources/scss/_mods.scss */
.chart-legend .legend-item-line-label {
  padding-top: 8px;
}

/* line 143, resources/scss/_mods.scss */
.chart-legend .legend-item-line#under-baseline-block, .chart-legend .legend-item-line#precipunder-baseline-block, .chart-legend .legend-item-line#deriveunder-baseline-block {
  margin-top: 0px;
}

/* line 147, resources/scss/_mods.scss */
.chart-legend .legend-item-line#rcp45-line, .chart-legend .legend-item-line#preciprcp45-line, .chart-legend .legend-item-line#derivercp45-line {
  margin-top: 7px;
}

/* line 151, resources/scss/_mods.scss */
.chart-legend .legend-item-block#rcp45-block, .chart-legend .legend-item-block#preciprcp45-block, .chart-legend .legend-item-block#derivercp45-block {
  background: #99BCEC;
}

/* line 155, resources/scss/_mods.scss */
.legend-item-range {
  height: 43px;
}

/* line 159, resources/scss/_mods.scss */
.chart-legend .legend-item-line {
  width: 100%;
}

/* line 163, resources/scss/_mods.scss */
.chart-legend .observed {
  background-color: transparent !important;
  background-image: url(../img/observed.png) !important;
  height: 33px;
  width: 26px;
  background-size: 100% !important;
  margin-top: -8px !important;
}

/* line 172, resources/scss/_mods.scss */
.chart-legend .observed.seasonal {
  background-color: transparent !important;
  background-image: url(../img/observed-seasonal.png) !important;
  height: 33px;
  width: 26px;
  background-size: 100% !important;
  margin-top: -8px !important;
}

/* line 181, resources/scss/_mods.scss */
#variable-map .ol-popup {
  z-index: 500;
}

/* line 185, resources/scss/_mods.scss */
#map-seasons-container .fs-dropdown-selected.disabled {
  background: #EEE;
  cursor: default;
}

/* line 190, resources/scss/_mods.scss */
.ol-popup-content {
  min-width: 170px;
  max-height: 910px;
  overflow-x: auto;
}

/* line 198, resources/scss/_mods.scss */
.page-type-location #location-search {
  width: 300px;
}

/* line 202, resources/scss/_mods.scss */
.page-type-location #location-search input {
  font-size: 1.1em;
  width: 100%;
}

/* line 210, resources/scss/_mods.scss */
#vars-legend .source {
  display: none;
}

/* line 216, resources/scss/_mods.scss */
#location-temperature .accent-background {
  background-color: #f5442d;
  position: relative;
  bottom: 0px;
  /* width: 100%; */
  height: 100%;
}

/* line 224, resources/scss/_mods.scss */
.page-type-location .seasonal-monthly.disabled a {
  color: #EEE;
}

/* line 661, ../scss/pages/_location.scss */
/* line 229, resources/scss/_mods.scss */
.page-type-location .seasonal-monthly.disabled:hover {
  border-left-color: #FFF;
}

/* line 233, resources/scss/_mods.scss */
#station-legends .station-legend-item {
  float: left;
  width: 50%;
}

/* line 238, resources/scss/_mods.scss */
#station-legends img {
  width: 65%;
}

/* line 243, resources/scss/_mods.scss */
#nav-overlay #nav-controls a {
  white-space: normal !important;
}

@media screen and (min-width: 1500px) {
  /* line 248, resources/scss/_mods.scss */
  #subnav ul {
    position: absolute;
    right: 20px;
    top: 43px;
  }
}

@media screen and (max-width: 1500px) {
  /* line 27, ../scss/formstone/_grid.scss */
  /* line 258, resources/scss/_mods.scss */
  #main-header #subnav {
    margin: 0 !important;
  }
  /* line 261, resources/scss/_mods.scss */
  #main-header #subnav li {
    display: block;
    margin: -5% 0 0 15px;
  }
  /* line 265, resources/scss/_mods.scss */
  .page-type-stations #substations-menu ul {
    display: block;
    white-space: normal;
  }
  /* line 270, resources/scss/_mods.scss */
  .station-banner {
    background-size: cover !important;
  }
}

@media screen and (max-width: 1030px) {
  /* line 275, resources/scss/_mods.scss */
  #page-variables #main-header #subnav {
    display: none !important;
  }
  /* line 279, resources/scss/_mods.scss */
  .location-data-section .data-list {
    width: 100%;
  }
  /* line 283, resources/scss/_mods.scss */
  .location-data-section .data-accordion-wrap {
    width: 100%;
  }
}

/* line 289, resources/scss/_mods.scss */
.stations-list .station-layers {
  margin-top: 40px;
}

@media screen and (max-height: 600px) {
  /* line 294, resources/scss/_mods.scss */
  #detail-overlay .nav-detail .nav-detail-item {
    top: 300px;
  }
  /* line 298, resources/scss/_mods.scss */
  #detail-overlay .nav-detail {
    overflow-y: scroll;
    overflow-x: hidden;
  }
  /* line 303, resources/scss/_mods.scss */
  .overlay .close {
    position: fixed;
    top: 20px;
    left: 20px;
    width: 40px;
    height: 40px;
    padding: 0;
    background: #fff;
    color: #000;
    mix-blend-mode: screen;
    z-index: 2;
  }
}

/* line 317, resources/scss/_mods.scss */
#left-header .left-filler {
  overflow: auto;
}

/* line 321, resources/scss/_mods.scss */
.page-type-location #location-search {
  width: 400px;
}

/* line 325, resources/scss/_mods.scss */
.ol-popup-content {
  min-width: 170px;
  max-height: 910px;
  overflow: inherit;
}

/* line 331, resources/scss/_mods.scss */
.download-image {
  font-size: 1.5em !important;
}

/* line 335, resources/scss/_mods.scss */
.download-data {
  font-size: 1.5em !important;
}

/* line 340, resources/scss/_mods.scss */
.how-to-read-county {
  float: left;
  position: absolute;
  left: 71px;
  display: block;
  z-index: 10;
  top: 79px;
}

/* iPad Air LandScape */
@media only screen and (device-width: 768px) {
  /* line 352, resources/scss/_mods.scss */
  .location-data-section .data-accordion .data-accordion-tab.data-map .location-map-legend-container {
    width: 80px;
  }
  /* line 356, resources/scss/_mods.scss */
  html {
    font-size: 60%;
  }
  /* line 359, resources/scss/_mods.scss */
  #variable-counties-toggle > label > span {
    font-size: 60%;
  }
  /* line 362, resources/scss/_mods.scss */
  #variable-time-slider > span > span.icon.icon-arrow-left-right::before {
    font-size: 2em;
  }
  /* line 365, resources/scss/_mods.scss */
  #temperature-map-time-slider > span > span.icon.icon-arrow-left-right {
    font-size: 1.8em;
  }
  /* line 368, resources/scss/_mods.scss */
  .how-to-read {
    float: right !important;
    position: absolute !important;
    top: 25px !important;
    left: auto !important;
    right: 230px !important;
    display: block !important;
    z-index: 10 !important;
  }
  /* line 378, resources/scss/_mods.scss */
  .ui-slider-handle {
    left: 3px;
    width: 16px;
    height: 16px;
    margin: 0 0 -8px -8px;
    background: #f5442d;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    outline: none;
    z-index: 10000000 !important;
    cursor: pointer;
  }
}

/* line 395, resources/scss/_mods.scss */
#swipeImg .fs-dropdown button {
  padding: 2px !important;
  padding-right: 40px;
  padding-left: 5px !important;
  height: 39px !important;
  background: rgba(255, 255, 255, 0.6);
  border: 5px solid #fff;
  color: #0058cf;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  font: 400 .7rem/1em Roboto, Helvetica, "Helvetica Neue", Arial, sans-serif !important;
  -moz-transition: 0.25s;
  -o-transition: 0.25s;
  -webkit-transition: 0.25s;
  transition: 0.25s;
}

/* line 414, resources/scss/_mods.scss */
.handle .fs-dropdown button {
  padding: 2px !important;
  padding-right: 40px;
  padding-left: 5px !important;
  height: 39px !important;
  width: 150px;
  background: rgba(255, 255, 255, 0.6);
  border: 5px solid #fff;
  color: #0058cf;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  font: 400 .7rem/1em Roboto, Helvetica, "Helvetica Neue", Arial, sans-serif !important;
  -moz-transition: 0.25s;
  -o-transition: 0.25s;
  -webkit-transition: 0.25s;
  transition: 0.25s;
}

/* line 434, resources/scss/_mods.scss */
#location-stations #station-no-data {
  background: #F45440;
  color: white;
  padding-top: 305px;
  font-weight: bold;
  font-size: 1.2em;
  text-align: center;
}

/* line 443, resources/scss/_mods.scss */
#nav-overlay .nav-content .tab ol ul li {
  float: none !important;
  width: auto !important;
  margin: 0 10px 10px 0;
  font: 300 1rem/1.2em Roboto, Helvetica, "Helvetica Neue", Arial, sans-serif;
}

/* line 450, resources/scss/_mods.scss */
.download-panel #download-precip-dismiss-button {
  display: block;
  position: absolute;
  top: -30px;
  right: 0;
}

/* line 457, resources/scss/_mods.scss */
.download-panel #download-derived-dismiss-button {
  display: block;
  position: absolute;
  top: -30px;
  right: 0;
}