/* line 5, ../../../../ruby/gems/gems/compass-core-1.0.3/stylesheets/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, ../../../../ruby/gems/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
html {
  line-height: 1;
}

/* line 24, ../../../../ruby/gems/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
ol, ul {
  list-style: none;
}

/* line 26, ../../../../ruby/gems/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* line 28, ../../../../ruby/gems/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

/* line 30, ../../../../ruby/gems/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q, blockquote {
  quotes: none;
}
/* line 103, ../../../../ruby/gems/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

/* line 32, ../../../../ruby/gems/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
a img {
  border: none;
}

/* line 116, ../../../../ruby/gems/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

@-ms-viewport {
  width: device-width;
  max-width: 100%;
}
/* line 8, ../sass/components/_base.scss */
* {
  margin: 0;
  outline: 0 none;
  padding: 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/* line 16, ../sass/components/_base.scss */
html, body {
  height: 100%;
  width: 100%;
}

/* line 22, ../sass/components/_base.scss */
body {
  background: #316969;
  color: #fafafa;
  font-family: "Roboto", Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: normal;
  margin: 0 auto;
  overflow-x: hidden;
  padding: 0;
  position: absolute;
  text-align: left;
  vertical-align: baseline;
}
@media (min-width: 1440px) {
  /* line 22, ../sass/components/_base.scss */
  body {
    font-size: 20px;
  }
}

/* line 43, ../sass/components/_base.scss */
p {
  margin: 0 0 1.8em 0;
}

/* line 56, ../sass/components/_base.scss */
figure {
  margin-bottom: 1.8em;
}

/* line 61, ../sass/components/_base.scss */
figcaption {
  font-family: "Oswald", Arial, Helvetica, sans-serif;
  position: relative;
  padding: 1.8em 2em 0;
}
/* line 66, ../sass/components/_base.scss */
figcaption:before {
  border-bottom: 1em solid transparent;
  border-left: 1em solid transparent;
  border-right: 1em solid transparent;
  border-top: 1em solid;
  content: "";
  color: rgba(0, 0, 0, 0.5);
  display: block;
  height: 0;
  left: 5%;
  line-height: 0.3;
  position: absolute;
  top: 0;
  width: 0;
}

/* line 84, ../sass/components/_base.scss */
blockquote {
  font-family: "Oswald", Arial, Helvetica, sans-serif;
  font-size: 2.25em;
  font-weight: 100;
  line-height: 1;
  margin: 0 0 1.8em 0;
  background: rgba(0, 0, 0, 0.5);
  padding: 5% 5% 6%;
  position: relative;
}
/* line 94, ../sass/components/_base.scss */
blockquote p:last-child {
  margin-bottom: 0;
}

/* line 100, ../sass/components/_base.scss */
ul {
  margin-left: 0;
  padding: 0;
  margin: 0;
}
/* line 107, ../sass/components/_base.scss */
ul.no-bullets li {
  list-style-type: none;
  margin-left: 0;
  padding: 0;
}

/* line 116, ../sass/components/_base.scss */
.file ul.links {
  display: none;
}

/* line 121, ../sass/components/_base.scss */
.field li {
  list-style-type: square;
  margin: 0 0 0 1em;
  padding: 0 0 1em;
}

/* line 128, ../sass/components/_base.scss */
h1, h2, h3, h4, h5, h6 {
  font-family: "Oswald", Arial, Helvetica, sans-serif;
  text-rendering: optimizelegibility;
}

/* line 134, ../sass/components/_base.scss */
h1, h2 {
  font-size: 3.75em;
  font-weight: 400;
  line-height: 1.1;
}
@media (max-width: 899px) {
  /* line 134, ../sass/components/_base.scss */
  h1, h2 {
    font-size: 2.5em;
  }
}

/* line 145, ../sass/components/_base.scss */
h3 {
  font-size: 1.6em;
  line-height: 1.2;
  text-transform: uppercase;
}
@media (max-width: 899px) {
  /* line 145, ../sass/components/_base.scss */
  h3 {
    font-size: 1.25em;
  }
}

/* line 156, ../sass/components/_base.scss */
img {
  height: auto;
  margin: 0 0 1.8em;
  padding: 0;
  max-width: 100%;
}

/* line 170, ../sass/components/_base.scss */
a,
a:visited {
  cursor: pointer;
  color: #b2f3f6;
  outline: medium none;
  position: relative;
  text-decoration: none;
  transition: background-color 0.3s, color 0.3s;
}

/* line 182, ../sass/components/_base.scss */
a:hover {
  background-color: #37e2d6;
  color: #316969;
  font-weight: 400;
}
/* line 188, ../sass/components/_base.scss */
a:hover:before {
  content: "";
  display: block;
  left: -3px;
  top: 0;
  border-left: 3px solid #37e2d6;
  bottom: 0;
  position: absolute;
  border-right: 3px solid #37e2d6;
  width: 100%;
  transition: left 0.7s;
}

/* line 203, ../sass/components/_base.scss */
a:active {
  color: #FFF;
}

/* line 209, ../sass/components/_base.scss */
a.button, input.button {
  background: #163232;
  border: 0 none;
  font-family: "Oswald", Arial, Helvetica, sans-serif;
  font-size: 0.9em;
  padding: 0.5em 4em 0.5em 1.25em;
  text-transform: uppercase;
  position: relative;
  transition: background-color 0.6s, box-shadow 0.6s;
}
/* line 219, ../sass/components/_base.scss */
a.button:before, input.button:before {
  content: "";
  display: block;
  left: 50%;
  top: 0;
  border-top: 1px solid #163232;
  border-left: 1px solid #163232;
  bottom: 0;
  position: absolute;
  border-bottom: 1px solid #163232;
  width: 14px;
  transition: left 0.7s;
}
/* line 233, ../sass/components/_base.scss */
a.button:after, input.button:after {
  border-top: 1px solid #163232;
  border-right: 1px solid #163232;
  border-bottom: 1px solid #163232;
  content: "";
  display: block;
  right: 50%;
  top: 0;
  bottom: 0;
  position: absolute;
  width: 14px;
  transition: right 0.7s;
}
/* line 247, ../sass/components/_base.scss */
a.button:hover, input.button:hover {
  background: transparent;
  box-shadow: 0;
}
/* line 251, ../sass/components/_base.scss */
a.button:hover:after, input.button:hover:after {
  border-color: inherit;
  right: 0;
  transition: right 0.25s;
}
/* line 257, ../sass/components/_base.scss */
a.button:hover:before, input.button:hover:before {
  border-color: inherit;
  left: 0;
  transition: left 0.25s;
}
/* line 264, ../sass/components/_base.scss */
a.button:active, input.button:active {
  background: #99CCFF;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.8);
}

/* line 271, ../sass/components/_base.scss */
a img {
  border: medium none;
}

/* line 276, ../sass/components/_base.scss */
.headline {
  font-family: "Oswald", Arial, Helvetica, sans-serif;
  font-size: 2em;
  line-height: 1.1;
  text-transform: uppercase;
}

/* line 284, ../sass/components/_base.scss */
.drop-headline {
  font-family: "Oswald", Arial, Helvetica, sans-serif;
  font-size: 1.25em;
  line-height: 1.1;
  text-transform: uppercase;
}

/* line 292, ../sass/components/_base.scss */
.clearfix:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}

/* line 301, ../sass/components/_base.scss */
* html .clearfix {
  height: 1%;
}

/* line 305, ../sass/components/_base.scss */
* + html .clearfix {
  height: 1%;
}

/* line 309, ../sass/components/_base.scss */
.clearfix {
  display: block;
}

/* line 313, ../sass/components/_base.scss */
.hd-sm {
  font-family: "Oswald", Arial, Helvetica, sans-serif;
  font-size: 1.5em;
  font-weight: normal;
  line-height: 1.2;
  margin: 0;
  text-transform: uppercase;
}

/* line 322, ../sass/components/_base.scss */
.hd-med {
  font-size: 1.25em;
  margin: 0;
}
@media (min-width: 1079px) {
  /* line 322, ../sass/components/_base.scss */
  .hd-med {
    font-size: 1.6em;
  }
}

/* line 331, ../sass/components/_base.scss */
.hd-lrg {
  font-family: "Oswald", Arial, Helvetica, sans-serif;
  font-size: 2.5em;
  font-size: 9vw;
  line-height: 1.1;
  margin: 0;
  text-transform: uppercase;
}
@media (min-width: 1079px) {
  /* line 331, ../sass/components/_base.scss */
  .hd-lrg {
    font-size: 3.75em;
  }
}

/* line 344, ../sass/components/_base.scss */
.kint {
  position: relative;
  top: 60px;
  z-index: 1000;
}

/* line 350, ../sass/components/_base.scss */
.description {
  font-family: Roboto, sans-serif;
  font-weight: 300;
  font-size: 0.8em;
}

@media (max-width: 799px) {
  /* line 356, ../sass/components/_base.scss */
  .text-align-right {
    text-align: left;
  }
}

