/*! Made with Bones: http://themble.com/bones :) */
/******************************************************************
Site Name:
Author:

Stylesheet: Main Stylesheet

Here's where the magic happens. Here, you'll see we are calling in
the separate media queries. The base mobile goes outside any query
and is called at the beginning, after that we call the rest
of the styles inside media queries.

Helpful articles on Sass file organization:
http://thesassway.com/advanced/modular-css-naming-conventions

******************************************************************/
/*********************
IMPORTING PARTIALS
These files are needed at the beginning so that we establish all
our mixins, functions, and variables that we'll be using across
the whole project.
*********************/
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
/* line 9, ../scss/partials/_normalize.scss */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/******************************************************************
Site Name:
Author:

Stylesheet: Variables

Here is where we declare all our variables like colors, fonts,
base values, and defaults. We want to make sure this file ONLY
contains variables that way our files don't get all messy.
No one likes a mess.

******************************************************************/
/*********************
COLORS
Need help w/ choosing your colors? Try this site out:
http://0to255.com/
*********************/
/*
Here's a great tutorial on how to
use color variables properly:
http://sachagreif.com/sass-color-variables/
*/
/******************************************************************
Site Name:
Author:

Stylesheet: Typography

Need to import a font or set of icons for your site? Drop them in
here or just use this to establish your typographical grid. Or not.
Do whatever you want to...GOSH!

Helpful Articles:
http://trentwalton.com/2012/06/19/fluid-type/
http://ia.net/blog/responsive-typography-the-basics/
http://alistapart.com/column/responsive-typography-is-a-physical-discipline

******************************************************************/
/*********************
FONT FACE (IN YOUR FACE)
*********************/
/*
The following is based of Typebase:
https://github.com/devinhunt/typebase.css
I've edited it a bit, but it's a nice starting point.
*/
@font-face {
  font-family: "ff-meta-web-pro";
  src: url("../fonts/ff-meta-web-pro.woff2") format("woff2"), url("../fonts/ff-meta-web-pro.woff") format("woff");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "ff-meta-web-pro";
  src: url("../fonts/ff-meta-web-pro-bold.woff2") format("woff2"), url("../fonts/ff-meta-web-pro-bold.woff") format("woff");
  font-style: normal;
  font-weight: 500;
  font-display: swap;
}
@font-face {
  font-family: "ff-meta-web-pro";
  src: url("../fonts/ff-meta-web-pro-extrabold.woff2") format("woff2"), url("../fonts/ff-meta-web-pro-extrabold.woff") format("woff");
  font-style: normal;
  font-weight: 600;
  font-display: swap;
}
/*
some nice typographical defaults
more here: http://www.newnet-soft.com/blog/csstypography
*/
/******************************************************************
Site Name: Sammlung Berkson
Author: Franz Gasser

Stylesheet: Sass Functions

You can do a lot of really cool things in Sass. Functions help you
make repeated actions a lot easier. They are really similar to mixins,
but can be used for so much more.

Anyway, keep them all in here so it's easier to find when you're
looking for one.

For more info on functions, go here:
http://sass-lang.com/documentation/Sass/Script/Functions.html

******************************************************************/
/*********************
COLOR FUNCTIONS
These are helpful when you're working
with shadows and such things. It's essentially
a quicker way to write RGBA.

Example:
box-shadow: 0 0 4px black(0.3);
compiles to:
box-shadow: 0 0 4px rgba(0,0,0,0.3);
*********************/
/*********************
RESPONSIVE HELPER FUNCTION
If you're creating a responsive site, then
you've probably already read
Responsive Web Design: http://www.abookapart.com/products/responsive-web-design

Here's a nice little helper function for calculating
target / context
as mentioned in that book.

Example:
width: cp(650px, 1000px);
or
width: calc-percent(650px, 1000px);
both compile to:
width: 65%;
*********************/
/******************************************************************
Site Name:
Author:

Stylesheet: Mixins Stylesheet

This is where you can take advantage of Sass' great features: Mixins.
I won't go in-depth on how they work exactly,
there are a few articles below that will help do that. What I will
tell you is that this will help speed up simple changes like
changing a color or adding CSS3 techniques gradients.

A WORD OF WARNING: It's very easy to overdo it here. Be careful and
remember less is more.

Helpful:
http://sachagreif.com/useful-sass-mixins/
http://thesassway.com/intermediate/leveraging-sass-mixins-for-cleaner-code
http://web-design-weekly.com/blog/2013/05/12/handy-sass-mixins/

******************************************************************/
/*********************
TRANSITION
*********************/
/*
I totally rewrote this to be cleaner and easier to use.
You'll need to be using Sass 3.2+ for these to work.
Thanks to @anthonyshort for the inspiration on these.
USAGE: @include transition(all 0.2s ease-in-out);
*/
/*********************
CSS3 GRADIENTS
Be careful with these since they can
really slow down your CSS. Don't overdo it.
*********************/
/* @include css-gradient(#dfdfdf,#f8f8f8); */
/*********************
BOX SIZING
*********************/
/* @include box-sizing(border-box); */
/* NOTE: value of "padding-box" is only supported in Gecko. So
probably best not to use it. I mean, were you going to anyway? */
/* @include box-shadow(3px, 3px, 5px, 0px, rgba(0,0,0,0.3)); */
/*
@include keyframes(slide-down) {
  0% { opacity: 1; }
  90% { opacity: 0; }
}
*/
/*********************
Custom Scrollbars & Selection
*********************/
/* line 4, ../scss/partials/_defaults.scss */
::selection {
  background: #428993;
  color: #fff;
}