@font-face {
  font-family: 'fontello';
  src: url("../fonts/fontello/font/fontello.eot");
  /* IE9 Compat Modes */
  src: url("../fonts/fontello/font/fontello.eot?#iefix") format("embedded-opentype"), url("../fonts/fontello/font/fontello.woff") format("woff"), url("../fonts/fontello/font/fontello.ttf") format("truetype"), url("../fonts/fontello/font/fontello.svg#svgFontName") format("svg");
  /* Legacy iOS */
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local("Roboto Light"), local("Roboto-Light"), url(https://fonts.gstatic.com/s/roboto/v15/0eC6fl06luXEYWpBSJvXCBJtnKITppOI_IvcXXDNrsc.woff2) format("woff2");
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local("Roboto Light"), local("Roboto-Light"), url(https://fonts.gstatic.com/s/roboto/v15/Fl4y0QdOxyyTHEGMXX8kcRJtnKITppOI_IvcXXDNrsc.woff2) format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local("Roboto Light"), local("Roboto-Light"), url(https://fonts.gstatic.com/s/roboto/v15/-L14Jk06m6pUHB-5mXQQnRJtnKITppOI_IvcXXDNrsc.woff2) format("woff2");
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local("Roboto Light"), local("Roboto-Light"), url(https://fonts.gstatic.com/s/roboto/v15/I3S1wsgSg9YCurV6PUkTORJtnKITppOI_IvcXXDNrsc.woff2) format("woff2");
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local("Roboto Light"), local("Roboto-Light"), url(https://fonts.gstatic.com/s/roboto/v15/NYDWBdD4gIq26G5XYbHsFBJtnKITppOI_IvcXXDNrsc.woff2) format("woff2");
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local("Roboto Light"), local("Roboto-Light"), url(https://fonts.gstatic.com/s/roboto/v15/Pru33qjShpZSmG3z6VYwnRJtnKITppOI_IvcXXDNrsc.woff2) format("woff2");
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local("Roboto Light"), local("Roboto-Light"), url(https://fonts.gstatic.com/s/roboto/v15/Hgo13k-tfSpn0qi1SFdUfVtXRa8TVwTICgirnJhmVJw.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local("Roboto"), local("Roboto-Regular"), url(https://fonts.gstatic.com/s/roboto/v15/ek4gzZ-GeXAPcSbHtCeQI_esZW2xOQ-xsNqO47m55DA.woff2) format("woff2");
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local("Roboto"), local("Roboto-Regular"), url(https://fonts.gstatic.com/s/roboto/v15/mErvLBYg_cXG3rLvUsKT_fesZW2xOQ-xsNqO47m55DA.woff2) format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local("Roboto"), local("Roboto-Regular"), url(https://fonts.gstatic.com/s/roboto/v15/-2n2p-_Y08sg57CNWQfKNvesZW2xOQ-xsNqO47m55DA.woff2) format("woff2");
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local("Roboto"), local("Roboto-Regular"), url(https://fonts.gstatic.com/s/roboto/v15/u0TOpm082MNkS5K0Q4rhqvesZW2xOQ-xsNqO47m55DA.woff2) format("woff2");
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local("Roboto"), local("Roboto-Regular"), url(https://fonts.gstatic.com/s/roboto/v15/NdF9MtnOpLzo-noMoG0miPesZW2xOQ-xsNqO47m55DA.woff2) format("woff2");
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local("Roboto"), local("Roboto-Regular"), url(https://fonts.gstatic.com/s/roboto/v15/Fcx7Wwv8OzT71A3E1XOAjvesZW2xOQ-xsNqO47m55DA.woff2) format("woff2");
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local("Roboto"), local("Roboto-Regular"), url(https://fonts.gstatic.com/s/roboto/v15/CWB0XYA8bzo0kSThX0UTuA.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local("Roboto Medium"), local("Roboto-Medium"), url(https://fonts.gstatic.com/s/roboto/v15/ZLqKeelYbATG60EpZBSDyxJtnKITppOI_IvcXXDNrsc.woff2) format("woff2");
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local("Roboto Medium"), local("Roboto-Medium"), url(https://fonts.gstatic.com/s/roboto/v15/oHi30kwQWvpCWqAhzHcCSBJtnKITppOI_IvcXXDNrsc.woff2) format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local("Roboto Medium"), local("Roboto-Medium"), url(https://fonts.gstatic.com/s/roboto/v15/rGvHdJnr2l75qb0YND9NyBJtnKITppOI_IvcXXDNrsc.woff2) format("woff2");
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local("Roboto Medium"), local("Roboto-Medium"), url(https://fonts.gstatic.com/s/roboto/v15/mx9Uck6uB63VIKFYnEMXrRJtnKITppOI_IvcXXDNrsc.woff2) format("woff2");
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local("Roboto Medium"), local("Roboto-Medium"), url(https://fonts.gstatic.com/s/roboto/v15/mbmhprMH69Zi6eEPBYVFhRJtnKITppOI_IvcXXDNrsc.woff2) format("woff2");
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local("Roboto Medium"), local("Roboto-Medium"), url(https://fonts.gstatic.com/s/roboto/v15/oOeFwZNlrTefzLYmlVV1UBJtnKITppOI_IvcXXDNrsc.woff2) format("woff2");
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local("Roboto Medium"), local("Roboto-Medium"), url(https://fonts.gstatic.com/s/roboto/v15/RxZJdnzeo3R5zSexge8UUVtXRa8TVwTICgirnJhmVJw.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* Welcome to Compass.
 * In this file you should write your main styles. (or centralize your imports)
 * Import this file using the following HTML or equivalent:
 * <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
@-webkit-keyframes rotate {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@-moz-keyframes rotate {
  from {
    -moz-transform: rotate(0deg);
  }
  to {
    -moz-transform: rotate(360deg);
  }
}
@-o-keyframes rotate {
  from {
    -o-transform: rotate(0deg);
  }
  to {
    -o-transform: rotate(360deg);
  }
}
@keyframes rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes blink {
  50% {
    opacity: 0;
  }
}
@-webkit-keyframes left-to-right {
  from {
    left: -2.5%;
  }
  to {
    left: 100%;
  }
}
@-webkit-keyframes right-to-left {
  from {
    right: -2.5%;
  }
  to {
    right: 100%;
  }
}
@-webkit-keyframes load-from-left {
  from {
    left: -84%;
  }
  to {
    left: 14%;
  }
}
@-webkit-keyframes load-from-right {
  from {
    left: 100%;
  }
  to {
    left: 14%;
  }
}
@keyframes link-blink {
  50% {
    color: transparent;
  }
}
/* line 6, ../sass/components/_form.scss */
form {
  max-width: 500px;
}
/* line 9, ../sass/components/_form.scss */
form label {
  font-family: Roboto, sans-serif;
  font-weight: 300;
  font-size: 0.8em;
  text-transform: uppercase;
}
/* line 16, ../sass/components/_form.scss */
form.ajax-submitted {
  opacity: 0.25;
}

/* line 22, ../sass/components/_form.scss */
input,
textarea,
select {
  background: none repeat scroll 0 0 #fff;
  border: 1px solid transparent;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
  color: #484848;
  display: block;
  float: none;
  font-family: "Roboto", Arial, Helvetica, sans-serif;
  font-size: 1em;
  padding: 2px;
  width: 100%;
}

/* line 38, ../sass/components/_form.scss */
.form-item {
  margin: 1.5em auto;
}

/* line 42, ../sass/components/_form.scss */
.form-item input.error, .form-item textarea.error, .form-item select.error {
  border: 1px solid #99CCFF;
}

/* line 47, ../sass/components/_form.scss */
.resizable-textarea .grippie {
  display: none;
}

/* line 52, ../sass/components/_form.scss */
input.button {
  background: rgba(0, 0, 0, 0.5);
  color: #b2f3f3;
  cursor: pointer;
  font-family: "Oswald", Arial, Helvetica, sans-serif;
  font-size: 0.8em;
  font-weight: 500;
  letter-spacing: 0.1em;
  margin-top: 0.5em;
  text-align: left;
  text-transform: uppercase;
  padding: 0.75em 1.25em;
  width: 100%;
  transition: background 0.6s, box-shadow 0.2s;
}
/* line 68, ../sass/components/_form.scss */
input.button:hover {
  background: #90d4d3;
  box-shadow: 6px 6px 4px rgba(0, 0, 0, 0.4);
}
/* line 73, ../sass/components/_form.scss */
input.button:active {
  background: #60b4b3;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8);
  transition: box-shadow 0.2s;
}

/* line 81, ../sass/components/_form.scss */
.label {
  padding: 0 0.5em 0 0;
}

/* line 93, ../sass/components/_form.scss */
.custom-contact-form {
  margin: 0;
  padding: 0 0 10em;
}
/* line 101, ../sass/components/_form.scss */
.custom-contact-form .ajax-progress,
.custom-contact-form .ajax-progress-throbber {
  background: rgba(0, 0, 0, 0.9);
  position: fixed;
  height: 100%;
  width: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
}
/* line 113, ../sass/components/_form.scss */
.custom-contact-form .ajax-progress .throbber,
.custom-contact-form .ajax-progress-throbber .throbber {
  background: none;
  float: none;
  left: 0;
  position: absolute;
  bottom: 52%;
  text-align: center;
  width: 100%;
}
/* line 122, ../sass/components/_form.scss */
.custom-contact-form .ajax-progress .throbber:after,
.custom-contact-form .ajax-progress-throbber .throbber:after {
  color: #b2f3f3;
  content: "a";
  display: block;
  font-family: fontello;
  font-size: 5em;
  animation: rotate 2s linear infinite;
}
/* line 132, ../sass/components/_form.scss */
.custom-contact-form .ajax-progress .message,
.custom-contact-form .ajax-progress-throbber .message {
  left: 0;
  position: absolute;
  text-align: center;
  text-transform: uppercase;
  top: 50%;
  width: 100%;
}

/* line 147, ../sass/components/_form.scss */
form#user-login {
  padding: 2em;
}

/* line 151, ../sass/components/_form.scss */
div.messages,
div.error {
  background-image: none;
  border-color: #99CCFF;
  background-color: rgba(0, 0, 0, 0.3);
  color: #99CCFF;
}
/* line 158, ../sass/components/_form.scss */
div.messages li,
div.error li {
  padding: 0.5em 0;
}

/* line 169, ../sass/components/_form.scss */
.form-item-contact-bot {
  height: 0;
  overflow: hidden;
  margin: 0;
  position: absolute;
}

/* Layouts
 * Primary body and sections layouts
 */
/* line 6, ../sass/components/_layout.scss */
#layout {
  height: 100%;
  min-height: 600px;
  position: absolute;
  width: 100%;
  top: 0;
  transition: background-color 600ms;
  touch-action: pan-y;
}

/* line 17, ../sass/components/_layout.scss */
.layout-gutter {
  margin: 0 auto;
  width: 76%;
}

/* line 22, ../sass/components/_layout.scss */
.messages {
  padding: 1em 1.5em;
}

/* line 26, ../sass/components/_layout.scss */
#messages {
  left: -100%;
  position: absolute;
  text-align: center;
  top: 0;
  width: 100%;
}
/* line 33, ../sass/components/_layout.scss */
#messages.show {
  background-color: rgba(44, 51, 57, 0.9);
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
}
/* line 41, ../sass/components/_layout.scss */
#messages .page-tab-toc {
  position: relative;
  width: 100%;
  text-align: center;
}

/* line 48, ../sass/components/_layout.scss */
.panels-toc-left {
  background: #000;
  position: fixed;
  left: 0;
  width: 30px;
  height: 100%;
}

/* line 56, ../sass/components/_layout.scss */
.panels-toc-right {
  background: #000;
  position: fixed;
  width: 30px;
  height: 100%;
  right: 0;
}

/* ========== breadcrumb ========== */
/* line 67, ../sass/components/_layout.scss */
.breadcrumb {
  opacity: 0;
  overflow: hidden;
  padding-left: 12%;
  padding-right: 12%;
  width: 100%;
}

/* line 85, ../sass/components/_layout.scss */
.title-path {
  font-family: "Oswald", Arial, Helvetica, sans-serif;
  left: 2.5%;
  position: relative;
  font-size: 14px;
  text-transform: uppercase;
  margin-left: 348px;
  padding-left: 0;
}

/* line 95, ../sass/components/_layout.scss */
.title-path > span {
  padding-left: 12px;
  position: relative;
  left: -149px;
}
/* line 100, ../sass/components/_layout.scss */
.title-path > span:before {
  content: "/";
  left: 2px;
  margin-right: 1em;
  position: absolute;
}

/* ========== logo ========== */
/* line 113, ../sass/components/_layout.scss */
#logo-header {
  box-sizing: content-box;
  position: fixed;
  top: 6px;
  left: 14%;
  width: 150px;
  z-index: 2;
  transition: left 1s, opacity 300ms;
  /** 
   svg {
     // fill: #b2f3f3;
     // fill: #8ccece;
   }
   */
}
/* line 123, ../sass/components/_layout.scss */
#logo-header:hover {
  background: none;
}
/* line 126, ../sass/components/_layout.scss */
#logo-header:hover svg {
  fill: #37e2d6;
}

/* line 141, ../sass/components/_layout.scss */
.logo-container {
  font-size: 0;
  position: relative;
}

/* line 150, ../sass/components/_layout.scss */
a.logo-link:hover svg {
  fill: #37e2d6;
}

/* line 159, ../sass/components/_layout.scss */
.logo-horizontal svg.logo-icon {
  width: 25%;
}
/* line 163, ../sass/components/_layout.scss */
.logo-horizontal svg.logo-text {
  margin-left: 4%;
  margin-top: 5.75%;
  position: absolute;
  width: 70%;
}

/* line 172, ../sass/components/_layout.scss */
svg.logo-icon {
  fill: #b2f3f3;
  transition: fill 0.4s;
}

/* line 179, ../sass/components/_layout.scss */
svg.logo-text {
  fill: #b2f3f3;
  transition: fill 0.4s;
}

/* line 186, ../sass/components/_layout.scss */
#logo-nav {
  font-family: "fontello" !important;
  text-transform: none;
  /**
  .logo-container { 
    // visibility: hidden;
    position: relative;
    left: 14%;
    top: 50%;
    width: 60%;
  }
  */
}

/* line 202, ../sass/components/_layout.scss */
#logo-mast {
  display: none;
  /**
  bottom: 47.5%;
  left: 40%;
  margin-bottom: -38px;
  width: 20%; 
  position: absolute;
  width: 20%; 
  
  @media (max-width: 1279px) {
    left: 35%;  
    margin-bottom: -19px;
    width: 30%;
  }    
  
  @media (max-width: 799px) {
    left: 30%;    
    width: 40%;
  }  
  */
}

/* line 228, ../sass/components/_layout.scss */
.logo-vertical svg.logo-icon {
  position: relative;
  width: 100%;
}
/* line 233, ../sass/components/_layout.scss */
.logo-vertical svg.logo-text {
  margin-left: 0;
  margin-top: 4%;
  position: relative;
  width: 100%;
}

/* ========== hero ========== */
@media (min-width: 1024px) {
  /* line 248, ../sass/components/_layout.scss */
  .hero-right .hero-txt {
    float: right;
  }
}
@media (min-width: 1024px) {
  /* line 255, ../sass/components/_layout.scss */
  .hero-right .title-path {
    left: 52.5%;
  }
}

/* line 265, ../sass/components/_layout.scss */
.hero-center .hero-txt {
  margin: 0 auto;
}

/* line 278, ../sass/components/_layout.scss */
.hero-element {
  margin: 0 auto;
  min-height: 100%;
  padding-left: 12%;
  padding-right: 12%;
  position: relative;
}

/* line 288, ../sass/components/_layout.scss */
.hero-txt {
  position: relative;
  margin-left: 2.5%;
  margin-right: 2.5%;
  top: 50%;
}
@media (min-width: 1024px) {
  /* line 288, ../sass/components/_layout.scss */
  .hero-txt {
    top: 45%;
    width: 45%;
  }
}

/* ========== scenes ========== */
/* line 305, ../sass/components/_layout.scss */
#layout-scene-bg {
  left: 0;
  height: 100%;
  position: fixed;
  top: 0;
  width: 100%;
}

/* line 314, ../sass/components/_layout.scss */
#layout-scene {
  background-position: center;
  background-size: cover;
  height: 100%;
  left: 0;
  opacity: 1;
  position: fixed;
  top: 0;
  width: 100%;
  overflow: hidden;
  transition: opacity 1s;
}
/* line 328, ../sass/components/_layout.scss */
#layout-scene.loading #scene-container {
  opacity: 0;
  transition: opacity 0s;
}

/* line 336, ../sass/components/_layout.scss */
#scene-container {
  height: 100%;
  position: absolute;
  width: 100%;
  margin: 0 auto;
  transition: opacity 750ms;
}

/* line 346, ../sass/components/_layout.scss */
#scene {
  height: 100%;
  margin: 0 auto;
  padding: 0;
  position: relative;
  width: 100%;
}
/* line 354, ../sass/components/_layout.scss */
#scene img {
  max-height: none;
  max-width: none;
}

/* line 361, ../sass/components/_layout.scss */
img.scene-layer {
  position: absolute;
}

/* line 366, ../sass/components/_layout.scss */
#readOut {
  font-size: 0.8em;
  position: fixed;
  top: 50px;
  text-align: center;
  height: 38px;
  left: 0;
  width: 100%;
}

/* line 382, ../sass/components/_layout.scss */
.region-content {
  bottom: 0;
  height: 100%;
  left: 0;
  padding: 40px 90px;
  position: absolute;
  top: 0;
  width: 100%;
}
@media (max-width: 959px) {
  /* line 382, ../sass/components/_layout.scss */
  .region-content {
    height: auto;
    left: auto;
    position: relative;
    padding-left: 40px;
    width: 100%;
  }
}

/* line 407, ../sass/components/_layout.scss */
#top {
  background: #000;
  z-index: 2;
  height: 38px;
  right: 0;
  margin: 0;
  position: fixed;
  top: 0;
  width: 100%;
}

/* line 427, ../sass/components/_layout.scss */
#bottom {
  background: #000;
  bottom: 0;
  font-size: 14px;
  height: 38px;
  position: fixed;
  left: 0;
  width: 100%;
}

/* line 438, ../sass/components/_layout.scss */
#sb-container {
  margin: 4px 0;
  top: 6%;
}

/* line 444, ../sass/components/_layout.scss */
.no-pb {
  display: none;
}

/*===== Panel Container ====================*/
/* line 453, ../sass/components/_layout.scss */
#layout-panels {
  height: 100%;
  left: 0;
  margin: 0 auto;
  position: absolute;
  text-align: left;
  width: 100%;
  transition: left 0.4s;
}
@media (max-width: 1024px) {
  /* line 453, ../sass/components/_layout.scss */
  #layout-panels {
    position: relative;
  }
}

/* line 472, ../sass/components/_layout.scss */
.panel {
  height: 100%;
  left: -100%;
  margin: 1px 0 0;
  padding: 0;
  top: 0;
  width: 100%;
  position: absolute;
}

/* line 483, ../sass/components/_layout.scss */
.panel-content {
  height: 0;
  position: relative;
  left: -100%;
  overflow: hidden;
  width: 0;
}

/* line 492, ../sass/components/_layout.scss */
.panel-content-active {
  height: 100%;
  overflow: visible;
  width: 100%;
  left: 0;
}
/* line 498, ../sass/components/_layout.scss */
.panel-content-active .sibling-link {
  opacity: 1;
  transition: opacity 0.6s 1s;
}
/* line 503, ../sass/components/_layout.scss */
.panel-content-active div.title-path {
  opacity: 1;
  transition: opacity 600ms;
}
/* line 515, ../sass/components/_layout.scss */
.panel-content-active:after {
  background: transparent;
  content: "";
  display: block;
  position: absolute;
  height: 0;
  top: 0;
  width: 0;
  border-top: 1.2em solid;
  border-left: 0.8em solid transparent;
  border-bottom: none;
  border-right: 0.4em solid;
}