/* line 8, ../scss/partials/_defaults.scss */
::-moz-selection {
  background: #428993;
  color: #fff;
}

/* line 13, ../scss/partials/_defaults.scss */
::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #428993;
}

/* line 16, ../scss/partials/_defaults.scss */
::-moz-placeholder {
  /* Firefox 19+ */
  color: #428993;
}

/* line 19, ../scss/partials/_defaults.scss */
:-ms-input-placeholder {
  /* IE 10+ */
  color: #428993;
}

/* line 22, ../scss/partials/_defaults.scss */
:-moz-placeholder {
  /* Firefox 18- */
  color: #428993;
}

/* line 25, ../scss/partials/_defaults.scss */
textarea:focus,
input:focus {
  outline: none;
  border: 1px solid #428993;
}

/* line 32, ../scss/partials/_defaults.scss */
.hamburger,
.x {
  transform: scale(0.7);
  position: relative;
  width: 60px;
  height: 45px;
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
}
/* line 45, ../scss/partials/_defaults.scss */
.hamburger span,
.x span {
  display: block;
  position: absolute;
  height: 4px;
  width: 100%;
  opacity: 1;
  left: 0;
  background: #428993;
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}
/* line 64, ../scss/partials/_defaults.scss */
.hamburger span:nth-child(1),
.x span:nth-child(1) {
  top: 0px;
}
/* line 68, ../scss/partials/_defaults.scss */
.hamburger span:nth-child(2),
.x span:nth-child(2) {
  top: 18px;
}
/* line 72, ../scss/partials/_defaults.scss */
.hamburger span:nth-child(3),
.x span:nth-child(3) {
  top: 36px;
}
/* line 78, ../scss/partials/_defaults.scss */
.open .hamburger span:nth-child(1), .hamburger-icon span:nth-child(1), .open
.x span:nth-child(1),
.x-icon span:nth-child(1) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  top: -3px;
  left: 8px;
}
/* line 86, ../scss/partials/_defaults.scss */
.open .hamburger span:nth-child(2), .hamburger-icon span:nth-child(2), .open
.x span:nth-child(2),
.x-icon span:nth-child(2) {
  width: 0%;
  opacity: 0;
}
/* line 90, ../scss/partials/_defaults.scss */
.open .hamburger span:nth-child(3), .hamburger-icon span:nth-child(3), .open
.x span:nth-child(3),
.x-icon span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 39px;
  left: 8px;
}

/* line 101, ../scss/partials/_defaults.scss */
.icon {
  display: block;
  background-repeat: no-repeat;
  width: 40px;
  height: 40px;
}
/* line 107, ../scss/partials/_defaults.scss */
.icon-down {
  background-image: url(../images/arrow_down.svg);
}
/* line 111, ../scss/partials/_defaults.scss */
.icon-up {
  background-image: url(../images/arrow_up.svg);
}