/* line 533, ../sass/components/_layout.scss */
.panel-gui-container {
  display: none;
  position: fixed;
  left: 0;
  font-size: 1em;
  height: 100%;
  top: 0;
  width: 100%;
}
/* line 544, ../sass/components/_layout.scss */
.panel-gui-container:after {
  content: "";
  display: block;
  position: absolute;
  height: 100%;
  top: 0;
  right: 0;
  width: 40px;
  background: #000;
}
/* line 555, ../sass/components/_layout.scss */
.panel-gui-container:before {
  content: "";
  display: block;
  position: absolute;
  height: 100%;
  top: 0;
  left: 0;
  width: 40px;
  background: #000;
}

/* line 568, ../sass/components/_layout.scss */
.panel-gui {
  display: none;
  float: left;
  width: 24px;
  margin: 0 3px;
  height: 100%;
  border: 1px solid;
}

/* line 578, ../sass/components/_layout.scss */
.panel-indicator {
  height: 100%;
  left: 0;
  padding: 1px;
  position: absolute;
  top: 0;
  width: 20%;
  transition: left 0.6s;
  /**
     &:after {     
        background: transparent;
        content: "";
        display: block;
        position: absolute;
        height: 0;
        top: 0;
        width: 0;
        //right: 1px;          
    border-top: 1.2em solid;
    border-left: 0.8em solid transparent;
    border-bottom: none;
    border-right: 0.4em solid;        
      }   
  
  &:before {   
    // content: "";
    display: block;
    position: absolute;
    left: 0;
    height: 0;
    top: 0;
    width: 0;
    border-top: 0.25em solid #aaa;
    border-right: 0.25em solid #aaa;
    border-bottom: 0.25em solid transparent;
    border-left: 0.25em solid transparent;    
  }  
  */
}

/* line 621, ../sass/components/_layout.scss */
.panel-indicator-icon {
  background: #b2f3f3;
  color: transparent;
  height: 100%;
  display: none;
  position: relative;
  width: 100%;
}

/* line 641, ../sass/components/_layout.scss */
.scene-control {
  display: inline-block;
  margin-left: 1px;
  width: 46px;
  height: 42px;
  text-align: center;
}

/* line 649, ../sass/components/_layout.scss */
#scene-stop {
  display: none;
}

/* line 653, ../sass/components/_layout.scss */
#scene-play {
  display: none;
}

/* line 657, ../sass/components/_layout.scss */
#scene-reset {
  display: none;
}

/* line 663, ../sass/components/_layout.scss */
#animateControl {
  height: 100%;
  position: absolute;
  bottom: 0;
  font-size: 0;
  line-height: 38px;
  right: 9%;
}
/* line 673, ../sass/components/_layout.scss */
#animateControl.loading #readOut {
  display: block;
}
/* line 677, ../sass/components/_layout.scss */
#animateControl.loading #scene-stop {
  display: none;
}
/* line 681, ../sass/components/_layout.scss */
#animateControl.loading #scene-play {
  display: none;
}
/* line 688, ../sass/components/_layout.scss */
#animateControl.init #scene-play {
  display: inline-block;
}
/* line 692, ../sass/components/_layout.scss */
#animateControl.init #scene-reset {
  display: inline-block;
}
/* line 699, ../sass/components/_layout.scss */
#animateControl.finished #scene-reset {
  display: inline-block;
}
/* line 706, ../sass/components/_layout.scss */
#animateControl.loading #readOut {
  display: block;
}
/* line 710, ../sass/components/_layout.scss */
#animateControl.loading #scene-stop {
  display: none;
}
/* line 714, ../sass/components/_layout.scss */
#animateControl.loading #scene-play {
  display: none;
}
/* line 721, ../sass/components/_layout.scss */
#animateControl.paused #scene-stop {
  display: none;
}
/* line 724, ../sass/components/_layout.scss */
#animateControl.paused #scene-play {
  display: inline-block;
}
/* line 731, ../sass/components/_layout.scss */
#animateControl.playing #scene-reset {
  display: inline-block;
}
/* line 735, ../sass/components/_layout.scss */
#animateControl.playing #scene-stop {
  display: inline-block;
}
/* line 740, ../sass/components/_layout.scss */
#animateControl span.text {
  display: none;
  font-size: 11px;
  text-transform: uppercase;
}
/* line 746, ../sass/components/_layout.scss */
#animateControl span.icon {
  font-size: 22px;
}
/* line 750, ../sass/components/_layout.scss */
#animateControl #readOut {
  display: none;
}

/* line 757, ../sass/components/_layout.scss */
#copy-text {
  font-family: "Roboto", Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 46px;
  position: absolute;
  text-transform: uppercase;
  bottom: 0;
  width: 100%;
}

/* line 767, ../sass/components/_layout.scss */
#audioControl {
  display: none;
}

/* line 775, ../sass/components/_layout.scss */
#read-out {
  top: 0;
  font-size: 12px;
  height: 100%;
  line-height: 40px;
  position: absolute;
  left: 0;
  width: 100%;
}
/* line 784, ../sass/components/_layout.scss */
#read-out .inner {
  position: absolute;
  bottom: 0;
  width: 100%;
}
/* line 790, ../sass/components/_layout.scss */
#read-out div {
  padding: 0 30px 0 0;
}
/* line 794, ../sass/components/_layout.scss */
#read-out p {
  margin: 0;
}

/* line 799, ../sass/components/_layout.scss */
.feedContainer .item-list {
  margin: 1.1em 0;
}

/* line 803, ../sass/components/_layout.scss */
.feedContainer .more-link {
  display: none;
}

/* line 808, ../sass/components/_layout.scss */
#ajax_trigger {
  height: 100%;
  width: 100%;
  background: #336699;
  position: fixed;
  top: 0;
  left: -100%;
  overflow: hidden;
}
/* line 818, ../sass/components/_layout.scss */
#ajax_trigger.progress-disabled {
  height: 100%;
  width: 100%;
  background: #336699;
  position: fixed;
  top: 0;
  left: -100%;
}

/* line 829, ../sass/components/_layout.scss */
.ajax-progress {
  height: 100%;
  width: 100%;
  background: #336699;
  position: fixed;
  top: 0;
  left: -100%;
  background-position: center;
  text-align: center;
}

/* line 840, ../sass/components/_layout.scss */
#alert-screen {
  background: #255250;
  position: absolute;
  left: -100%;
  height: 100%;
  text-align: center;
  top: 0;
  width: 100%;
}
/* line 849, ../sass/components/_layout.scss */
#alert-screen .inner {
  padding-top: 140px;
  position: relative;
}

/* line 855, ../sass/components/_layout.scss */
.icon {
  font-family: "fontello";
}

/* line 859, ../sass/components/_layout.scss */
span.icon,
span.text {
  vertical-align: middle;
}

/* Menus
 * Menus and tab items
 */
/* line 9, ../sass/components/_menu.scss */
#site-menu li.active-trail > ul.active-trail {
  left: 0;
  opacity: 1;
}

/* line 14, ../sass/components/_menu.scss */
a.nav-item {
  display: block;
  font-family: "Oswald", Arial, Helvetica, sans-serif;
  height: 100%;
  line-height: 0;
  min-height: 8px;
  position: relative;
  width: 100%;
  text-transform: uppercase;
  transition: background-color 0.4s, color 0.4s;
  /**
  &:before {      
    background: transparent;
    content: "";
    display: block;
    position: absolute;
    height: 0;
    bottom: 100%;
    width: 0;
    left: 3px;          
    border-top: none;
    border-right: 1em solid transparent;
    border-bottom: 1.5em solid $top-accent;
    border-left: 0.5em solid $top-accent;     
  }

  &:before {
    background: transparent;
    content: "";
    display: block;
    position: absolute;
    height: 100%;
    bottom: 100%;
    width: 100%;
    left: 0;          
    //border-top: none;
    //border-right: 1em solid transparent;
    //border-bottom: 1.5em solid $top-accent;
    //border-left: 0.5em solid $top-accent;
    border-color: #fff;
    border-type: solid;
    border-width: 1px;
    opacity: 1;
  }       
  */
  /**
  &:hover {       
    // color: $menu-item-color-hover;
    // @include menu-item-bg-color-hover; 
    // border-color: $menu-item-color-hover-mobile; 
  }
  */
  /**
  &:before {
    background: transparent;
    content: "";
    display: block;
    position: absolute;
    height: 0;
    bottom: 3px;
    width: 0;
    left: 3px;          
    border-top: none;
    border-right: 1em solid transparent;
    border-bottom: 1.5em solid $top-accent;
    border-left: 0.55em solid $top-accent;
  }        
  */
}
/* line 25, ../sass/components/_menu.scss */
a.nav-item span {
  display: block;
  opacity: 0;
  position: relative;
  top: 50%;
  width: 100%;
}
/* line 33, ../sass/components/_menu.scss */
a.nav-item:after {
  background: transparent;
  content: "";
  display: block;
  position: absolute;
  height: 0;
  bottom: 4px;
  opacity: 0;
  width: 0;
  left: 4px;
  border-top: none;
  border-right: 1em solid transparent;
  border-bottom: 1.5em solid;
  border-left: 0.5em solid;
}
/* line 49, ../sass/components/_menu.scss */
a.nav-item:before {
  background: transparent;
  box-sizing: border-box;
  content: "";
  display: block;
  left: 0;
  position: absolute;
  height: 100%;
  top: 0;
  width: 100%;
  border: 1px solid;
}
/* line 127, ../sass/components/_menu.scss */
a.nav-item:hover:before {
  border-color: #37e2d6;
}

/* line 134, ../sass/components/_menu.scss */
#layout-nav {
  border-right: 30px solid transparent;
  right: 0;
  min-width: 200px;
  padding-bottom: 38px;
  padding-top: 38px;
  position: fixed;
  top: 0;
  transition: width 0.4s;
  width: 14%;
}
/* line 145, ../sass/components/_menu.scss */
#layout-nav:before {
  background: black;
  content: "";
  display: block;
  border-right: 30px solid transparent;
  right: 0;
  height: 0;
  position: fixed;
  top: 0;
  width: 100%;
}

/* line 159, ../sass/components/_menu.scss */
#site-menu {
  background: #000;
  display: flex;
  font-size: 0;
  height: 100%;
  position: relative;
  left: 0;
  list-style: none;
  margin: 0;
  top: 0;
  width: 100%;
}
/* line 172, ../sass/components/_menu.scss */
#site-menu ul {
  background: #000;
  display: flex;
  height: 100%;
}
/* line 178, ../sass/components/_menu.scss */
#site-menu li {
  display: block;
  flex: 1;
  list-style: none;
  padding: 0 0 3px 3px;
  text-transform: uppercase;
  width: 100%;
}
/* line 188, ../sass/components/_menu.scss */
#site-menu li.active-trail > .nav-item {
  color: #fff;
}
/* line 191, ../sass/components/_menu.scss */
#site-menu li.active-trail > .nav-item:before {
  background: #fff;
}
/* line 195, ../sass/components/_menu.scss */
#site-menu li.active-trail > .nav-item:hover {
  background: rgba(255, 255, 255, 0.25);
  border-color: #fff;
}
/* line 204, ../sass/components/_menu.scss */
#site-menu li.on > ul {
  font-size: inherit;
  left: 0;
  opacity: 1;
  padding: 0;
  position: relative;
  margin-top: 0;
  transition: opacity 0.4s, left 0s;
}
@media (max-width: 1079px) {
  /* line 204, ../sass/components/_menu.scss */
  #site-menu li.on > ul {
    position: relative;
  }
}
/* line 220, ../sass/components/_menu.scss */
#site-menu li ul {
  opacity: 0;
  padding-left: 0;
  margin: 0;
  position: absolute;
  left: -2000px;
  top: 100%;
  transition: opacity 0.4s, left 0s 0.4s;
  overflow: hidden;
  width: 100%;
}
/* line 233, ../sass/components/_menu.scss */
#site-menu li li a.nav-item {
  line-height: 1.1;
  margin-top: 0;
  position: relative;
  padding-bottom: 1em;
  padding-top: 1em;
  top: auto;
}

/* line 250, ../sass/components/_menu.scss */
.sub-menu-toggler {
  display: none;
  cursor: pointer;
  font-size: 16px;
  line-height: 36px;
  width: 1.5em;
  text-align: center;
  position: absolute;
  right: 14%;
  top: 0;
  transition: background-color 0.4s;
}
/* line 262, ../sass/components/_menu.scss */
.sub-menu-toggler:hover {
  background: rgba(0, 0, 0, 0.65);
}
@media (max-width: 1023px) {
  /* line 250, ../sass/components/_menu.scss */
  .sub-menu-toggler {
    width: 0;
  }
}
/* line 270, ../sass/components/_menu.scss */
.sub-menu-toggler .icon-contract {
  display: none;
}

/* line 278, ../sass/components/_menu.scss */
li.on > .sub-menu-toggler .icon-contract {
  display: block;
}
/* line 282, ../sass/components/_menu.scss */
li.on > .sub-menu-toggler .icon-expand {
  display: none;
}

/* line 295, ../sass/components/_menu.scss */
#site-menu-mobile-toggle {
  border-right: 10px solid #000;
  cursor: pointer;
  height: 38px;
  right: 0;
  min-width: 200px;
  position: fixed;
  text-align: center;
  width: 14%;
  top: 0;
  z-index: 2;
}
/* line 309, ../sass/components/_menu.scss */
#site-menu-mobile-toggle span {
  line-height: 38px;
  vertical-align: middle;
}
/* line 314, ../sass/components/_menu.scss */
#site-menu-mobile-toggle .icon {
  display: inline-block;
  top: 0;
}
/* line 319, ../sass/components/_menu.scss */
#site-menu-mobile-toggle .text {
  font-size: 19px;
  position: relative;
}
/* line 325, ../sass/components/_menu.scss */
#site-menu-mobile-toggle span.action-hide {
  display: none;
  font-size: 11px;
  margin-left: 0.25em;
  position: absolute;
}
/* line 332, ../sass/components/_menu.scss */
#site-menu-mobile-toggle span.action-show {
  display: inline-block;
  font-size: 11px;
  margin-left: 0.25em;
  position: absolute;
}

/* line 344, ../sass/components/_menu.scss */
.sibling-container {
  height: 100%;
  background: transparent;
  position: absolute;
  top: 0;
}
/* line 351, ../sass/components/_menu.scss */
.sibling-container.next {
  border-right: 30px solid #000;
  right: 0;
  direction: rtl;
}
/* line 357, ../sass/components/_menu.scss */
.sibling-container.prev {
  border-left: 30px solid #000;
  left: 0;
}

/* line 364, ../sass/components/_menu.scss */
.sibling-link {
  display: block;
  height: 60px;
  position: absolute;
  top: 50%;
  text-transform: uppercase;
  transition: color 0.4s;
  opacity: 0;
}
/* line 373, ../sass/components/_menu.scss */
.sibling-link:before {
  background: #1c2525;
  content: "";
  display: block;
  position: absolute;
  height: 100%;
  width: 0;
  left: 0;
  top: 0;
  transition: width 300ms;
}
/* line 385, ../sass/components/_menu.scss */
.sibling-link:hover {
  color: #019890;
}
/* line 387, ../sass/components/_menu.scss */
.sibling-link:hover:before {
  width: 100%;
}
/* line 394, ../sass/components/_menu.scss */
.sibling-link:hover .sibling-link-text {
  font-size: 0.9em;
  min-width: 100px;
}
@media (min-width: 1079px) {
  /* line 394, ../sass/components/_menu.scss */
  .sibling-link:hover .sibling-link-text {
    font-size: 14px;
  }
}