/*********************
LINK STYLES
*********************/
/* line 120, ../scss/partials/_defaults.scss */
a, a:visited {
  color: #000;
  text-decoration: none;
  /* on hover */
  /* on click */
  /* mobile tap color */
}
/* line 125, ../scss/partials/_defaults.scss */
a:hover, a:visited:hover {
  text-decoration: underline;
}
/* line 134, ../scss/partials/_defaults.scss */
a:focus, a:visited:focus {
  outline: none;
}
/* line 139, ../scss/partials/_defaults.scss */
a:link, a:visited:link {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.3);
}

/******************************************************************
H1, H2, H3, H4, H5 STYLES
******************************************************************/
/* line 150, ../scss/partials/_defaults.scss */
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 {
  font-weight: normal;
  /* removing text decoration from all headline links */
}
/* line 153, ../scss/partials/_defaults.scss */
h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a {
  text-decoration: none;
}

/* line 158, ../scss/partials/_defaults.scss */
h1, .h1 {
  font-size: 2.5em;
  margin: 0.5em 0;
}

/* line 163, ../scss/partials/_defaults.scss */
h2, .h2 {
  font-size: 2em;
}

/* line 167, ../scss/partials/_defaults.scss */
h3, .h3 {
  font-size: 1.75em;
}

/* line 179, ../scss/partials/_defaults.scss */
blockquote {
  margin: 1.5em;
  margin-right: 0;
}

/******************************************************************
Styling Classes
******************************************************************/
/* line 188, ../scss/partials/_defaults.scss */
.no-select {
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Old versions of Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
     supported by Chrome, Edge, Opera and Firefox */
}

/* line 198, ../scss/partials/_defaults.scss */
.no-outline:focus {
  outline: none;
}

/* line 202, ../scss/partials/_defaults.scss */
.bold {
  font-weight: bold;
  text-decoration: none;
}

/* line 207, ../scss/partials/_defaults.scss */
.center-text {
  text-align: center;
}

/* line 211, ../scss/partials/_defaults.scss */
.color-text {
  color: #428993;
}

/* line 216, ../scss/partials/_defaults.scss */
.color-link, .color-link:visited, .color-link:hover, .color-link:active {
  color: #428993;
}

/* line 224, ../scss/partials/_defaults.scss */
.section-link {
  display: block;
  padding: 2em;
  color: #428993;
  text-transform: uppercase;
  text-decoration: underline;
  text-align-last: center;
}

/* line 237, ../scss/partials/_defaults.scss */
.block-text {
  display: block;
}

/* line 241, ../scss/partials/_defaults.scss */
.btn {
  border: 1px solid white;
  background: white;
  padding: 8px;
}

/* line 251, ../scss/partials/_defaults.scss */
.element-control {
  box-sizing: border-box;
  border: 1px solid white;
  padding: 8px;
  margin-bottom: 8px;
  transition: all 0.5s;
}

/* line 262, ../scss/partials/_defaults.scss */
textarea.element-control {
  resize: none;
}

/* line 266, ../scss/partials/_defaults.scss */
.element-disabled {
  background: white;
  opacity: 0.5;
}

/* line 271, ../scss/partials/_defaults.scss */
.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

/* line 281, ../scss/partials/_defaults.scss */
.element-error {
  color: red;
}

/*********************
BASE (MOBILE) SIZE
This are the mobile styles. It's what people see on their phones. If
you set a great foundation, you won't need to add too many styles in
the other stylesheets. Remember, keep it light: Speed is Important.
*********************/
/******************************************************************
Site Name:
Author: Franz Gasser

Stylesheet: Base Mobile Stylesheet

******************************************************************/
/*********************
GENERAL STYLES
*********************/
/* line 13, ../scss/breakpoints/_base.scss */
body,
html {
  border: 0;
  margin: 0;
  padding: 0;
}

/* line 20, ../scss/breakpoints/_base.scss */
body {
  font-family: "ff-meta-web-pro", "Helvetica", Arial, sans-serif;
  font-weight: lighter;
  font-size: 19px;
  line-height: 1.4;
  color: #000;
  margin: 0 auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-overflow-scrolling: touch;
}