/* line 408, ../sass/components/_menu.scss */
.sibling-link-icon {
  background: #000;
  display: block;
  font-family: "fontello";
  font-size: 1.5em;
  height: 60px;
  line-height: 60px;
  position: absolute;
  text-transform: none;
  text-align: center;
  top: 0;
  width: 20px;
}

/* line 423, ../sass/components/_menu.scss */
.sibling-link-text {
  display: block;
  font-family: "Oswald", Arial, Helvetica, sans-serif;
  font-size: 0;
  height: 100%;
  line-height: 1.2;
  padding: 1em 0.5em;
  position: absolute;
  overflow: hidden;
}
@media (min-width: 1079px) {
  /* line 423, ../sass/components/_menu.scss */
  .sibling-link-text {
    font-size: 14px;
    min-width: 100px;
  }
}

/* line 440, ../sass/components/_menu.scss */
.prev-link {
  padding-left: 20px;
  left: 100%;
}
/* line 444, ../sass/components/_menu.scss */
.prev-link .sibling-link-icon {
  content: "l";
  left: 0;
}
/* line 448, ../sass/components/_menu.scss */
.prev-link .sibling-link-icon:before {
  border-top: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #000;
  border-left: 10px solid #000;
  content: "";
  display: block;
  font-family: fontello;
  position: absolute;
  height: 0;
  top: -20px;
  width: 0;
  left: 0;
}
/* line 463, ../sass/components/_menu.scss */
.prev-link .sibling-link-icon:after {
  border-top: 10px solid #000;
  border-right: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 10px solid #000;
  content: "";
  display: block;
  position: absolute;
  height: 0;
  top: 100%;
  width: 0;
  left: 0;
}

/* line 480, ../sass/components/_menu.scss */
.next-link {
  direction: rtl;
  padding-right: 20px;
  right: 100%;
}
/* line 485, ../sass/components/_menu.scss */
.next-link:before {
  left: unset;
  right: 0;
}
/* line 490, ../sass/components/_menu.scss */
.next-link .sibling-link-icon {
  content: "r";
  right: 0;
}
/* line 494, ../sass/components/_menu.scss */
.next-link .sibling-link-icon:before {
  border-top: 10px solid transparent;
  border-right: 10px solid #000;
  border-bottom: 10px solid #000;
  border-left: 10px solid transparent;
  content: "";
  display: block;
  font-family: fontello;
  position: absolute;
  height: 0;
  top: -20px;
  width: 0;
  right: 0;
}
/* line 509, ../sass/components/_menu.scss */
.next-link .sibling-link-icon:after {
  border-top: 10px solid #000;
  border-right: 10px solid #000;
  border-bottom: 10px solid transparent;
  border-left: 10px solid transparent;
  content: "";
  display: block;
  position: absolute;
  height: 0;
  top: 100%;
  width: 0;
  right: 0;
}
/* line 524, ../sass/components/_menu.scss */
.next-link .sibling-link-text {
  text-align: right;
}

/* line 530, ../sass/components/_menu.scss */
#block-kcl-local-tasks {
  margin-bottom: 3em;
}
/* line 533, ../sass/components/_menu.scss */
#block-kcl-local-tasks li {
  display: inline-block;
  margin-right: 2em;
  text-transform: uppercase;
  font-family: Roboto, sans-serif;
  font-weight: 300;
  font-size: 0.8em;
}

/* line 551, ../sass/components/_menu.scss */
.menu-toc {
  display: block;
  height: 100%;
  width: 0;
  background: #fff;
  position: absolute;
  top: 0;
}

/**
 * @file - articles nodes
 *
 */
/* line 7, ../sass/components/_node.scss */
article.view-mode-panel {
  height: 100%;
  position: absolute;
  top: 0;
  width: 100%;
}
/* line 13, ../sass/components/_node.scss */
article.view-mode-panel:before {
  content: "";
  display: block;
  height: 50%;
}
/* line 28, ../sass/components/_node.scss */
article.view-mode-panel.node-front_page:before {
  height: 70%;
}

/* line 34, ../sass/components/_node.scss */
article.view-mode-default {
  height: 100%;
  position: absolute;
  top: 43%;
  width: 100%;
}
@media (max-width: 1023px) {
  /* line 34, ../sass/components/_node.scss */
  article.view-mode-default {
    top: 50%;
  }
}
/* line 44, ../sass/components/_node.scss */
article.view-mode-default.node-front_page {
  top: 0;
}

/* line 51, ../sass/components/_node.scss */
article.node-front_page div.pg-header {
  margin: 0 auto;
  height: 100%;
  min-height: 100%;
  padding-left: 12%;
  padding-right: 12%;
  position: relative;
}
/* line 59, ../sass/components/_node.scss */
article.node-front_page div.pg-header:before {
  height: 68%;
}

/* line 71, ../sass/components/_node.scss */
.title-elements {
  display: none;
}

/* line 76, ../sass/components/_node.scss */
.panel-content > article {
  opacity: 1;
}

/* line 81, ../sass/components/_node.scss */
.panel-content.panel-content-active > article {
  opacity: 1;
  transition: opacity 0.4s 0.4s;
}

/* line 91, ../sass/components/_node.scss */
.view-mode-teaser h3 {
  margin-bottom: 0.5em;
  margin-top: 0;
  text-transform: uppercase;
}

/* line 99, ../sass/components/_node.scss */
.views-row {
  float: left;
  margin: 1.8em 5% 0 2.5%;
  width: 25.33%;
}
@media (max-width: 1280px) {
  /* line 99, ../sass/components/_node.scss */
  .views-row {
    float: none;
    margin-bottom: 3.6em;
    width: auto;
  }
}

/* line 117, ../sass/components/_node.scss */
.item-row {
  clear: both;
}

/**
 * @file - paragraph entities
 *
 */
/* line 7, ../sass/components/_paragraphs.scss */
.pg-head {
  font-size: 1.25em;
  line-height: 1.2;
  text-transform: uppercase;
  position: relative;
  margin-bottom: 1em;
  width: 100%;
}
@media (min-width: 1079px) {
  /* line 7, ../sass/components/_paragraphs.scss */
  .pg-head {
    font-size: 1.6em;
  }
}
/* line 19, ../sass/components/_paragraphs.scss */
.pg-head:before {
  background: rgba(0, 0, 0, 0.8);
  content: "";
  display: block;
  position: absolute;
  height: 0.15em;
  bottom: -0.35em;
  width: 90%;
  left: 0;
}
/* line 30, ../sass/components/_paragraphs.scss */
.pg-head:after {
  background: rgba(0, 0, 0, 0.8);
  content: "";
  display: block;
  position: absolute;
  height: 0.25em;
  bottom: -0.35em;
  width: 10%;
  left: 90%;
}

/* line 43, ../sass/components/_paragraphs.scss */
.paragraph {
  margin-left: 2.5%;
  margin-right: 2.5%;
  position: relative;
}
/* line 49, ../sass/components/_paragraphs.scss */
.paragraph.pg--align--center {
  clear: both;
  float: none;
  margin-left: auto;
  margin-right: auto;
}

/* line 58, ../sass/components/_paragraphs.scss */
.pg-hide {
  display: none;
}

/* line 63, ../sass/components/_paragraphs.scss */
div.pg-header {
  display: none;
  margin: 0 auto;
  height: 100%;
  min-height: 100%;
  padding-left: 12%;
  padding-right: 12%;
  position: relative;
}
/* line 72, ../sass/components/_paragraphs.scss */
div.pg-header:before {
  content: "";
  display: block;
  position: relative;
  height: 50%;
}
@media (min-width: 1079px) {
  /* line 72, ../sass/components/_paragraphs.scss */
  div.pg-header:before {
    height: 40%;
  }
}

/* line 86, ../sass/components/_paragraphs.scss */
div.pg-container {
  margin: 0 auto;
  padding-left: 12%;
  padding-right: 12%;
  position: relative;
  width: 100%;
}
/* line 93, ../sass/components/_paragraphs.scss */
div.pg-container.pad-vert {
  padding-top: 1.8em !important;
  padding-bottom: 1.8em !important;
}

/* line 100, ../sass/components/_paragraphs.scss */
.paragraph--type--pg-basic {
  margin-top: 1.8em;
  position: relative;
}

/* line 106, ../sass/components/_paragraphs.scss */
.paragraph--type--pg-form-embed {
  margin-top: -1.8em !important;
  position: relative;
}

/* line 112, ../sass/components/_paragraphs.scss */
.paragraph--type--pg-view-embed {
  margin: 0;
  margin-top: 0 !important;
  position: relative;
}

/* line 121, ../sass/components/_paragraphs.scss */
.paragraph--type--pg-blockquote blockquote {
  margin-bottom: 0;
}

/* line 127, ../sass/components/_paragraphs.scss */
.paragraph--type--pg-svg {
  position: static;
}

/* === paragraphs sections ================================ */
/* line 138, ../sass/components/_paragraphs.scss */
.article.node-front_page .pg-row-type--header {
  padding-bottom: 5em;
}

/* line 144, ../sass/components/_paragraphs.scss */
.pg-row-type--header {
  min-height: 45%;
  padding-bottom: 1em;
}

/* line 155, ../sass/components/_paragraphs.scss */
.pg-row-type--content {
  padding-bottom: 1.8em;
  padding-top: 1.8em;
}
/* line 159, ../sass/components/_paragraphs.scss */
.pg-row-type--content .paragraph {
  margin-bottom: 3.6em;
  margin-top: 3.6em;
}
@media (min-width: 1079px) {
  /* line 159, ../sass/components/_paragraphs.scss */
  .pg-row-type--content .paragraph {
    margin-bottom: 1.8em;
    margin-top: 1.8em;
  }
}

/* line 171, ../sass/components/_paragraphs.scss */
.paragraphs-content-toc {
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  display: none;
  font-family: fontello;
  font-size: 2.5em;
  height: 40px;
  left: 45.5%;
  line-height: 40px;
  min-width: 150px;
  position: absolute;
  text-align: center;
  top: -40px;
  width: 9%;
}
/* line 186, ../sass/components/_paragraphs.scss */
.paragraphs-content-toc:before {
  border-top: 20px solid transparent;
  border-right: 20px solid rgba(0, 0, 0, 0.5);
  border-bottom: 20px solid rgba(0, 0, 0, 0.5);
  border-left: 20px solid transparent;
  content: "";
  display: block;
  font-family: fontello;
  position: absolute;
  height: 0;
  top: 0;
  width: 0;
  left: -40px;
}
/* line 201, ../sass/components/_paragraphs.scss */
.paragraphs-content-toc:after {
  border-top: 20px solid transparent;
  border-right: 20px solid transparent;
  border-bottom: 20px solid rgba(0, 0, 0, 0.5);
  border-left: 20px solid rgba(0, 0, 0, 0.5);
  content: "";
  display: block;
  position: absolute;
  height: 0;
  top: 0;
  width: 0;
  left: 100%;
}
/* line 215, ../sass/components/_paragraphs.scss */
.paragraphs-content-toc:hover {
  color: #019890;
}

/* === paragraphs widths ================================ */
@media (min-width: 799px) {
  /* line 225, ../sass/components/_paragraphs.scss */
  .paragraph.pg--width--25 {
    width: 45%;
  }
}
@media (min-width: 1279px) {
  /* line 225, ../sass/components/_paragraphs.scss */
  .paragraph.pg--width--25 {
    width: 20%;
  }
}

@media (min-width: 1079px) {
  /* line 236, ../sass/components/_paragraphs.scss */
  .paragraph.pg--width--33 {
    width: 28.33%;
  }
}

@media (min-width: 1079px) {
  /* line 244, ../sass/components/_paragraphs.scss */
  .paragraph.pg--width--50 {
    width: 45%;
  }
}

@media (min-width: 1079px) {
  /* line 251, ../sass/components/_paragraphs.scss */
  .paragraph.pg--width--full {
    width: 95%;
  }
}

/* === paragraphs alignment ================================ */
/* line 263, ../sass/components/_paragraphs.scss */
.pg--align--center {
  clear: both;
  float: none;
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 1079px) {
  /* line 271, ../sass/components/_paragraphs.scss */
  .pg--align--left {
    float: left;
  }
}

@media (min-width: 1079px) {
  /* line 279, ../sass/components/_paragraphs.scss */
  .pg--align--right {
    float: right;
  }
}

/* line 287, ../sass/components/_paragraphs.scss */
.pg-clear--left {
  clear: left;
}

/* line 292, ../sass/components/_paragraphs.scss */
.pg-clear--right {
  clear: right;
}

/* === paragraphs colors ================================ */
/* line 301, ../sass/components/_paragraphs.scss */
.pg-row-color--light-on-green {
  background: #316464;
}

/* line 306, ../sass/components/_paragraphs.scss */
.pg-row-color--light-on-green-trans {
  background: #316464;
  background: rgba(49, 100, 100, 0.75);
}

/* line 312, ../sass/components/_paragraphs.scss */
.pg-row-color--light-on-light-trans {
  background: #888;
  background: rgba(171, 171, 171, 0.4);
}

/* line 318, ../sass/components/_paragraphs.scss */
.pg-row-color--light-on-dark {
  background: #030806;
}
/* line 321, ../sass/components/_paragraphs.scss */
.pg-row-color--light-on-dark blockquote {
  background: #163232;
}
/* line 325, ../sass/components/_paragraphs.scss */
.pg-row-color--light-on-dark figcaption:before {
  color: #163232;
}

/* line 331, ../sass/components/_paragraphs.scss */
.pg-row-color--light-on-dark-trans {
  background: rgba(0, 0, 0, 0.25);
}
/* line 334, ../sass/components/_paragraphs.scss */
.pg-row-color--light-on-dark-trans a.button {
  background: rgba(0, 0, 0, 0.5);
}
/* line 337, ../sass/components/_paragraphs.scss */
.pg-row-color--light-on-dark-trans a.button:hover {
  background: transparent;
}

/* line 354, ../sass/components/_paragraphs.scss */
.pg-row-color--dark-on-light {
  background: #f4f4f4;
  color: #222525;
}

/* line 360, ../sass/components/_paragraphs.scss */
.pg-row-color--dark-on-light-trans {
  background: rgba(250, 250, 250, 0.5);
  color: #222525;
  /**
  .pg-head { 
  
    &:before {
      background: #163232;  
    }
  
    &:after {
      background: #163232;  
    }
  }  
  */
}
/* line 364, ../sass/components/_paragraphs.scss */
.pg-row-color--dark-on-light-trans blockquote {
  background: #fff;
}
/* line 368, ../sass/components/_paragraphs.scss */
.pg-row-color--dark-on-light-trans figcaption:before {
  color: #fff;
}

/* line 386, ../sass/components/_paragraphs.scss */
.has-svg {
  overflow: visible;
}
@media (max-width: 799px) {
  /* line 389, ../sass/components/_paragraphs.scss */
  .has-svg .pg-content {
    width: 50%;
  }
}

/**
.pg-header .pg-content {
  position: absolute;
  top: 43%;
  width: 72%;
 
  @media (max-width: 1023px) { 
    top: 50%;
  }
}
*/
/* Layouts
 * Primary body and sections layouts
 */
/* line 10, ../sass/components/_states.scss */
.load-from-left #logo-header {
  margin-left: 0;
  padding-left: 0;
  transition: margin-left 600ms, opacity 600ms;
}

/* line 19, ../sass/components/_states.scss */
.load-from-right #logo-header {
  margin-left: 0;
  padding-left: 0;
  transition: margin-left 0s, opacity 600ms, padding-left 600ms;
}

/* line 30, ../sass/components/_states.scss */
.is-front #logo-header {
  opacity: 0;
}
/* line 36, ../sass/components/_states.scss */
.is-front.load-from-left #logo-header {
  margin-left: -195px;
  padding-left: 195px;
  transition: margin-left 0s 625ms, opacity 600ms, padding-left 600ms;
}
/* line 45, ../sass/components/_states.scss */
.is-front.load-from-right #logo-header {
  margin-left: -195px;
  padding-left: 195px;
  transition: margin-left 600ms, opacity 600ms, padding-left 0s 625ms;
}

/* line 54, ../sass/components/_states.scss */
div.panel-active {
  left: 0;
}

/* line 63, ../sass/components/_states.scss */
#layout-panels.loading:before {
  color: #b2f3f3;
  content: "a";
  display: block;
  font-family: "fontello";
  font-size: 5em;
  margin-left: -0.25em;
  position: fixed;
  text-align: center;
  top: 47.5%;
  left: 47.5%;
  overflow: visible;
  background: transparent;
  animation: rotate 2s linear infinite;
}

/* line 83, ../sass/components/_states.scss */
.load-from-left .panel-content-active div.title-path {
  margin-left: 0;
  opacity: 1;
  padding-left: 153px;
  transition: padding-left 600ms 0ms, opacity 600ms 0ms;
}

/* line 93, ../sass/components/_states.scss */
.load-from-right .panel-content-active div.title-path {
  margin-left: 153px;
  opacity: 1;
  padding-left: 0;
  transition: margin-left 600ms 0ms, opacity 600ms 0ms;
}