/*********************
Menu and Top
*********************/
/* line 53, ../scss/breakpoints/_base.scss */
.menu ul {
  margin: 0;
  padding: 0;
}
/* line 58, ../scss/breakpoints/_base.scss */
.menu .menu-item {
  text-align: center;
}
/* line 62, ../scss/breakpoints/_base.scss */
.menu .menu-button a {
  display: block;
  padding: 0.70em;
  color: #428993;
  transition: color 0.4s;
}
/* line 68, ../scss/breakpoints/_base.scss */
.menu .menu-button a:hover {
  color: #9ebcbd;
  text-decoration: none;
}

/* line 75, ../scss/breakpoints/_base.scss */
.mobile-menu {
  display: block;
  position: fixed;
  top: 0;
  width: 100%;
  height: 64px;
  margin: 0;
  padding: 0;
  background-color: #fff;
  z-index: 10;
}
/* line 88, ../scss/breakpoints/_base.scss */
.mobile-menu .menu-toggle {
  display: inline-block;
  margin: 10px;
  z-index: 30;
}
/* line 94, ../scss/breakpoints/_base.scss */
.mobile-menu .menu-logo {
  position: absolute;
  height: 100px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 40;
}
/* line 104, ../scss/breakpoints/_base.scss */
.mobile-menu .menu-sidebar {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100vw;
  background: #fff;
  transform: translateY(-100%);
  transition: transform 0.5s;
}
/* line 116, ../scss/breakpoints/_base.scss */
.mobile-menu.open .menu-sidebar {
  transform: translateX(0);
}
/* line 120, ../scss/breakpoints/_base.scss */
.mobile-menu .menu-items {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
}
/* line 127, ../scss/breakpoints/_base.scss */
.mobile-menu .menu-button {
  font-size: 1.5em;
}

/* line 133, ../scss/breakpoints/_base.scss */
.desktop-menu {
  display: none;
}

/* line 137, ../scss/breakpoints/_base.scss */
.footer-content {
  padding: 1em 2em;
}
/* line 141, ../scss/breakpoints/_base.scss */
.footer-content .element-contact {
  margin-bottom: 2em;
}
/* line 145, ../scss/breakpoints/_base.scss */
.footer-content .footer-columns {
  font-size: 0.75em;
}
/* line 149, ../scss/breakpoints/_base.scss */
.footer-content .footer-column {
  display: block;
}

/* line 158, ../scss/breakpoints/_base.scss */
.scroll-action-link {
  display: none;
  position: fixed;
  right: 1em;
  bottom: 1em;
}

/*********************
Sections
*********************/
/* line 169, ../scss/breakpoints/_base.scss */
.element-container {
  padding: 1em;
}
/* line 172, ../scss/breakpoints/_base.scss */
.element-container h1 {
  font-size: 2em;
  margin-top: 0;
}

/* line 178, ../scss/breakpoints/_base.scss */
.fade {
  opacity: 0;
  transition: all 1s;
  transition-property: transform, opacity;
  transform: translateY(100%);
}
/* line 184, ../scss/breakpoints/_base.scss */
.fade-1 {
  transition-delay: 0.5s;
}
/* line 188, ../scss/breakpoints/_base.scss */
.fade-2 {
  transition-delay: 1.5s;
}
/* line 192, ../scss/breakpoints/_base.scss */
.fade-3 {
  transition-delay: 2.5s;
}

/* line 197, ../scss/breakpoints/_base.scss */
.fading {
  opacity: 1;
  transform: translateY(0);
}