/* line 110, ../sass/components/_states.scss */
body.layout-panels-default #logo-header {
  left: -1000px;
}
/* line 121, ../sass/components/_states.scss */
body.layout-panels-default .load-from-left #logo-mast {
  animation-name: load-from-left;
  animation-duration: 600ms;
}
/* line 128, ../sass/components/_states.scss */
body.layout-panels-default .load-from-right #logo-mast {
  animation-name: load-from-right;
  animation-duration: 600ms;
}

/* line 137, ../sass/components/_states.scss */
body.layout-panels-active #logo-header {
  left: 14%;
  opacity: 1;
  transition: opacity 2s;
}
/* line 144, ../sass/components/_states.scss */
body.layout-panels-active #logo-header.load-from-left {
  animation-name: load-from-left;
  animation-duration: 600ms;
}
/* line 151, ../sass/components/_states.scss */
body.layout-panels-active #logo-header.load-from-right {
  animation-name: load-from-right;
  animation-duration: 600ms;
}
/* line 161, ../sass/components/_states.scss */
body.layout-panels-active #logo-nav .logo-container {
  border-color: #b2f3f3;
}
/* line 166, ../sass/components/_states.scss */
body.layout-panels-active #logo-mast {
  left: -100%;
  opacity: 0;
  transition: left 0s, opacity 0s;
}

/* line 181, ../sass/components/_states.scss */
body.site-menu-active #layout-main,
body.site-menu-active #layout-panels,
body.site-menu-active #menu-toc {
  visibility: collapse;
}
/* line 187, ../sass/components/_states.scss */
body.site-menu-active li.active-trail > .active-trail {
  position: relative;
}
/* line 191, ../sass/components/_states.scss */
body.site-menu-active #top, body.site-menu-active #bottom {
  background-color: transparent;
}
/* line 195, ../sass/components/_states.scss */
body.site-menu-active #logo-header {
  left: -100%;
  opacity: 0;
  transition: left 0ms, opacity 0ms;
}
/* line 201, ../sass/components/_states.scss */
body.site-menu-active #logo-mast {
  left: -100%;
  opacity: 0;
  transition: left 0ms, opacity 0ms;
}
/* line 207, ../sass/components/_states.scss */
body.site-menu-active #layout-nav {
  height: 100%;
  right: 0;
  padding-left: 14%;
  padding-right: 14%;
  position: absolute;
  width: 100%;
}
/* line 215, ../sass/components/_states.scss */
body.site-menu-active #layout-nav:before {
  background: rgba(0, 0, 0, 0.8);
  content: "";
  display: block;
  left: 0;
  height: 100%;
  position: fixed;
  top: 0;
  width: 100%;
}
/* line 227, ../sass/components/_states.scss */
body.site-menu-active #logo-nav {
  font-size: 36px;
  padding: 0.75em 10%;
}
/* line 233, ../sass/components/_states.scss */
body.site-menu-active #site-menu {
  background: transparent;
  font-size: unset;
  font-weight: 100;
  flex-direction: column;
  height: auto;
  min-height: 100%;
  width: 100%;
}
/* line 242, ../sass/components/_states.scss */
body.site-menu-active #site-menu ul {
  background: transparent;
  display: block;
  top: 50%;
  bottom: unset;
  left: -3px;
}
/* line 250, ../sass/components/_states.scss */
body.site-menu-active #site-menu li {
  height: auto;
  float: none;
  position: relative;
  width: 100%;
}
/* line 257, ../sass/components/_states.scss */
body.site-menu-active #site-menu li.on .nav-item {
  position: relative;
}
/* line 264, ../sass/components/_states.scss */
body.site-menu-active #site-menu .nav-item {
  position: absolute;
}
/* line 267, ../sass/components/_states.scss */
body.site-menu-active #site-menu .nav-item span {
  opacity: 1;
  transition: opacity 500ms 200ms;
}
/* line 272, ../sass/components/_states.scss */
body.site-menu-active #site-menu .nav-item:before {
  background: transparent;
  box-sizing: border-box;
  content: "";
  display: block;
  height: 100%;
  width: 1%;
}
/* line 285, ../sass/components/_states.scss */
body.site-menu-active #site-menu.active-trail > .nav-item {
  color: #fff;
}
/* line 288, ../sass/components/_states.scss */
body.site-menu-active #site-menu.active-trail > .nav-item:before {
  background: #fff;
}
/* line 292, ../sass/components/_states.scss */
body.site-menu-active #site-menu.active-trail > .nav-item:hover {
  background: rgba(255, 255, 255, 0.25);
  border-color: #fff;
}
/* line 299, ../sass/components/_states.scss */
body.site-menu-active #site-menu li li {
  height: auto;
}
/* line 303, ../sass/components/_states.scss */
body.site-menu-active #site-menu li li a {
  border: 0;
  height: auto;
}
/* line 309, ../sass/components/_states.scss */
body.site-menu-active #site-menu span.icon {
  font-family: "fontello" !important;
  font-size: 36px;
  text-transform: none;
}
/* line 315, ../sass/components/_states.scss */
body.site-menu-active #site-menu-mobile-toggle {
  background: #fff;
  color: #000;
  transition: unset;
  animation: link-blink 2s infinite;
}
/* line 321, ../sass/components/_states.scss */
body.site-menu-active #site-menu-mobile-toggle:hover {
  animation: none;
}
/* line 325, ../sass/components/_states.scss */
body.site-menu-active #site-menu-mobile-toggle span.action-hide {
  display: inline-block;
}
/* line 329, ../sass/components/_states.scss */
body.site-menu-active #site-menu-mobile-toggle span.action-show {
  display: none;
}
/* line 334, ../sass/components/_states.scss */
body.site-menu-active .nav-item {
  padding: 4.5% 9%;
}
/* line 338, ../sass/components/_states.scss */
body.site-menu-active .sub-menu-toggler {
  display: block;
  padding: 4.5% 9%;
}

/* line 351, ../sass/components/_states.scss */
.panel-content .panel-row {
  opacity: 0;
  transition: opacity 0s;
}

/* line 365, ../sass/components/_states.scss */
.panel-content.panel-content-active .panel-row {
  opacity: 1;
  transition: opacity 750ms 750ms;
}
/* line 380, ../sass/components/_states.scss */
.panel-content.panel-content-active .breadcrumb {
  opacity: 1;
  transition: opacity 0s 400ms;
}
/* line 385, ../sass/components/_states.scss */
.panel-content.panel-content-active .sibling-container {
  left: 0;
  position: fixed;
  transition: background 600ms;
  z-index: 2;
}
/* line 391, ../sass/components/_states.scss */
.panel-content.panel-content-active .sibling-container.next {
  left: unset;
  right: 0;
}

/* line 404, ../sass/components/_states.scss */
.scene-control {
  display: inline-block;
  margin-left: 1px;
  width: 46px;
  height: 42px;
  text-align: center;
}

/* line 412, ../sass/components/_states.scss */
#scene-stop {
  display: none;
}

/* line 416, ../sass/components/_states.scss */
#scene-play {
  display: none;
}

/* line 420, ../sass/components/_states.scss */
#scene-reset {
  display: none;
}

/* line 430, ../sass/components/_states.scss */
#animateControl.loading #readOut {
  display: block;
}
/* line 434, ../sass/components/_states.scss */
#animateControl.loading #scene-stop {
  display: none;
}
/* line 438, ../sass/components/_states.scss */
#animateControl.loading #scene-play {
  display: none;
}
/* line 445, ../sass/components/_states.scss */
#animateControl.init #scene-play {
  display: inline-block;
}
/* line 449, ../sass/components/_states.scss */
#animateControl.init #scene-reset {
  display: inline-block;
}
/* line 456, ../sass/components/_states.scss */
#animateControl.finished #scene-reset {
  display: inline-block;
}
/* line 463, ../sass/components/_states.scss */
#animateControl.loading #readOut {
  display: block;
}
/* line 467, ../sass/components/_states.scss */
#animateControl.loading #scene-stop {
  display: none;
}
/* line 471, ../sass/components/_states.scss */
#animateControl.loading #scene-play {
  display: none;
}
/* line 478, ../sass/components/_states.scss */
#animateControl.paused #scene-stop {
  display: none;
}
/* line 481, ../sass/components/_states.scss */
#animateControl.paused #scene-play {
  display: inline-block;
}
/* line 484, ../sass/components/_states.scss */
#animateControl.paused #scene-reset {
  display: inline-block;
}
/* line 491, ../sass/components/_states.scss */
#animateControl.playing #scene-reset {
  display: inline-block;
}
/* line 495, ../sass/components/_states.scss */
#animateControl.playing #scene-stop {
  display: inline-block;
}
/* line 500, ../sass/components/_states.scss */
#animateControl span.text {
  display: none;
  font-size: 11px;
  text-transform: uppercase;
}
/* line 506, ../sass/components/_states.scss */
#animateControl span.icon {
  font-size: 22px;
}
/* line 510, ../sass/components/_states.scss */
#animateControl #readOut {
  display: none;
}

/* line 517, ../sass/components/_states.scss */
#audioControl {
  display: none;
}