/* line 202, ../scss/breakpoints/_base.scss */
.section-header-image {
  position: relative;
  width: 100%;
  min-height: 300px;
  height: 65vh;
  overflow: hidden;
  z-index: 0;
}
/* line 212, ../scss/breakpoints/_base.scss */
.section-header-image:after {
  content: '';
  position: absolute;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  box-shadow: inset 0px 0px 150px 60px rgba(0, 0, 0, 0.3);
}
/* line 222, ../scss/breakpoints/_base.scss */
.section-header-image .element-image {
  position: relative;
  width: 100%;
  height: 100%;
  transition: transform 20s linear;
  transform-origin: top right;
  z-index: 1;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
/* line 230, ../scss/breakpoints/_base.scss */
body.animate .section-header-image .element-image {
  transform: scale3d(1.1, 1.1, 1);
}

/* line 239, ../scss/breakpoints/_base.scss */
.section-text .text-only {
  padding-bottom: 2em;
}
/* line 243, ../scss/breakpoints/_base.scss */
.section-text .has-image {
  margin: 0;
  padding: 0;
}
/* line 247, ../scss/breakpoints/_base.scss */
.section-text .has-image .element-text {
  margin: 0 1em;
}
/* line 252, ../scss/breakpoints/_base.scss */
.section-text .element-image {
  width: 100%;
  height: auto;
}

/* line 260, ../scss/breakpoints/_base.scss */
.section-columns .element-columns {
  padding: 0;
  text-align: center;
}
/* line 265, ../scss/breakpoints/_base.scss */
.section-columns .element-column {
  display: inline-block;
  text-align: center;
  margin: 1em;
  padding: 1em;
  width: 70%;
  border: 2px solid #428993;
  border-radius: 15px;
}

/* line 279, ../scss/breakpoints/_base.scss */
.section-team .element-team {
  display: block;
  text-align: center;
}
/* line 284, ../scss/breakpoints/_base.scss */
.section-team .element-member {
  display: inline-block;
  vertical-align: top;
  width: 200px;
  padding: 1em;
}
/* line 294, ../scss/breakpoints/_base.scss */
.section-team .member-text {
  display: block;
}

/* line 308, ../scss/breakpoints/_base.scss */
.section-contact .element-column {
  padding: 0 1em;
}
/* line 314, ../scss/breakpoints/_base.scss */
.section-contact .element-map img {
  max-width: 100%;
  height: auto;
  margin-top: 1em;
}
/* line 325, ../scss/breakpoints/_base.scss */
.section-contact .element-contact {
  font-size: 1.2em;
  margin: 2em 0;
}

/* line 333, ../scss/breakpoints/_base.scss */
.section-downloads .element-container {
  background-repeat: no-repeat;
  background-position: 80%;
  background-size: auto 50%;
}
/* line 339, ../scss/breakpoints/_base.scss */
.section-downloads .element-downloads {
  padding-left: 1em;
}
/* line 343, ../scss/breakpoints/_base.scss */
.section-downloads .download-item {
  list-style: none;
}
/* line 347, ../scss/breakpoints/_base.scss */
.section-downloads a {
  display: inline-block;
  transition: transform 0.5s;
}
/* line 351, ../scss/breakpoints/_base.scss */
.section-downloads a:hover {
  text-decoration: none;
  transform: translateX(1em);
}

/* line 359, ../scss/breakpoints/_base.scss */
.section-form {
  font-size: 0.9em;
}
/* line 363, ../scss/breakpoints/_base.scss */
.section-form .element-text p {
  margin-top: 0;
  margin-bottom: 0.3em;
}
/* line 368, ../scss/breakpoints/_base.scss */
.section-form .handle-text {
  color: #428993;
  cursor: pointer;
  writing-mode: vertical-rl;
  transform: rotate(180deg);
  vertical-align: middle;
  text-transform: uppercase;
  padding: 0.75em 0;
}
/* line 377, ../scss/breakpoints/_base.scss */
.section-form .handle-text:hover {
  text-decoration: none;
}
/* line 382, ../scss/breakpoints/_base.scss */
.section-form .form-close {
  display: block;
  float: right;
  margin-right: -1em;
}
/* line 388, ../scss/breakpoints/_base.scss */
.section-form .slideout-outer {
  position: fixed;
  top: 20vh;
  right: -5px;
  width: 2em;
  text-align: center;
  z-index: 20;
  transition: all 0.3s;
  transition-property: transform, right, padding;
}
/* line 399, ../scss/breakpoints/_base.scss */
body:not(.form-open) .section-form .slideout-outer:hover {
  padding-right: 10px;
}
/* line 403, ../scss/breakpoints/_base.scss */
body.form-open {
  overflow: hidden;
}
/* line 407, ../scss/breakpoints/_base.scss */
body.form-open .section-form .slideout-outer {
  right: -2em;
}
/* line 410, ../scss/breakpoints/_base.scss */
body.form-open .section-form .slideout-outer .slideout-inner {
  right: 0;
}
/* line 417, ../scss/breakpoints/_base.scss */
.section-form .content-wrap {
  padding: 30px;
}
/* line 421, ../scss/breakpoints/_base.scss */
.section-form .slideout-inner {
  position: fixed;
  top: 0;
  right: -100%;
  height: 100%;
  width: 100%;
  text-align: left;
  overflow-y: auto;
  transition: all 0.3s;
  transition-property: transform, right;
  z-index: 19;
}
/* line 443, ../scss/breakpoints/_base.scss */
.section-form .element-control {
  display: block;
  width: 100%;
}
/* line 448, ../scss/breakpoints/_base.scss */
.section-form .elmnt-control {
  position: absolute;
  top: 0;
  right: 0;
  height: 0;
  width: 0;
  font-size: 0;
  opacity: 0;
  z-index: -1;
}
/* line 460, ../scss/breakpoints/_base.scss */
.section-form textarea.element-control {
  height: 20vh;
}
/* line 464, ../scss/breakpoints/_base.scss */
.section-form .capcha-container {
  display: flex;
  margin-bottom: 8px;
}
/* line 468, ../scss/breakpoints/_base.scss */
.section-form .capcha-container .element-control {
  margin: 0;
  flex-grow: 1;
}

/*********************
LARGER MOBILE DEVICES
This is for devices like the Galaxy Note or something that's
larger than an iPhone but smaller than a tablet. Let's call them
tweeners.
*********************/
@media only screen and (min-width: 481px) {
  /******************************************************************
  Author: Franz Gasser
  
  Stylesheet: 481px and Up Stylesheet
  
  ******************************************************************/
  /*********************
  GENERAL STYLES
  *********************/
  /* line 17, ../scss/breakpoints/_481up.scss */
  .element-container {
    padding: 2em;
  }
  /* line 20, ../scss/breakpoints/_481up.scss */
  .element-container h1 {
    margin-top: 0;
  }

  /* line 27, ../scss/breakpoints/_481up.scss */
  .section-text .has-image .element-text {
    margin: 0 2em;
  }
}
/*********************
TABLET & SMALLER LAPTOPS
This is the average viewing window. So Desktops, Laptops, and
in general anyone not viewing on a mobile device. Here's where
you can add resource intensive styles.
*********************/
@media only screen and (min-width: 768px) {
  /******************************************************************
  Author: Franz Gasser
  
  Stylesheet: Tablet & Small Desktop Stylesheet
  
  ******************************************************************/
  /* line 10, ../scss/breakpoints/_768up.scss */
  .section-form .form-close {
    display: none;
  }
  /* line 16, ../scss/breakpoints/_768up.scss */
  body.form-open {
    overflow: auto;
  }
  /* line 20, ../scss/breakpoints/_768up.scss */
  body.form-open .section-form .slideout-outer {
    right: 400px;
  }
  /* line 23, ../scss/breakpoints/_768up.scss */
  body.form-open .section-form .slideout-outer .slideout-inner {
    transform: none;
    right: 0;
  }
  /* line 30, ../scss/breakpoints/_768up.scss */
  .section-form .slideout-inner {
    position: fixed;
    top: 15vh;
    left: auto;
    right: -402px;
    height: auto;
    max-height: 85vh;
    width: 400px;
    opacity: 1;
    transform: none;
  }
}
@media only screen and (min-width: 1024px) {
  /******************************************************************
  Author: Franz Gasser
  
  Stylesheet: Tablet & Small Desktop Stylesheet
  
  ******************************************************************/
  /*********************
  GENERAL STYLES
  *********************/
  /* line 12, ../scss/breakpoints/_1024up.scss */
  body {
    font-size: 21px;
    line-height: 1.7;
  }

  /* line 17, ../scss/breakpoints/_1024up.scss */
  .mobile-menu {
    display: none;
  }

  /* line 21, ../scss/breakpoints/_1024up.scss */
  .desktop-menu {
    display: block;
    position: fixed;
    top: 0;
    width: 100%;
    height: 3em;
    margin: 0;
    padding: 0;
    background-color: #fff;
    z-index: 10;
    transition: all 0.5s;
  }
  /* line 35, ../scss/breakpoints/_1024up.scss */
  .desktop-menu.collapsed {
    transform: translateY(-6em);
  }
  /* line 39, ../scss/breakpoints/_1024up.scss */
  .desktop-menu .menu-items {
    display: flex;
    text-align: center;
  }
  /* line 44, ../scss/breakpoints/_1024up.scss */
  .desktop-menu .menu-item {
    flex: 1;
    display: inline-block;
    vertical-align: top;
  }
  /* line 54, ../scss/breakpoints/_1024up.scss */
  .desktop-menu .menu-center img {
    display: block;
    height: 170px;
    margin-top: -15px;
    margin-left: 50%;
    transform: translateX(-50%);
  }

  /* line 66, ../scss/breakpoints/_1024up.scss */
  .footer-content .element-contact {
    margin: 0;
  }
  /* line 70, ../scss/breakpoints/_1024up.scss */
  .footer-content .footer-columns {
    font-size: 0.75em;
    display: flex;
    vertical-align: bottom;
  }
  /* line 76, ../scss/breakpoints/_1024up.scss */
  .footer-content .footer-column {
    flex: 1;
    align-self: flex-end;
  }
  /* line 81, ../scss/breakpoints/_1024up.scss */
  .footer-content .footer-column-1 {
    flex: 2;
  }

  /*********************
  Sections
  *********************/
  /* line 92, ../scss/breakpoints/_1024up.scss */
  .element-container {
    padding-bottom: 4em;
  }

  /* line 97, ../scss/breakpoints/_1024up.scss */
  .section-text .text-only {
    padding: 2em 4em;
  }
  /* line 101, ../scss/breakpoints/_1024up.scss */
  .section-text .has-image {
    padding: 0 2em;
  }
  /* line 104, ../scss/breakpoints/_1024up.scss */
  .section-text .has-image .element-text {
    margin: 0;
  }

  /* line 111, ../scss/breakpoints/_1024up.scss */
  .section-columns .element-columns {
    display: flex;
    justify-content: center;
  }
  /* line 116, ../scss/breakpoints/_1024up.scss */
  .section-columns .element-column {
    display: flex;
    align-items: center;
    text-align: center;
    flex: 1;
    margin: 2em;
    padding: 1em 2em;
    width: 25%;
    max-width: 250px;
  }

  /* line 135, ../scss/breakpoints/_1024up.scss */
  .section-team .element-member {
    padding: 2em;
  }

  /* line 141, ../scss/breakpoints/_1024up.scss */
  .section-contact .element-columns {
    display: flex;
  }
  /* line 145, ../scss/breakpoints/_1024up.scss */
  .section-contact .element-column {
    flex: 1;
    width: 50%;
    padding: 0 2em;
  }
  /* line 151, ../scss/breakpoints/_1024up.scss */
  .section-contact .element-contact {
    font-size: 1.3em;
    margin: 1em 0;
  }

  /* line 159, ../scss/breakpoints/_1024up.scss */
  .section-downloads .element-downloads {
    padding-left: 2em;
  }
  /* line 163, ../scss/breakpoints/_1024up.scss */
  .section-downloads .element-container {
    background-position: 30%;
  }
}
/*********************
PRINT STYLESHEET
Feel free to customize this. Remember to add things that won't make
sense to print at the bottom. Things like nav, ads, and forms should
be set to display none.
*********************/
@media print {
  /******************************************************************
  Site Name:
  Author:
  
  Stylesheet: Print Stylesheet
  
  This is the print stylesheet. There's probably not a lot
  of reasons to edit this stylesheet. If you want to
  though, go for it.
  
  ******************************************************************/
  /* line 13, ../scss/partials/_print.scss */
  * {
    background: transparent !important;
    color: black !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important;
  }

  /* line 21, ../scss/partials/_print.scss */
  a, a:visited {
    color: #444 !important;
    text-decoration: underline;
  }
  /* line 26, ../scss/partials/_print.scss */
  a:after, a:visited:after {
    content: " (" attr(href) ")";
  }
  /* line 31, ../scss/partials/_print.scss */
  a abbr[title]:after, a:visited abbr[title]:after {
    content: " (" attr(title) ")";
  }

  /* line 37, ../scss/partials/_print.scss */
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }

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

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

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

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

  @page {
    margin: 0.5cm;
  }
  /* line 64, ../scss/partials/_print.scss */
  p, h2, h3 {
    orphans: 3;
    widows: 3;
  }

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

  /* line 75, ../scss/partials/_print.scss */
  nav,
  .sidebar,
  iframe {
    display: none;
  }

  /* line 82, ../scss/partials/_print.scss */
  main {
    margin-left: 0;
  }
}