/*@mixin mobile-landscape-only {
  @media only screen and (min-width : $mq-mobile-portrait + 1) and (max-width : $mq-mobile-landscape) {
    @content;
  }
}*/
/* compass defaults
   ========================================================================== */
/* normalize setup
   ========================================================================== */
/* =============================================================================
   HTML5 display definitions
   ========================================================================== */
/*
 * Corrects block display not defined in IE6/7/8/9 & FF3
 */
/* line 9, ../sass/_normalize.scss */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
  display: block;
}

/*
 * Corrects inline-block display not defined in IE6/7/8/9 & FF3
 */
/* line 27, ../sass/_normalize.scss */
audio,
canvas,
video {
  display: inline-block;
}

/*
 * Prevents modern browsers from displaying 'audio' without controls
 * Remove excess height in iOS5 devices
 */
/* line 42, ../sass/_normalize.scss */
audio:not([controls]) {
  display: none;
  height: 0;
}

/*
 * Addresses styling for 'hidden' attribute not present in IE7/8/9, FF3, S4
 * Known issue: no IE6 support
 */
/* line 52, ../sass/_normalize.scss */
[hidden] {
  display: none;
}

/* =============================================================================
   Base
   ========================================================================== */
/*
 * 1. Corrects text resizing oddly in IE6/7 when body font-size is set using em units
 *    http://clagnut.com/blog/348/#c790
 * 2. Prevents iOS text size adjust after orientation change, without disabling user zoom
 *    www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/
 */
/* line 68, ../sass/_normalize.scss */
html {
  font-size: 100%;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  /* Establishes a vertical rhythm unit using $base-line-height. */
  line-height: 1.3125em;
}

/*
 * Addresses font-family inconsistency between 'textarea' and other form elements.
 */
/* line 80, ../sass/_normalize.scss */
html,
button,
input,
select,
textarea {
  font-family: helvetica;
}

/*
 * Addresses margins handled incorrectly in IE6/7
 */
/* line 92, ../sass/_normalize.scss */
body {
  margin: 0;
}

/* =============================================================================
   Links
   ========================================================================== */
/*
 * Addresses outline displayed oddly in Chrome
 */
/* line 105, ../sass/_normalize.scss */
a:focus {
  outline: thin dotted;
}

/*
 * Improves readability when focused and also mouse hovered in all browsers
 * people.opera.com/patrickl/experiments/keyboard/test
 */
/* line 114, ../sass/_normalize.scss */
a:hover,
a:active {
  outline: 0;
}

/* =============================================================================
   Typography
   ========================================================================== */
/*
 * Addresses font sizes and margins set differently in IE6/7
 * Addresses font sizes within 'section' and 'article' in FF4+, Chrome, S5
 */
/* line 129, ../sass/_normalize.scss */
h1 {
  /* Sets the font-size and line-height while keeping a proper vertical rhythm. */
  font-size: 2em;
  line-height: 1.3125em;
  /* Sets 1 unit of vertical rhythm on the top and bottom margins. */
  margin-top: 0.65625em;
  margin-bottom: 0.65625em;
}

/* line 138, ../sass/_normalize.scss */
h2 {
  font-size: 1.5em;
  line-height: 1.75em;
  margin-top: 0.875em;
  margin-bottom: 0.875em;
}

/* line 144, ../sass/_normalize.scss */
h3 {
  font-size: 1.17em;
  line-height: 2.24359em;
  margin-top: 1.12179em;
  margin-bottom: 1.12179em;
}

/* line 150, ../sass/_normalize.scss */
h4 {
  font-size: 1em;
  line-height: 1.3125em;
  margin-top: 1.3125em;
  margin-bottom: 1.3125em;
}

/* line 156, ../sass/_normalize.scss */
h5 {
  font-size: 0.83em;
  line-height: 1.58133em;
  margin-top: 1.58133em;
  margin-bottom: 1.58133em;
}

/* line 162, ../sass/_normalize.scss */
h6 {
  font-size: 0.75em;
  line-height: 1.75em;
  margin-top: 1.75em;
  margin-bottom: 1.75em;
}

/*
 * Addresses styling not present in IE7/8/9, S5, Chrome
 */
/* line 172, ../sass/_normalize.scss */
abbr[title] {
  border-bottom: 1px dotted;
}

/*
 * Addresses style set to 'bolder' in FF3+, S4/5, Chrome
*/
/* line 180, ../sass/_normalize.scss */
b,
strong {
  font-weight: bold;
}

/* line 185, ../sass/_normalize.scss */
blockquote {
  /* Sets 1 unit of vertical rhythm on the top and bottom margin. */
  margin: 1.3125em 40px;
}

/*
 * Addresses styling not present in S5, Chrome
 */
/* line 194, ../sass/_normalize.scss */
dfn {
  font-style: italic;
}

/*
 * Addresses styling not present in IE6/7/8/9
 */
/* line 202, ../sass/_normalize.scss */
mark {
  background: #ff0;
  color: #313237;
}

/*
 * Addresses margins set differently in IE6/7
 */
/* line 211, ../sass/_normalize.scss */
p,
pre {
  /* Sets 1 unit of vertical rhythm on the top and bottom margin. */
  margin: 1.3125em 0;
}

/*
 * Corrects font family set oddly in IE6, S4/5, Chrome
 * en.wikipedia.org/wiki/User:Davidgothberg/Test59
 */
/* line 222, ../sass/_normalize.scss */
pre,
code,
kbd,
samp {
  font-family: monospace, serif;
  font-size: 1em;
  line-height: 1.3125em;
}

/*
 * Improves readability of pre-formatted text in all browsers
 */
/* line 237, ../sass/_normalize.scss */
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}

/*
 * 1. Addresses CSS quotes not supported in IE6/7
 * 2. Addresses quote property not supported in S4
 */
/* 1 */
/* line 250, ../sass/_normalize.scss */
q {
  quotes: none;
}

/* 2 */
/* line 256, ../sass/_normalize.scss */
q:before,
q:after {
  content: '';
  content: none;
}

/* line 262, ../sass/_normalize.scss */
small {
  font-size: 75%;
}

/*
 * Prevents sub and sup affecting line-height in all browsers
 * gist.github.com/413930
 */
/* line 271, ../sass/_normalize.scss */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

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

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

/* =============================================================================
   Lists
   ========================================================================== */
/*
 * Addresses margins set differently in IE6/7
 */
/* line 296, ../sass/_normalize.scss */
dl,
menu,
ol,
ul {
  /* Sets 1 unit of vertical rhythm on the top and bottom margin. */
  margin: 1.3125em 0;
}

/* line 304, ../sass/_normalize.scss */
dd {
  margin: 0 0 0 40px;
}

/*
 * Addresses paddings set differently in IE6/7
 */
/* line 312, ../sass/_normalize.scss */
menu,
ol,
ul {
  padding: 0;
}

/*
 * Corrects list images handled incorrectly in IE7
 */
/* line 322, ../sass/_normalize.scss */
nav ul,
nav ol {
  list-style: none;
  list-style-image: none;
}

/* =============================================================================
   Embedded content
   ========================================================================== */
/*
 * 1. Removes border when inside 'a' element in IE6/7/8/9, FF3
 * 2. Improves image quality when scaled in IE7
 *    code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
 */
/* line 339, ../sass/_normalize.scss */
img {
  border: 0;
  /* 1 */
  -ms-interpolation-mode: bicubic;
  /* 2 */
}

/*
 * Corrects overflow displayed oddly in IE9
 */
/* line 348, ../sass/_normalize.scss */
svg:not(:root) {
  overflow: hidden;
}

/* =============================================================================
   Figures
   ========================================================================== */
/*
 * Addresses margin not present in IE6/7/8/9, S5, O11
 */
/* line 361, ../sass/_normalize.scss */
figure {
  margin: 0;
}

/* =============================================================================
   Forms
   ========================================================================== */
/*
 * Corrects margin displayed oddly in IE6/7
 */
/* line 374, ../sass/_normalize.scss */
form {
  margin: 0;
}

/*
 * Define consistent border, margin, and padding
 */
/* line 382, ../sass/_normalize.scss */
fieldset {
  border-color: #c0c0c0;
  margin: 0 2px;
  /* Apply borders and padding that keep the vertical rhythm. */
  border-top-width: 0.0625em;
  border-top-style: solid;
  padding-top: 0.39688em;
  border-bottom-width: 0.0625em;
  border-bottom-style: solid;
  padding-bottom: 0.79063em;
  border-left-width: 0.0625em;
  border-left-style: solid;
  padding-left: 0.75781em;
  border-right-width: 0.0625em;
  border-right-style: solid;
  padding-right: 0.75781em;
}

/*
 * 1. Corrects color not being inherited in IE6/7/8/9
 * 2. Corrects text not wrapping in FF3
 * 3. Corrects alignment displayed oddly in IE6/7
 */
/* line 398, ../sass/_normalize.scss */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  white-space: normal;
  /* 2 */
}

/*
 * 1. Corrects font size not being inherited in all browsers
 * 2. Addresses margins set differently in IE6/7, FF3+, S5, Chrome
 * 3. Improves appearance and consistency in all browsers
 */
/* line 413, ../sass/_normalize.scss */
button,
input,
select,
textarea {
  font-size: 100%;
  /* 1 */
  margin: 0;
  /* 2 */
  vertical-align: baseline;
  /* 3 */
}

/*
 * Addresses FF3/4 setting line-height on 'input' using !important in the UA stylesheet
 */
/* line 429, ../sass/_normalize.scss */
button,
input {
  line-height: normal;
  /* 1 */
}

/*
 * 1. Improves usability and consistency of cursor style between image-type 'input' and others
 * 2. Corrects inability to style clickable 'input' types in iOS
 * 3. Removes inner spacing in IE7 without affecting normal text inputs
 *    Known issue: inner spacing remains in IE6
 */
/* line 441, ../sass/_normalize.scss */
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
  /* 1 */
  -webkit-appearance: button;
  /* 2 */
}

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

/*
 * 1. Addresses box sizing set to content-box in IE8/9
 * 2. Removes excess padding in IE8/9
 * 3. Removes excess padding in IE7
      Known issue: excess padding remains in IE6
 */
/* line 468, ../sass/_normalize.scss */
input[type="checkbox"],
input[type="radio"] {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/*
 * 1. Addresses appearance set to searchfield in S5, Chrome
 * 2. Addresses box-sizing set to border-box in S5, Chrome (include -moz to future-proof)
 */
/* line 483, ../sass/_normalize.scss */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  /* 2 */
}

/*
 * Removes inner padding and search cancel button in S5, Chrome on OS X
 */
/* line 492, ../sass/_normalize.scss */
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

/*
 * Removes inner padding and border in FF3+
 * www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/
 */
/* line 502, ../sass/_normalize.scss */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/*
 * 1. Removes default vertical scrollbar in IE6/7/8/9
 * 2. Improves readability and alignment in all browsers
 */
/* line 513, ../sass/_normalize.scss */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */
}

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

/* line 532, ../sass/_normalize.scss */
hr {
  clear: both;
  border-top: 1px solid #e0e0e1;
}

/* line 6, ../sass/_typography.scss */
html {
  font-size: 120%;
  line-height: 1.4;
  font-family: "Open sans", sans-serif;
  font-weight: 400;
  color: #313237;
}

/* line 14, ../sass/_typography.scss */
html,
input,
button,
textarea {
  -webkit-font-smoothing: antialiased;
}

/* line 21, ../sass/_typography.scss */
h1,
h2,
h3 {
  font-family: "futura-pt-condensed", "Futura-CondensedExtraBold", "HelveticaNeueBoldCondensed", "HelveticaNeue-Bold-Condensed", "Helvetica Neue Bold Condensed", "HelveticaNeue-CondensedBold", "Arial Narrow", Helvetica, Arial, sans-serif;
  font-size: 120%;
  font-weight: 600;
  line-height: 1;
  text-transform: uppercase;
}
/* line 30, ../sass/_typography.scss */
h1 .medium,
h2 .medium,
h3 .medium {
  font-weight: 300;
}

/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license

Copyright (c) 2013 Daniel Eden

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/
/* line 16, ../sass/_animate.scss */
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

/* line 23, ../sass/_animate.scss */
.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

/* line 28, ../sass/_animate.scss */
.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
/* line 70, ../sass/_animate.scss */
.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
}

@-webkit-keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}
@keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}
/* line 95, ../sass/_animate.scss */
.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
/* line 139, ../sass/_animate.scss */
.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

@-webkit-keyframes rubberBand {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  30% {
    -webkit-transform: scaleX(1.25) scaleY(0.75);
    transform: scaleX(1.25) scaleY(0.75);
  }
  40% {
    -webkit-transform: scaleX(0.75) scaleY(1.25);
    transform: scaleX(0.75) scaleY(1.25);
  }
  60% {
    -webkit-transform: scaleX(1.15) scaleY(0.85);
    transform: scaleX(1.15) scaleY(0.85);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes rubberBand {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  30% {
    -webkit-transform: scaleX(1.25) scaleY(0.75);
    -ms-transform: scaleX(1.25) scaleY(0.75);
    transform: scaleX(1.25) scaleY(0.75);
  }
  40% {
    -webkit-transform: scaleX(0.75) scaleY(1.25);
    -ms-transform: scaleX(0.75) scaleY(1.25);
    transform: scaleX(0.75) scaleY(1.25);
  }
  60% {
    -webkit-transform: scaleX(1.15) scaleY(0.85);
    -ms-transform: scaleX(1.15) scaleY(0.85);
    transform: scaleX(1.15) scaleY(0.85);
  }
  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
/* line 203, ../sass/_animate.scss */
.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}

@-webkit-keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
}
@keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
  }
}
/* line 245, ../sass/_animate.scss */
.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }
  40% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  60% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }
  80% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
@keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    transform: rotate(15deg);
  }
  40% {
    -webkit-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  60% {
    -webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg);
  }
  80% {
    -webkit-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
/* line 309, ../sass/_animate.scss */
.swing {
  -webkit-transform-origin: top center;
  -ms-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}

@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }
  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }
  100% {
    -webkit-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}
@keyframes tada {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    -ms-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    -ms-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }
  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    -ms-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }
  100% {
    -webkit-transform: scale(1) rotate(0);
    -ms-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}
/* line 376, ../sass/_animate.scss */
.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg);
  }
  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
    transform: translateX(20%) rotate(3deg);
  }
  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg);
  }
  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg);
  }
  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg);
  }
  100% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
    -ms-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg);
  }
  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
    -ms-transform: translateX(20%) rotate(3deg);
    transform: translateX(20%) rotate(3deg);
  }
  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
    -ms-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg);
  }
  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
    -ms-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg);
  }
  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    -ms-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg);
  }
  100% {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
}
/* line 464, ../sass/_animate.scss */
.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}

@-webkit-keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    transform: scale(0.3);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }
  70% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    -ms-transform: scale(0.3);
    transform: scale(0.3);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
  }
  70% {
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
/* line 523, ../sass/_animate.scss */
.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
  }
  80% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px);
  }
  80% {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
/* line 580, ../sass/_animate.scss */
.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
  }
  80% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    -ms-transform: translateX(30px);
    transform: translateX(30px);
  }
  80% {
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
/* line 637, ../sass/_animate.scss */
.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    transform: translateX(-30px);
  }
  80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    transform: translateX(-30px);
  }
  80% {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
  }
  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
/* line 694, ../sass/_animate.scss */
.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  80% {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  80% {
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);
  }
  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
/* line 751, ../sass/_animate.scss */
.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  25% {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    transform: scale(0.3);
  }
}
@keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  25% {
    -webkit-transform: scale(0.95);
    -ms-transform: scale(0.95);
    transform: scale(0.95);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    -ms-transform: scale(0.3);
    transform: scale(0.3);
  }
}
/* line 808, ../sass/_animate.scss */
.bounceOut {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}
@keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}
/* line 854, ../sass/_animate.scss */
.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}
@keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}
/* line 900, ../sass/_animate.scss */
.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}
@keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}
/* line 946, ../sass/_animate.scss */
.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}
@keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}
/* line 992, ../sass/_animate.scss */
.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/* line 1017, ../sass/_animate.scss */
.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
/* line 1052, ../sass/_animate.scss */
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
/* line 1087, ../sass/_animate.scss */
.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
/* line 1122, ../sass/_animate.scss */
.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
/* line 1157, ../sass/_animate.scss */
.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
/* line 1192, ../sass/_animate.scss */
.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
/* line 1227, ../sass/_animate.scss */
.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
/* line 1262, ../sass/_animate.scss */
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
/* line 1297, ../sass/_animate.scss */
.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
/* line 1322, ../sass/_animate.scss */
.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
}
@keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }
}
/* line 1357, ../sass/_animate.scss */
.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}
@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}
/* line 1392, ../sass/_animate.scss */
.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }
}
@keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }
}
/* line 1427, ../sass/_animate.scss */
.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}
@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}
/* line 1462, ../sass/_animate.scss */
.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }
}
@keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }
}
/* line 1497, ../sass/_animate.scss */
.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}
@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}
/* line 1532, ../sass/_animate.scss */
.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}
@keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}
/* line 1567, ../sass/_animate.scss */
.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}
@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}
/* line 1602, ../sass/_animate.scss */
.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
@keyframes flip {
  0% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
    -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
/* line 1686, ../sass/_animate.scss */
.animated.flip {
  -webkit-backface-visibility: visible;
  -ms-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}

@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg);
  }
  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
  }
  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}
@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    -ms-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg);
  }
  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    -ms-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
  }
  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}
/* line 1746, ../sass/_animate.scss */
.flipInX {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}

@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg);
  }
  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
  }
  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}
@keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    -ms-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg);
  }
  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    -ms-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
  }
  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}
/* line 1806, ../sass/_animate.scss */
.flipInY {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}
@keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}
/* line 1844, ../sass/_animate.scss */
.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}
@keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}
/* line 1882, ../sass/_animate.scss */
.flipOutY {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
  0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
    transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}
@keyframes lightSpeedIn {
  0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
    -ms-transform: translateX(-20%) skewX(30deg);
    transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    -ms-transform: translateX(0%) skewX(-15deg);
    transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}
/* line 1946, ../sass/_animate.scss */
.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
  0% {
    -webkit-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
}
@keyframes lightSpeedOut {
  0% {
    -webkit-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
}
/* line 1983, ../sass/_animate.scss */
.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
  0% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
@keyframes rotateIn {
  0% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    -ms-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
/* line 2030, ../sass/_animate.scss */
.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
@keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
/* line 2075, ../sass/_animate.scss */
.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
@keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
/* line 2120, ../sass/_animate.scss */
.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
@keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
/* line 2165, ../sass/_animate.scss */
.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
@keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
/* line 2210, ../sass/_animate.scss */
.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
  0% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0;
  }
}
@keyframes rotateOut {
  0% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(200deg);
    -ms-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0;
  }
}
/* line 2255, ../sass/_animate.scss */
.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}
/* line 2300, ../sass/_animate.scss */
.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}
/* line 2345, ../sass/_animate.scss */
.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}
/* line 2390, ../sass/_animate.scss */
.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}
/* line 2435, ../sass/_animate.scss */
.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}

@-webkit-keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
/* line 2468, ../sass/_animate.scss */
.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
/* line 2501, ../sass/_animate.scss */
.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
/* line 2534, ../sass/_animate.scss */
.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

@-webkit-keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}
@keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}
/* line 2567, ../sass/_animate.scss */
.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}
@keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}
/* line 2600, ../sass/_animate.scss */
.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}
@keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}
/* line 2633, ../sass/_animate.scss */
.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}

@-webkit-keyframes slideInUp {
  0% {
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes slideInUp {
  0% {
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
/* line 2666, ../sass/_animate.scss */
.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}
@keyframes slideOutDown {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}
/* line 2699, ../sass/_animate.scss */
.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}

@-webkit-keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%, 60% {
    -webkit-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40% {
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    transform: rotate(60deg) translateY(0);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(700px);
    transform: translateY(700px);
    opacity: 0;
  }
}
@keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%, 60% {
    -webkit-transform: rotate(80deg);
    -ms-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40% {
    -webkit-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    -ms-transform: rotate(60deg) translateY(0);
    transform: rotate(60deg) translateY(0);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(700px);
    -ms-transform: translateY(700px);
    transform: translateY(700px);
    opacity: 0;
  }
}
/* line 2803, ../sass/_animate.scss */
.hinge {
  -webkit-animation-name: hinge;
  animation-name: hinge;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
}
@keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    -ms-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
}
/* line 2840, ../sass/_animate.scss */
.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
    transform: translateX(100%) rotate(120deg);
  }
}
@keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
    -ms-transform: translateX(100%) rotate(120deg);
    transform: translateX(100%) rotate(120deg);
  }
}
/* line 2877, ../sass/_animate.scss */
.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}

/* line 1, ../sass/ui/_buttons.scss */
.button {
  font-family: "futura-pt-condensed", "Futura-CondensedMedium", "HelveticaNeueMediumCondensed", "HelveticaNeue-Medium-Condensed", "Helvetica Neue Medium Condensed", "Arial Narrow", Helvetica, Arial, sans-serif;
  text-decoration: none;
  padding: .3em 1em;
  border-radius: .3em;
  text-transform: uppercase;
  border: none;
  -moz-transition: all 0.35s;
  -o-transition: all 0.35s;
  -webkit-transition: all 0.35s;
  transition: all 0.35s;
  background: #E0E0E1;
  color: #313237;
}
/* line 14, ../sass/ui/_buttons.scss */
.button:focus {
  outline: none;
}
/* line 18, ../sass/ui/_buttons.scss */
.button:hover, .button:active {
  background: #313237;
  color: #fff;
}
/* line 23, ../sass/ui/_buttons.scss */
.button.dark {
  background: #313237;
  color: #fff;
}
/* line 27, ../sass/ui/_buttons.scss */
.button.dark:hover, .button.dark:active {
  background: #93EC00;
  color: #313237;
}
/* line 33, ../sass/ui/_buttons.scss */
.button.small {
  font-size: .75em;
  padding: .2em .75em;
}

@-moz-document url-prefix() {
  /* line 41, ../sass/ui/_buttons.scss */
  .button {
    padding: .3em 0.75em;
  }
}
/* line 46, ../sass/ui/_buttons.scss */
.social {
  list-style: none;
}
/* line 49, ../sass/ui/_buttons.scss */
.social li {
  width: 2.2em;
  height: 2.2em;
  display: block;
  background: #313237;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  text-indent: -9999px;
  overflow: hidden;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  -moz-transition: background 0.35s;
  -o-transition: background 0.35s;
  -webkit-transition: background 0.35s;
  transition: background 0.35s;
}
/* line 61, ../sass/ui/_buttons.scss */
.social li a {
  display: block;
  text-indent: -9999px;
}
/* line 69, ../sass/ui/_buttons.scss */
.social .linkedin a {
  height: 42px;
  width: 42px;
  background-image: url('../images/sprites-s6a8ebaadb0.png');
  background-position: 0 -464px;
  background-repeat: no-repeat;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  /* line 45, ../sass/mixins/_sprite.scss */
  .social .linkedin a {
    background-image: url('../images/sprites-retina-saab16b0604.png');
    background-position: 0 -464px;
    -moz-background-size: 114px auto;
    -o-background-size: 114px auto;
    -webkit-background-size: 114px auto;
    background-size: 114px auto;
  }
}
/* line 74, ../sass/ui/_buttons.scss */
.social .linkedin:hover, .social .linkedin:active {
  background: #007BB6;
}
/* line 82, ../sass/ui/_buttons.scss */
.social .facebook a {
  height: 42px;
  width: 42px;
  background-image: url('../images/sprites-s6a8ebaadb0.png');
  background-position: 0 -159px;
  background-repeat: no-repeat;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  /* line 45, ../sass/mixins/_sprite.scss */
  .social .facebook a {
    background-image: url('../images/sprites-retina-saab16b0604.png');
    background-position: 0 -159px;
    -moz-background-size: 114px auto;
    -o-background-size: 114px auto;
    -webkit-background-size: 114px auto;
    background-size: 114px auto;
  }
}
/* line 87, ../sass/ui/_buttons.scss */
.social .facebook:hover, .social .facebook:active {
  background: #3B5998;
}
/* line 94, ../sass/ui/_buttons.scss */
.social .twitter a {
  height: 42px;
  width: 42px;
  background-image: url('../images/sprites-s6a8ebaadb0.png');
  background-position: 0 -626px;
  background-repeat: no-repeat;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  /* line 45, ../sass/mixins/_sprite.scss */
  .social .twitter a {
    background-image: url('../images/sprites-retina-saab16b0604.png');
    background-position: 0 -626px;
    -moz-background-size: 114px auto;
    -o-background-size: 114px auto;
    -webkit-background-size: 114px auto;
    background-size: 114px auto;
  }
}
/* line 98, ../sass/ui/_buttons.scss */
.social .twitter:hover, .social .twitter:active {
  background: #4099FF;
}

/* line 1, ../sass/ui/_projectgrid.scss */
.work {
  min-height: 800px;
}

/* line 5, ../sass/ui/_projectgrid.scss */
ul.projectgrid {
  width: 100%;
  padding: 0;
  margin: 0 0 3em;
  list-style: none;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  clear: left;
}
/* line 15, ../sass/ui/_projectgrid.scss */
ul.projectgrid li {
  width: 33.3333%;
  margin: 0 0 1.875em;
  padding: 0 1.5em;
  float: left;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media (max-width: 45em) {
  /* line 15, ../sass/ui/_projectgrid.scss */
  ul.projectgrid li {
    width: 50%;
  }
}
@media (max-width: 25em) {
  /* line 15, ../sass/ui/_projectgrid.scss */
  ul.projectgrid li {
    width: 100%;
  }
}
/* line 31, ../sass/ui/_projectgrid.scss */
ul.projectgrid li a {
  text-decoration: none;
  display: block;
  line-height: 0;
  overflow: hidden;
}
/* line 38, ../sass/ui/_projectgrid.scss */
ul.projectgrid li a > img {
  max-width: 100%;
  background: #ccc;
  width: 100%;
  max-height: 190px;
  font-size: .6em;
  color: #313237;
}
/* line 47, ../sass/ui/_projectgrid.scss */
ul.projectgrid li a .info {
  width: 68%;
  float: left;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-right: 1px solid #cbcccd;
  height: 3.2em;
}
/* line 55, ../sass/ui/_projectgrid.scss */
ul.projectgrid li a .info.with-award {
  padding-right: 48px;
  position: relative;
}
/* line 61, ../sass/ui/_projectgrid.scss */
ul.projectgrid li a .info.with-award:after {
  height: 24px;
  width: 24px;
  background-image: url('../images/sprites-s6a8ebaadb0.png');
  background-position: 0 -72px;
  background-repeat: no-repeat;
  content: "";
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -12px;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  /* line 45, ../sass/mixins/_sprite.scss */
  ul.projectgrid li a .info.with-award:after {
    background-image: url('../images/sprites-retina-saab16b0604.png');
    background-position: 0 -72px;
    -moz-background-size: 114px auto;
    -o-background-size: 114px auto;
    -webkit-background-size: 114px auto;
    background-size: 114px auto;
  }
}
/* line 74, ../sass/ui/_projectgrid.scss */
ul.projectgrid li a .info h1, ul.projectgrid li a .info h2 {
  text-transform: none;
  line-height: 1;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
/* line 82, ../sass/ui/_projectgrid.scss */
ul.projectgrid li a .info h1 {
  font-size: .730em;
  color: #313237;
  margin: .75em 0 .4em 0;
  font-family: "Open sans", sans-serif;
  line-height: 1.4;
  font-weight: bold;
}
/* line 91, ../sass/ui/_projectgrid.scss */
ul.projectgrid li a .info h2 {
  font-size: .666em;
  color: #848692;
  margin: 0 0 .5em;
  font-family: "Open sans", sans-serif;
  font-weight: normal;
  padding: 0 0 .1em;
}
/* line 101, ../sass/ui/_projectgrid.scss */
ul.projectgrid li a .clientlogo {
  float: left;
  width: 32%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 3.2em;
  text-align: center;
}
/* line 108, ../sass/ui/_projectgrid.scss */
ul.projectgrid li a .clientlogo:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em;
  /* Adjusts for spacing */
}
/* line 116, ../sass/ui/_projectgrid.scss */
ul.projectgrid li a .clientlogo img {
  width: 80%;
  text-align: center;
  vertical-align: middle;
}

/* line 1, ../sass/ui/_forms.scss */
input[type="text"] {
  border: none;
  padding: 5px 10px 5px 10px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid #ccc;
  font-family: "Open sans", sans-serif;
  font-weight: 300;
}
/* line 15, ../sass/ui/_forms.scss */
input[type="text"]:focus {
  outline: none;
}

/* line 21, ../sass/ui/_forms.scss */
input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 50px white inset;
  /* Change the color to your own background color */
  -webkit-text-fill-color: #333;
}

/* line 26, ../sass/ui/_forms.scss */
input:-webkit-autofill:focus {
  -webkit-box-shadow: 0,0 0 0 50px white inset;
  -webkit-text-fill-color: #333;
}

/* line 6, ../sass/ui/_spinner.scss */
.container1 > div, .container2 > div, .container3 > div {
  width: 10px;
  height: 10px;
  background-color: #fff;
  border-radius: 100%;
  position: absolute;
  -webkit-animation: bouncedelay 1.2s infinite ease-in-out;
  animation: bouncedelay 1.2s infinite ease-in-out;
  /* Prevent first frame from flickering when animation starts */
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

/* line 20, ../sass/ui/_spinner.scss */
.spinner .spinner-container {
  position: absolute;
  width: 100%;
  height: 100%;
}

/* line 26, ../sass/ui/_spinner.scss */
.container2 {
  -webkit-transform: rotateZ(45deg);
  transform: rotateZ(45deg);
}

/* line 31, ../sass/ui/_spinner.scss */
.container3 {
  -webkit-transform: rotateZ(90deg);
  transform: rotateZ(90deg);
}

/* line 36, ../sass/ui/_spinner.scss */
.circle1 {
  top: 0;
  left: 0;
}

/* line 37, ../sass/ui/_spinner.scss */
.circle2 {
  top: 0;
  right: 0;
}

/* line 38, ../sass/ui/_spinner.scss */
.circle3 {
  right: 0;
  bottom: 0;
}

/* line 39, ../sass/ui/_spinner.scss */
.circle4 {
  left: 0;
  bottom: 0;
}

/* line 41, ../sass/ui/_spinner.scss */
.container2 .circle1 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}

/* line 46, ../sass/ui/_spinner.scss */
.container3 .circle1 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

/* line 51, ../sass/ui/_spinner.scss */
.container1 .circle2 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}

/* line 56, ../sass/ui/_spinner.scss */
.container2 .circle2 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}

/* line 61, ../sass/ui/_spinner.scss */
.container3 .circle2 {
  -webkit-animation-delay: -0.7s;
  animation-delay: -0.7s;
}

/* line 66, ../sass/ui/_spinner.scss */
.container1 .circle3 {
  -webkit-animation-delay: -0.6s;
  animation-delay: -0.6s;
}

/* line 71, ../sass/ui/_spinner.scss */
.container2 .circle3 {
  -webkit-animation-delay: -0.5s;
  animation-delay: -0.5s;
}

/* line 76, ../sass/ui/_spinner.scss */
.container3 .circle3 {
  -webkit-animation-delay: -0.4s;
  animation-delay: -0.4s;
}

/* line 81, ../sass/ui/_spinner.scss */
.container1 .circle4 {
  -webkit-animation-delay: -0.3s;
  animation-delay: -0.3s;
}

/* line 86, ../sass/ui/_spinner.scss */
.container2 .circle4 {
  -webkit-animation-delay: -0.2s;
  animation-delay: -0.2s;
}

/* line 91, ../sass/ui/_spinner.scss */
.container3 .circle4 {
  -webkit-animation-delay: -0.1s;
  animation-delay: -0.1s;
}

@-webkit-keyframes bouncedelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
  }
}
@keyframes bouncedelay {
  0%, 80%, 100% {
    transform: scale(0);
    -webkit-transform: scale(0);
  }
  40% {
    transform: scale(1);
    -webkit-transform: scale(1);
  }
}
/* line 1, ../sass/layout/_baselayout.scss */
html {
  overflow-y: scroll;
}

/* line 5, ../sass/layout/_baselayout.scss */
html, body {
  height: auto;
  min-height: 100%;
}
/* line 9, ../sass/layout/_baselayout.scss */
html.menu-open, body.menu-open {
  overflow: hidden;
  height: 100%;
  width: 100%;
  position: fixed;
}

/* line 17, ../sass/layout/_baselayout.scss */
.page {
  min-height: 100%;
  overflow: hidden;
}

/* line 22, ../sass/layout/_baselayout.scss */
.wrap {
  min-height: 100%;
  width: 100%;
  float: left;
}

/* line 28, ../sass/layout/_baselayout.scss */
.container {
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
}

/* line 34, ../sass/layout/_baselayout.scss */
header {
  width: 100%;
  float: left;
  position: fixed;
  z-index: 500;
}

/* line 41, ../sass/layout/_baselayout.scss */
.content {
  min-height: 100%;
  width: 100%;
  float: left;
}

/* line 1, ../sass/layout/_footer.scss */
footer {
  width: 100%;
  float: left;
  border: 1px solid #e0e0e1;
  border-bottom: 0px;
  background: #fff;
}
@media (max-width: 36.875em) {
  /* line 1, ../sass/layout/_footer.scss */
  footer {
    padding-top: 4em;
  }
}

/* line 13, ../sass/layout/_footer.scss */
.footercolumn {
  padding: 35px 10px 10px;
  float: left;
  text-align: center;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  min-height: 160px;
}
@media (max-width: 60em) {
  /* line 13, ../sass/layout/_footer.scss */
  .footercolumn {
    min-height: 230px;
  }
}
@media (max-width: 45em) {
  /* line 13, ../sass/layout/_footer.scss */
  .footercolumn {
    min-height: 250px;
  }
}
@media (max-width: 36.875em) {
  /* line 13, ../sass/layout/_footer.scss */
  .footercolumn {
    float: none;
    min-height: 0;
    clear: both;
    margin-bottom: 4em;
  }
}
/* line 35, ../sass/layout/_footer.scss */
.footercolumn h1 {
  margin: 0;
  font-size: 110%;
}
/* line 40, ../sass/layout/_footer.scss */
.footercolumn p {
  margin: 0;
  font-size: 0.8em;
}

/* line 1, ../sass/views/_navigation.scss */
.navigation {
  width: 100%;
  height: 60px;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.4);
  z-index: 1000;
  /* Overlay style */
  /* Overlay closing cross */
  /* Menu style */
  /* Effects */
}
/* line 10, ../sass/views/_navigation.scss */
.navigation .logo {
  height: 115px;
  width: 120px;
  background: #313237;
  position: absolute;
  top: 0;
  left: 20px;
}
@media (max-width: 36.875em) {
  /* line 10, ../sass/views/_navigation.scss */
  .navigation .logo {
    height: 62px;
    width: 114px;
  }
}
/* line 22, ../sass/views/_navigation.scss */
.navigation .logo a {
  display: block;
  height: 115px;
  width: 120px;
  text-indent: -999px;
}
@media (max-width: 36.875em) {
  /* line 22, ../sass/views/_navigation.scss */
  .navigation .logo a {
    height: 62px;
    width: 114px;
  }
}
/* line 32, ../sass/views/_navigation.scss */
.navigation .logo a span {
  height: 99px;
  width: 81px;
  background-image: url('../images/sprites-s6a8ebaadb0.png');
  background-position: 0 -335px;
  background-repeat: no-repeat;
  float: left;
  margin: 8px 19px;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  /* line 45, ../sass/mixins/_sprite.scss */
  .navigation .logo a span {
    background-image: url('../images/sprites-retina-saab16b0604.png');
    background-position: 0 -335px;
    -moz-background-size: 114px auto;
    -o-background-size: 114px auto;
    -webkit-background-size: 114px auto;
    background-size: 114px auto;
  }
}
@media (max-width: 36.875em) {
  /* line 32, ../sass/views/_navigation.scss */
  .navigation .logo a span {
    height: 62px;
    width: 114px;
    background-image: url('../images/sprites-s6a8ebaadb0.png');
    background-position: 0 -273px;
    background-repeat: no-repeat;
    margin: 0px;
  }
}
@media (max-width: 36.875em) and (-webkit-min-device-pixel-ratio: 1.5), (max-width: 36.875em) and (min--moz-device-pixel-ratio: 1.5), (max-width: 36.875em) and (-o-min-device-pixel-ratio: 3 / 2), (max-width: 36.875em) and (min-device-pixel-ratio: 1.5), (max-width: 36.875em) and (min-resolution: 144dpi) {
  /* line 45, ../sass/mixins/_sprite.scss */
  .navigation .logo a span {
    background-image: url('../images/sprites-retina-saab16b0604.png');
    background-position: 0 -273px;
    -moz-background-size: 114px auto;
    -o-background-size: 114px auto;
    -webkit-background-size: 114px auto;
    background-size: 114px auto;
  }
}

/* line 46, ../sass/views/_navigation.scss */
.navigation ul {
  padding: 0;
  margin: 0;
  padding: 0 20px;
  float: right;
}
@media (max-width: 36.875em) {
  /* line 46, ../sass/views/_navigation.scss */
  .navigation ul {
    display: none;
  }
}
/* line 56, ../sass/views/_navigation.scss */
.navigation ul li {
  float: left;
  height: 60px;
  line-height: 60px;
}
/* line 61, ../sass/views/_navigation.scss */
.navigation ul li a {
  color: #fff;
  text-decoration: none;
  font-family: "futura-pt-condensed", "Futura-CondensedExtraBold", "HelveticaNeueBoldCondensed", "HelveticaNeue-Bold-Condensed", "Helvetica Neue Bold Condensed", "HelveticaNeue-CondensedBold", "Arial Narrow", Helvetica, Arial, sans-serif;
  font-size: 100%;
  font-weight: 600;
  line-height: 1;
  text-transform: uppercase;
  height: 60px;
  line-height: 60px;
  padding: 0 20px;
  display: block;
  -moz-transition: all 0.35s;
  -o-transition: all 0.35s;
  -webkit-transition: all 0.35s;
  transition: all 0.35s;
}
/* line 76, ../sass/views/_navigation.scss */
.navigation ul li a:hover {
  background: rgba(0, 0, 0, 0.3);
}
/* line 80, ../sass/views/_navigation.scss */
.navigation ul li a.active {
  background: #313237;
}
/* line 90, ../sass/views/_navigation.scss */
.navigation .menu-icon {
  display: none;
}
@media (max-width: 36.875em) {
  /* line 90, ../sass/views/_navigation.scss */
  .navigation .menu-icon {
    text-indent: -9999px;
    display: block;
    width: 60px;
    height: 60px;
    position: absolute;
    top: 0;
    right: 0;
    height: 60px;
    width: 60px;
    background-image: url('../images/sprites-s6a8ebaadb0.png');
    background-position: 0 -536px;
    background-repeat: no-repeat;
  }
}
@media (max-width: 36.875em) and (-webkit-min-device-pixel-ratio: 1.5), (max-width: 36.875em) and (min--moz-device-pixel-ratio: 1.5), (max-width: 36.875em) and (-o-min-device-pixel-ratio: 3 / 2), (max-width: 36.875em) and (min-device-pixel-ratio: 1.5), (max-width: 36.875em) and (min-resolution: 144dpi) {
  /* line 45, ../sass/mixins/_sprite.scss */
  .navigation .menu-icon {
    background-image: url('../images/sprites-retina-saab16b0604.png');
    background-position: 0 -536px;
    -moz-background-size: 114px auto;
    -o-background-size: 114px auto;
    -webkit-background-size: 114px auto;
    background-size: 114px auto;
  }
}

/* line 106, ../sass/views/_navigation.scss */
.navigation .overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.9);
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
/* line 118, ../sass/views/_navigation.scss */
.navigation .overlay .overlay-close {
  width: 80px;
  height: 80px;
  position: absolute;
  right: 14px;
  top: 14px;
  overflow: hidden;
  border: none;
  background: none;
  height: 33px;
  width: 33px;
  background-image: url('../images/sprites-s6a8ebaadb0.png');
  background-position: 0 -96px;
  background-repeat: no-repeat;
  text-indent: 200%;
  color: transparent;
  outline: none;
  z-index: 100;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  /* line 45, ../sass/mixins/_sprite.scss */
  .navigation .overlay .overlay-close {
    background-image: url('../images/sprites-retina-saab16b0604.png');
    background-position: 0 -96px;
    -moz-background-size: 114px auto;
    -o-background-size: 114px auto;
    -webkit-background-size: 114px auto;
    background-size: 114px auto;
  }
}
/* line 135, ../sass/views/_navigation.scss */
.navigation .overlay nav {
  text-align: center;
  position: relative;
  top: 50%;
  height: auto;
  font-size: 1.25em;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
/* line 145, ../sass/views/_navigation.scss */
.navigation .overlay ul {
  list-style: none;
  padding: 0;
  float: none;
  margin: 0 auto;
  display: inline-block;
  height: 100%;
  position: relative;
}
/* line 155, ../sass/views/_navigation.scss */
.navigation .overlay ul li {
  display: block;
  height: 20%;
  float: none;
  height: calc(100% / 5);
  min-height: 3.5em;
}
/* line 163, ../sass/views/_navigation.scss */
.navigation .overlay ul li a {
  font-weight: 300;
  display: block;
  color: #fff;
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
}
/* line 170, ../sass/views/_navigation.scss */
.navigation .overlay ul li a.active {
  background: none;
}
@media screen and (orientation: landscape) {
  /* line 163, ../sass/views/_navigation.scss */
  .navigation .overlay ul li a {
    font-size: .7em;
  }
}
/* line 179, ../sass/views/_navigation.scss */
.navigation .overlay ul li a:hover,
.navigation .overlay ul li a:focus {
  color: #e3fcb1;
}
/* line 185, ../sass/views/_navigation.scss */
.navigation .overlay-hugeinc {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.5s, visibility 0s 0.5s;
  transition: opacity 0.5s, visibility 0s 0.5s;
}
/* line 192, ../sass/views/_navigation.scss */
.navigation .overlay-hugeinc.open {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}
/* line 199, ../sass/views/_navigation.scss */
.navigation .overlay-hugeinc nav {
  -webkit-perspective: 1200px;
  perspective: 1200px;
}
/* line 204, ../sass/views/_navigation.scss */
.navigation .overlay-hugeinc nav ul {
  opacity: 0.4;
  -webkit-transform: translateY(-25%) rotateX(35deg);
  transform: translateY(-25%) rotateX(35deg);
  -webkit-transition: -webkit-transform 0.5s, opacity 0.5s;
  transition: transform 0.5s, opacity 0.5s;
}
/* line 214, ../sass/views/_navigation.scss */
.navigation .overlay-hugeinc.open nav ul {
  opacity: 1;
  -webkit-transform: rotateX(0deg);
  transform: rotateX(0deg);
}
/* line 220, ../sass/views/_navigation.scss */
.navigation .overlay-hugeinc.close nav ul {
  -webkit-transform: translateY(25%) rotateX(-35deg);
  transform: translateY(25%) rotateX(-35deg);
}
@media screen and (max-height: 30.5em) {
  /* line 226, ../sass/views/_navigation.scss */
  .navigation .overlay nav {
    height: 70%;
    font-size: 34px;
  }
  /* line 230, ../sass/views/_navigation.scss */
  .navigation .overlay ul li {
    min-height: 34px;
  }
}

/* ===============================================================
Basic Swiper Styles
================================================================*/
/* line 4, ../sass/_swiper.scss */
.swiper-container {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
  /* Fix of Webkit flickering */
  z-index: 1;
}

/* line 16, ../sass/_swiper.scss */
.swiper-wrapper {
  position: relative;
  width: 100%;
  -webkit-transition-property: -webkit-transform, left, top;
  -webkit-transition-duration: 0s;
  -webkit-transform: translate3d(0px, 0, 0);
  -webkit-transition-timing-function: ease;
  -moz-transition-property: -moz-transform, left, top;
  -moz-transition-duration: 0s;
  -moz-transform: translate3d(0px, 0, 0);
  -moz-transition-timing-function: ease;
  -o-transition-property: -o-transform, left, top;
  -o-transition-duration: 0s;
  -o-transform: translate3d(0px, 0, 0);
  -o-transition-timing-function: ease;
  -o-transform: translate(0px, 0px);
  -ms-transition-property: -ms-transform, left, top;
  -ms-transition-duration: 0s;
  -ms-transform: translate3d(0px, 0, 0);
  -ms-transition-timing-function: ease;
  transition-property: transform, left, top;
  transition-duration: 0s;
  transform: translate3d(0px, 0, 0);
  transition-timing-function: ease;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

/* line 49, ../sass/_swiper.scss */
.swiper-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto;
}

/* line 57, ../sass/_swiper.scss */
.swiper-slide {
  float: left;
}

/* IE10 Windows Phone 8 Fixes */
/* line 62, ../sass/_swiper.scss */
.swiper-wp8-horizontal {
  -ms-touch-action: pan-y;
}

/* line 65, ../sass/_swiper.scss */
.swiper-wp8-vertical {
  -ms-touch-action: pan-x;
}

/* ===============================================================
Your custom styles, here you need to specify container's and slide's
sizes, pagination, etc.
================================================================*/
/* line 73, ../sass/_swiper.scss */
.swiper-container {
  /* Specify Swiper's Size: */
  /*width:200px;
  height: 100px;*/
}

/* line 79, ../sass/_swiper.scss */
.swiper-slide {
  /* Specify Slides's Size: */
  /*width: 100%;
  height: 100%;*/
}

/* line 85, ../sass/_swiper.scss */
.swiper-slide-active {
  /* Specific active slide styling: */
}

/* line 89, ../sass/_swiper.scss */
.swiper-slide-visible {
  /* Specific visible slide styling: */
}

/* ===============================================================
Pagination Styles
================================================================*/
/* line 96, ../sass/_swiper.scss */
.swiper-pagination-switch {
  /* Stylize pagination button: */
}

/* line 100, ../sass/_swiper.scss */
.swiper-active-switch {
  /* Specific active button style: */
}

/* line 104, ../sass/_swiper.scss */
.swiper-visible-switch {
  /* Specific visible button style: */
}

/* line 3, ../sass/views/_slideshow.scss */
.slideshow {
  width: 100%;
  background: #313237;
  float: left;
  background-size: cover;
  background-position: center;
  position: relative;
  overflow: hidden;
  /* Specify Swiper's Size: */
}
/* line 12, ../sass/views/_slideshow.scss */
.slideshow .spinner {
  width: 60px;
  height: 60px;
  position: absolute;
  left: 50%;
  display: none;
  top: 50%;
  margin: -30px 0 0 -30px;
}
/* line 22, ../sass/views/_slideshow.scss */
.slideshow.loading {
  height: 600px;
}
/* line 27, ../sass/views/_slideshow.scss */
.slideshow .slideshow-loader {
  position: absolute;
  width: 100%;
  height: 100%;
  background: #313237;
  z-index: 100;
  top: 0;
  left: 0;
}
/* line 40, ../sass/views/_slideshow.scss */
.slideshow .swiper-container, .slideshow .swiper-slide {
  width: 100%;
  height: auto;
}
/* line 45, ../sass/views/_slideshow.scss */
.slideshow .slide-content.detached {
  min-height: 700px;
}
@media (max-width: 36.875em) {
  /* line 45, ../sass/views/_slideshow.scss */
  .slideshow .slide-content.detached {
    min-height: 500px;
  }
}
@media (max-width: 30em) {
  /* line 45, ../sass/views/_slideshow.scss */
  .slideshow .slide-content.detached {
    min-height: 300px;
  }
}
/* line 57, ../sass/views/_slideshow.scss */
.slideshow .slide-content.detached img {
  max-width: 90%;
}
/* line 64, ../sass/views/_slideshow.scss */
.slideshow [data-transition] {
  visibility: hidden;
}
/* line 69, ../sass/views/_slideshow.scss */
.slideshow .rich .rich-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/* line 76, ../sass/views/_slideshow.scss */
.slideshow .rich .rich-content .collumnwrap {
  width: 100%;
  height: 100%;
}
/* line 81, ../sass/views/_slideshow.scss */
.slideshow .rich .rich-content .visuals {
  display: table;
  height: 100%;
  width: 100%;
}
/* line 86, ../sass/views/_slideshow.scss */
.slideshow .rich .rich-content .visuals .visualswrap {
  display: table-cell;
  vertical-align: middle;
}
/* line 90, ../sass/views/_slideshow.scss */
.slideshow .rich .rich-content .visuals .visualswrap img {
  max-height: 400px;
}
@media (max-width: 80em) {
  /* line 96, ../sass/views/_slideshow.scss */
  .slideshow .rich .rich-content .visuals .visualswrap img {
    max-height: 300px;
  }
}
@media (max-width: 60em) {
  /* line 102, ../sass/views/_slideshow.scss */
  .slideshow .rich .rich-content .visuals .visualswrap img {
    max-height: 250px;
  }
}
@media (max-width: 45em) {
  /* line 108, ../sass/views/_slideshow.scss */
  .slideshow .rich .rich-content .visuals .visualswrap img {
    max-height: 150px;
  }
}
@media (max-width: 30em) {
  /* line 86, ../sass/views/_slideshow.scss */
  .slideshow .rich .rich-content .visuals .visualswrap {
    text-align: center;
    display: static;
    float: left;
    width: 100%;
  }
  /* line 119, ../sass/views/_slideshow.scss */
  .slideshow .rich .rich-content .visuals .visualswrap img {
    max-height: none;
  }
}
/* line 126, ../sass/views/_slideshow.scss */
.slideshow .rich .rich-content .visuals .visualswrap.side img {
  max-height: 535px;
}
/* line 130, ../sass/views/_slideshow.scss */
.slideshow .rich .rich-content .visuals .visualswrap.side img, .slideshow .rich .rich-content .visuals .visualswrap.side .copywrap {
  display: inline-block;
  vertical-align: middle;
}
/* line 135, ../sass/views/_slideshow.scss */
.slideshow .rich .rich-content .visuals .visualswrap.side .copywrap {
  padding-top: 130px;
  max-width: 23%;
}
@media screen and (max-width: 1600px) {
  /* line 141, ../sass/views/_slideshow.scss */
  .slideshow .rich .rich-content .visuals .visualswrap.side img {
    max-height: 400px;
  }
}
@media (max-width: 80em) {
  /* line 147, ../sass/views/_slideshow.scss */
  .slideshow .rich .rich-content .visuals .visualswrap.side img {
    max-height: 300px;
  }
  /* line 151, ../sass/views/_slideshow.scss */
  .slideshow .rich .rich-content .visuals .visualswrap.side .copywrap {
    padding-top: 90px;
    max-width: 38%;
  }
}
@media (max-width: 60em) {
  /* line 158, ../sass/views/_slideshow.scss */
  .slideshow .rich .rich-content .visuals .visualswrap.side img {
    max-height: 210px;
    max-width: 46%;
  }
  /* line 163, ../sass/views/_slideshow.scss */
  .slideshow .rich .rich-content .visuals .visualswrap.side .copywrap {
    padding-top: 0;
  }
}
@media (max-width: 30em) {
  /* line 125, ../sass/views/_slideshow.scss */
  .slideshow .rich .rich-content .visuals .visualswrap.side {
    float: none;
  }
  /* line 171, ../sass/views/_slideshow.scss */
  .slideshow .rich .rich-content .visuals .visualswrap.side img {
    display: inline;
    max-width: 80%;
    max-height: none;
    padding-top: 16px;
  }
  /* line 178, ../sass/views/_slideshow.scss */
  .slideshow .rich .rich-content .visuals .visualswrap.side .copywrap {
    padding: 0 3%;
    display: block;
    max-width: 95%;
  }
  /* line 184, ../sass/views/_slideshow.scss */
  .slideshow .rich .rich-content .visuals .visualswrap.side h2 {
    font-size: 100%;
    margin-bottom: 0.5em;
  }
  /* line 189, ../sass/views/_slideshow.scss */
  .slideshow .rich .rich-content .visuals .visualswrap.side .button {
    font-size: .75em;
    padding: .2em .75em;
  }
}
/* line 199, ../sass/views/_slideshow.scss */
.slideshow .rich .rich-content .logo {
  margin: 0 0 0 -16px;
}
/* line 203, ../sass/views/_slideshow.scss */
.slideshow .rich .rich-content .copy {
  display: table;
  height: 100%;
  width: 100%;
}
/* line 208, ../sass/views/_slideshow.scss */
.slideshow .rich .rich-content .copy .copywrap {
  display: table-cell;
  vertical-align: middle;
}
/* line 213, ../sass/views/_slideshow.scss */
.slideshow .rich .rich-content .copy h2 {
  margin: 0;
  color: #fff;
  line-height: 1.4;
}
@media (max-width: 60em) {
  /* line 213, ../sass/views/_slideshow.scss */
  .slideshow .rich .rich-content .copy h2 {
    display: none !important;
  }
}
/* line 224, ../sass/views/_slideshow.scss */
.slideshow .rich .rich-content .copy a.button {
  margin: 10px 0 0 0;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
}
@media (max-width: 30em) {
  /* line 203, ../sass/views/_slideshow.scss */
  .slideshow .rich .rich-content .copy {
    display: block;
    height: auto;
    bottom: 60px;
    left: 0;
    position: absolute;
  }
  /* line 236, ../sass/views/_slideshow.scss */
  .slideshow .rich .rich-content .copy .copywrap {
    width: 100%;
    display: block;
    text-align: center;
  }
  /* line 243, ../sass/views/_slideshow.scss */
  .slideshow .rich .rich-content .copy img {
    display: none;
  }
}
/* line 251, ../sass/views/_slideshow.scss */
.slideshow .rich .rich-content .copy.vison-index-copy h2 {
  font-weight: 800;
  color: #313237;
  font-size: 2em;
  line-height: 1;
}
/* line 257, ../sass/views/_slideshow.scss */
.slideshow .rich .rich-content .copy.vison-index-copy h2 .medium {
  font-weight: 200;
}
/* line 266, ../sass/views/_slideshow.scss */
.slideshow .rich .rich-content .first,
.slideshow .rich .rich-content .last {
  height: 100%;
  padding: 40px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
}
@media (max-width: 60em) {
  /* line 266, ../sass/views/_slideshow.scss */
  .slideshow .rich .rich-content .first,
  .slideshow .rich .rich-content .last {
    padding: 40px 20px;
  }
}
@media (max-width: 36.875em) {
  /* line 266, ../sass/views/_slideshow.scss */
  .slideshow .rich .rich-content .first,
  .slideshow .rich .rich-content .last {
    width: 100%;
    padding: 40px 30px;
  }
}
/* line 282, ../sass/views/_slideshow.scss */
.slideshow .rich .rich-content .first.w-30,
.slideshow .rich .rich-content .last.w-30 {
  width: 30%;
}
/* line 286, ../sass/views/_slideshow.scss */
.slideshow .rich .rich-content .first.w-40,
.slideshow .rich .rich-content .last.w-40 {
  width: 40%;
}
/* line 290, ../sass/views/_slideshow.scss */
.slideshow .rich .rich-content .first.w-50,
.slideshow .rich .rich-content .last.w-50 {
  width: 50%;
}
/* line 294, ../sass/views/_slideshow.scss */
.slideshow .rich .rich-content .first.w-60,
.slideshow .rich .rich-content .last.w-60 {
  width: 60%;
}
/* line 298, ../sass/views/_slideshow.scss */
.slideshow .rich .rich-content .first.w-70,
.slideshow .rich .rich-content .last.w-70 {
  width: 70%;
}
@media (max-width: 30em) {
  /* line 303, ../sass/views/_slideshow.scss */
  .slideshow .rich .rich-content .first.w-30, .slideshow .rich .rich-content .first.w-40, .slideshow .rich .rich-content .first.w-50, .slideshow .rich .rich-content .first.w-60, .slideshow .rich .rich-content .first.w-70,
  .slideshow .rich .rich-content .last.w-30,
  .slideshow .rich .rich-content .last.w-40,
  .slideshow .rich .rich-content .last.w-50,
  .slideshow .rich .rich-content .last.w-60,
  .slideshow .rich .rich-content .last.w-70 {
    width: 100%;
    position: static;
    float: left;
    height: auto;
  }
}
/* line 315, ../sass/views/_slideshow.scss */
.slideshow .rich .rich-content .first h2,
.slideshow .rich .rich-content .last h2 {
  font-weight: 300;
}
/* line 321, ../sass/views/_slideshow.scss */
.slideshow .rich .rich-content img {
  max-width: 90%;
}
/* line 325, ../sass/views/_slideshow.scss */
.slideshow .rich .rich-content .first {
  text-align: right;
  left: 0;
}
/* line 329, ../sass/views/_slideshow.scss */
.slideshow .rich .rich-content .first .button {
  clear: right;
}
/* line 333, ../sass/views/_slideshow.scss */
.slideshow .rich .rich-content .first .logo {
  margin: 0;
}
/* line 337, ../sass/views/_slideshow.scss */
.slideshow .rich .rich-content .first .visuals {
  text-align: right;
}
/* line 343, ../sass/views/_slideshow.scss */
.slideshow .rich .rich-content .last {
  text-align: left;
  right: 0;
}
/* line 347, ../sass/views/_slideshow.scss */
.slideshow .rich .rich-content .last .button {
  clear: left;
}
/* line 351, ../sass/views/_slideshow.scss */
.slideshow .rich .rich-content .last .visuals {
  text-align: left;
}
/* line 357, ../sass/views/_slideshow.scss */
.slideshow .rich .rich-content .centered {
  width: 100%;
  height: 100%;
  padding: 0px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
}
/* line 364, ../sass/views/_slideshow.scss */
.slideshow .rich .rich-content .centered .visuals {
  text-align: center;
}
/* line 367, ../sass/views/_slideshow.scss */
.slideshow .rich .rich-content .centered h2 {
  font-weight: 300;
}
/* line 370, ../sass/views/_slideshow.scss */
.slideshow .rich .rich-content .centered .copyalign {
  display: inline-block;
  text-align: left;
}
/* line 381, ../sass/views/_slideshow.scss */
.slideshow .slide-content.cover {
  width: 100%;
  float: left;
}
/* line 385, ../sass/views/_slideshow.scss */
.slideshow .slide-content.cover img {
  width: 100%;
  float: left;
}
/* line 392, ../sass/views/_slideshow.scss */
.slideshow .swiper-slide {
  position: relative;
}
/* line 395, ../sass/views/_slideshow.scss */
.slideshow .swiper-slide .box {
  display: table;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
}
/* line 402, ../sass/views/_slideshow.scss */
.slideshow .swiper-slide .box .innerbox {
  display: table-cell;
  text-align: center;
}
/* line 406, ../sass/views/_slideshow.scss */
.slideshow .swiper-slide .box .innerbox.valign-top {
  vertical-align: top;
}
/* line 410, ../sass/views/_slideshow.scss */
.slideshow .swiper-slide .box .innerbox.valign-middle {
  vertical-align: middle;
}
/* line 414, ../sass/views/_slideshow.scss */
.slideshow .swiper-slide .box .innerbox.valign-bottom {
  vertical-align: bottom;
}
/* line 418, ../sass/views/_slideshow.scss */
.slideshow .swiper-slide .box .innerbox .box-content {
  vertical-align: middle;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  max-width: 960px;
  width: 100%;
  background-color: #7be600;
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=1, startColorstr='#FF7BE600', endColorstr='#FFD9FF00');
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzdiZTYwMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Q5ZmYwMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #7be600), color-stop(100%, #d9ff00));
  background-image: -moz-linear-gradient(left, #7be600 0%, #d9ff00 100%);
  background-image: -webkit-linear-gradient(left, #7be600 0%, #d9ff00 100%);
  background-image: linear-gradient(to right, #7be600 0%, #d9ff00 100%);
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px 60px;
  text-align: left;
}
/* line 430, ../sass/views/_slideshow.scss */
.slideshow .swiper-slide .box .innerbox .box-content .caption {
  color: #fff;
  font-size: 1.11em;
  margin: 0;
}
/* line 436, ../sass/views/_slideshow.scss */
.slideshow .swiper-slide .box .innerbox .box-content h1 {
  font-family: "futura-pt-condensed", "Futura-CondensedExtraBold", "HelveticaNeueBoldCondensed", "HelveticaNeue-Bold-Condensed", "Helvetica Neue Bold Condensed", "HelveticaNeue-CondensedBold", "Arial Narrow", Helvetica, Arial, sans-serif;
  font-size: 3.16em;
  line-height: 1;
  color: #fff;
  margin: 15px 0 0 0;
}
@media (max-width: 80em) {
  /* line 418, ../sass/views/_slideshow.scss */
  .slideshow .swiper-slide .box .innerbox .box-content {
    max-width: 800px;
  }
  /* line 447, ../sass/views/_slideshow.scss */
  .slideshow .swiper-slide .box .innerbox .box-content .caption {
    font-size: 1em;
  }
  /* line 451, ../sass/views/_slideshow.scss */
  .slideshow .swiper-slide .box .innerbox .box-content h1 {
    font-size: 2em;
  }
}
@media (max-width: 60em) {
  /* line 418, ../sass/views/_slideshow.scss */
  .slideshow .swiper-slide .box .innerbox .box-content {
    max-width: 800px;
    padding: 20px 30px;
  }
  /* line 461, ../sass/views/_slideshow.scss */
  .slideshow .swiper-slide .box .innerbox .box-content .caption {
    font-size: .8em;
  }
  /* line 465, ../sass/views/_slideshow.scss */
  .slideshow .swiper-slide .box .innerbox .box-content h1 {
    font-size: 1.5em;
  }
}
/* line 480, ../sass/views/_slideshow.scss */
.slideshow .pagination {
  position: absolute;
  bottom: 20px;
  width: 100%;
  left: 0;
  text-align: center;
  z-index: 200;
}
/* line 488, ../sass/views/_slideshow.scss */
.slideshow .pagination span {
  margin: 0 6px;
  display: block;
  background: #fff;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  box-shadow: inset 1px 1px 0 0 rgba(0, 0, 0, 0.24);
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
}
/* line 501, ../sass/views/_slideshow.scss */
.slideshow .pagination span.swiper-active-switch {
  background: #93ec00;
}

/* line 509, ../sass/views/_slideshow.scss */
.preloader-fallback {
  position: absolute;
  top: 50%;
  margin-top: -0.5em;
  font-weight: 800;
  text-align: center;
  color: #fff;
  width: 100%;
}

/* line 519, ../sass/views/_slideshow.scss */
.cssanimations .preloader-fallback {
  display: none;
}
/* line 522, ../sass/views/_slideshow.scss */
.cssanimations .spinner {
  display: block;
}

/* line 1, ../sass/views/_vision.scss */
.vision {
  /* HELPERS
  ----------------------------------------------- */
  position: relative;
  float: left;
  width: 100%;
  min-height: 100%;
}
/* line 13, ../sass/views/_vision.scss */
.vision section {
  float: left;
  position: relative;
  width: 100%;
  min-height: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
/* line 20, ../sass/views/_vision.scss */
.vision section.dark {
  background: #333;
  color: #fff;
  background-image: url("/images/chalkboard-background.jpg");
  background-size: cover;
}
/* line 27, ../sass/views/_vision.scss */
.vision section.light {
  background: #f9f9f9 url("/images/texture.png") repeat left top;
  color: #333;
}
/* line 32, ../sass/views/_vision.scss */
.vision section .bottom-divider {
  position: absolute;
  height: 21px;
  width: 100%;
  bottom: -21px;
  background: transparent url("/images/chalkboard-border-bottom.png") repeat-x left top;
  z-index: 1;
}
/* line 41, ../sass/views/_vision.scss */
.vision section .top-divider {
  position: absolute;
  height: 21px;
  width: 100%;
  top: -21px;
  background: transparent url("/images/chalkboard-border-top.png") repeat-x left top;
  z-index: 1;
}
/* line 52, ../sass/views/_vision.scss */
.vision h1 {
  margin: 15px 0 20px 0;
  font-size: 1.474em;
  font-weight: 800;
}
/* line 65, ../sass/views/_vision.scss */
.vision p {
  margin: 0 0 1em;
  font-size: 0.789em;
  line-height: 1.667em;
}
/* line 73, ../sass/views/_vision.scss */
.vision .bullets {
  position: fixed;
  width: 100%;
  margin: 0 auto;
  top: 45%;
  left: 0;
  right: 0;
  text-indent: -9999px;
  z-index: 123;
  display: none;
}
@media (max-width: 60em) {
  /* line 73, ../sass/views/_vision.scss */
  .vision .bullets {
    width: 100%;
  }
}
@media (max-width: 45em) {
  /* line 73, ../sass/views/_vision.scss */
  .vision .bullets {
    display: none;
  }
}
/* line 92, ../sass/views/_vision.scss */
.vision .bullets ul {
  position: absolute;
  right: 2%;
}
@media (max-width: 60em) {
  /* line 92, ../sass/views/_vision.scss */
  .vision .bullets ul {
    right: 2.5%;
  }
}
/* line 100, ../sass/views/_vision.scss */
.vision .bullets ul a {
  display: block;
  background-color: #fff;
  width: 10px;
  height: 10px;
  margin-bottom: 10px;
  box-shadow: inset 1px 1px 0 0 rgba(0, 0, 0, 0.24);
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
/* line 110, ../sass/views/_vision.scss */
.vision .bullets ul a.active {
  background-color: #93ec00;
}
/* line 118, ../sass/views/_vision.scss */
.vision .container {
  display: table;
  width: 1080px;
  height: 100%;
}
@media (max-width: 60em) {
  /* line 118, ../sass/views/_vision.scss */
  .vision .container {
    padding: 10% 0;
    width: 90%;
  }
}
@media (max-width: 45em) {
  /* line 118, ../sass/views/_vision.scss */
  .vision .container {
    height: auto;
    min-height: 100vh;
  }
}
@media (max-width: 30em) {
  /* line 118, ../sass/views/_vision.scss */
  .vision .container {
    padding: 15% 0;
  }
}
@media (max-width: 25em) {
  /* line 118, ../sass/views/_vision.scss */
  .vision .container {
    padding: 25% 0;
  }
}
/* line 141, ../sass/views/_vision.scss */
.vision .container .container-cell {
  display: table-cell;
  vertical-align: middle;
}
/* line 147, ../sass/views/_vision.scss */
.vision .text-content {
  position: relative;
  width: 45%;
}
@media (max-width: 45em) {
  /* line 147, ../sass/views/_vision.scss */
  .vision .text-content {
    width: 85%;
  }
}
/* line 156, ../sass/views/_vision.scss */
.vision .scroll-arrow {
  display: block;
  position: absolute;
  text-indent: -9999px;
  bottom: -4em;
  left: 0;
  right: 10%;
  margin: 0 auto;
}
@media (max-width: 45em) {
  /* line 156, ../sass/views/_vision.scss */
  .vision .scroll-arrow {
    bottom: -350px;
  }
}
/* line 172, ../sass/views/_vision.scss */
.vision .believe .text-content, .vision .friends .text-content {
  float: right;
  padding: 0 5% 0 0;
}
/* line 177, ../sass/views/_vision.scss */
.vision .believe img, .vision .friends img {
  margin: 1.2em 10%;
  float: right;
  max-width: 30%;
}
@media (max-width: 60em) {
  /* line 177, ../sass/views/_vision.scss */
  .vision .believe img, .vision .friends img {
    margin-top: 10%;
  }
}
@media (max-width: 45em) {
  /* line 177, ../sass/views/_vision.scss */
  .vision .believe img, .vision .friends img {
    clear: left;
    max-width: 100%;
    width: auto;
    margin: 0 auto 0;
    float: none;
    display: block;
    padding: 50px 0 70px;
    max-height: 250px;
  }
}
@media (max-width: 960px) {
  /* line 177, ../sass/views/_vision.scss */
  .vision .believe img, .vision .friends img {
    margin: 1.2em 5%;
  }
}
/* line 204, ../sass/views/_vision.scss */
.vision .believe .scroll-arrow, .vision .friends .scroll-arrow {
  height: 18px;
  width: 33px;
  background-image: url('../images/sprites-s6a8ebaadb0.png');
  background-position: 0 -18px;
  background-repeat: no-repeat;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  /* line 45, ../sass/mixins/_sprite.scss */
  .vision .believe .scroll-arrow, .vision .friends .scroll-arrow {
    background-image: url('../images/sprites-retina-saab16b0604.png');
    background-position: 0 -18px;
    -moz-background-size: 114px auto;
    -o-background-size: 114px auto;
    -webkit-background-size: 114px auto;
    background-size: 114px auto;
  }
}
/* line 212, ../sass/views/_vision.scss */
.vision .sweet-spot .text-content, .vision .twenty-for-seven .text-content {
  padding: 0 0 0 5%;
  float: left;
}
/* line 217, ../sass/views/_vision.scss */
.vision .sweet-spot img, .vision .twenty-for-seven img {
  float: right;
  margin: 2em 5% 0 0;
  max-width: 410px;
}
@media (max-width: 60em) {
  /* line 217, ../sass/views/_vision.scss */
  .vision .sweet-spot img, .vision .twenty-for-seven img {
    max-width: 35%;
    margin-top: 20%;
  }
}
@media (max-width: 45em) {
  /* line 217, ../sass/views/_vision.scss */
  .vision .sweet-spot img, .vision .twenty-for-seven img {
    clear: left;
    max-width: 80%;
    width: auto;
    margin: 0 auto 0;
    float: none;
    display: block;
    padding: 50px 0 70px;
    max-height: 230px;
    height: auto;
  }
}
/* line 240, ../sass/views/_vision.scss */
.vision .sweet-spot .scroll-arrow, .vision .twenty-for-seven .scroll-arrow {
  left: 10%;
  right: 0;
}
@media (max-width: 25em) {
  /* line 240, ../sass/views/_vision.scss */
  .vision .sweet-spot .scroll-arrow, .vision .twenty-for-seven .scroll-arrow {
    bottom: -300px;
  }
}
@media (max-width: 25em) {
  /* line 253, ../sass/views/_vision.scss */
  .vision .twenty-for-seven .scroll-arrow {
    bottom: -250px;
  }
}
/* line 263, ../sass/views/_vision.scss */
.vision .sweet-spot .scroll-arrow {
  height: 18px;
  width: 33px;
  background-image: url('../images/sprites-s6a8ebaadb0.png');
  background-position: 0 0;
  background-repeat: no-repeat;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  /* line 45, ../sass/mixins/_sprite.scss */
  .vision .sweet-spot .scroll-arrow {
    background-image: url('../images/sprites-retina-saab16b0604.png');
    background-position: 0 0;
    -moz-background-size: 114px auto;
    -o-background-size: 114px auto;
    -webkit-background-size: 114px auto;
    background-size: 114px auto;
  }
}
/* line 269, ../sass/views/_vision.scss */
.vision .friends {
  padding-top: 21px;
}
/* line 275, ../sass/views/_vision.scss */
.vision .twenty-for-seven .scroll-arrow {
  height: 18px;
  width: 33px;
  background-image: url('../images/sprites-s6a8ebaadb0.png');
  background-position: 0 -36px;
  background-repeat: no-repeat;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  /* line 45, ../sass/mixins/_sprite.scss */
  .vision .twenty-for-seven .scroll-arrow {
    background-image: url('../images/sprites-retina-saab16b0604.png');
    background-position: 0 -36px;
    -moz-background-size: 114px auto;
    -o-background-size: 114px auto;
    -webkit-background-size: 114px auto;
    background-size: 114px auto;
  }
}
/* line 282, ../sass/views/_vision.scss */
.vision.enableScroll .bullets {
  display: block;
}

/* line 1, ../sass/views/_agency.scss */
.agency {
  float: left;
  width: 100%;
}
/* line 5, ../sass/views/_agency.scss */
.agency section {
  width: 100%;
  float: left;
}
/* line 10, ../sass/views/_agency.scss */
.agency article {
  float: left;
  width: 100%;
  padding: 40px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
/* line 17, ../sass/views/_agency.scss */
.agency .grey {
  background: #f2f2f2;
}
/* line 21, ../sass/views/_agency.scss */
.agency h1 {
  margin: 15px 0 20px 0;
  font-size: 1.474em;
  font-weight: 800;
}
/* line 27, ../sass/views/_agency.scss */
.agency p {
  margin: 0;
  font-size: 0.789em;
  line-height: 1.667em;
}
/* line 33, ../sass/views/_agency.scss */
.agency img {
  border: 4px solid #fff;
  -moz-box-shadow: 1px 2px 0px 0px rgba(0, 0, 0, 0.09);
  -webkit-box-shadow: 1px 2px 0px 0px rgba(0, 0, 0, 0.09);
  box-shadow: 1px 2px 0px 0px rgba(0, 0, 0, 0.09);
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
/* line 39, ../sass/views/_agency.scss */
.agency hr {
  height: 1px;
  width: 100%;
  max-width: 960px;
  border: 0;
  margin: 0 auto;
  clear: both;
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=1, startColorstr='#FF959595', endColorstr='#FF959595');
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzk1OTU5NSIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzk1OTU5NSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzk1OTU5NSIgc3RvcC1vcGFjaXR5PSIwLjAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, rgba(149, 149, 149, 0)), color-stop(50%, #959595), color-stop(100%, rgba(149, 149, 149, 0)));
  background-image: -moz-linear-gradient(left, rgba(149, 149, 149, 0) 0%, #959595 50%, rgba(149, 149, 149, 0) 100%);
  background-image: -webkit-linear-gradient(left, rgba(149, 149, 149, 0) 0%, #959595 50%, rgba(149, 149, 149, 0) 100%);
  background-image: linear-gradient(to right, rgba(149, 149, 149, 0) 0%, #959595 50%, rgba(149, 149, 149, 0) 100%);
}
/* line 51, ../sass/views/_agency.scss */
.agency .swiper-container {
  margin-bottom: 1.5em;
  text-align: center;
}
/* line 56, ../sass/views/_agency.scss */
.agency .text-content {
  float: left;
  text-align: left;
}
@media (max-width: 45em) {
  /* line 61, ../sass/views/_agency.scss */
  .agency .who-we-are {
    padding: 40px 40px 0 40px;
  }
  /* line 65, ../sass/views/_agency.scss */
  .agency .who-we-are h1 {
    margin: 0 0 20px 0;
  }
}
/* line 70, ../sass/views/_agency.scss */
.agency .who-we-are .text-content {
  margin: 0 20px 0 0;
  width: 60%;
}
@media (max-width: 60em) {
  /* line 70, ../sass/views/_agency.scss */
  .agency .who-we-are .text-content {
    width: 50%;
  }
}
@media (max-width: 45em) {
  /* line 70, ../sass/views/_agency.scss */
  .agency .who-we-are .text-content {
    width: 100%;
  }
}
/* line 83, ../sass/views/_agency.scss */
.agency .who-we-are img {
  float: right;
}
@media (max-width: 60em) {
  /* line 83, ../sass/views/_agency.scss */
  .agency .who-we-are img {
    margin: 19px 0 0 0;
  }
}
@media (max-width: 45em) {
  /* line 83, ../sass/views/_agency.scss */
  .agency .who-we-are img {
    margin: 15px 0 0 0;
    width: 100%;
    float: left;
    max-width: 300px;
  }
}
@media (max-width: 45em) {
  /* line 104, ../sass/views/_agency.scss */
  .agency .how-we-work h1 {
    margin: 0 0 20px 0;
  }
}
/* line 109, ../sass/views/_agency.scss */
.agency .how-we-work .text-content {
  margin: 0 0 0 20px;
  float: right;
  width: 45%;
}
@media (max-width: 45em) {
  /* line 109, ../sass/views/_agency.scss */
  .agency .how-we-work .text-content {
    width: 100%;
  }
}
/* line 119, ../sass/views/_agency.scss */
.agency .how-we-work img {
  float: left;
}
@media (max-width: 60em) {
  /* line 119, ../sass/views/_agency.scss */
  .agency .how-we-work img {
    margin: 19px 0 0 0;
    width: 50%;
  }
}
@media (max-width: 45em) {
  /* line 119, ../sass/views/_agency.scss */
  .agency .how-we-work img {
    margin: 15px 0 0 0;
    width: 100%;
  }
}
/* line 134, ../sass/views/_agency.scss */
.agency .digital-relevance-model, .agency .our-services {
  padding: 100px 40px;
  overflow: hidden;
}
@media (max-width: 45em) {
  /* line 134, ../sass/views/_agency.scss */
  .agency .digital-relevance-model, .agency .our-services {
    padding: 40px 40px;
  }
}
/* line 146, ../sass/views/_agency.scss */
.agency .digital-relevance-model .swiper-container, .agency .our-services .swiper-container {
  width: 50%;
  float: left;
}
@media (max-width: 36.875em) {
  /* line 146, ../sass/views/_agency.scss */
  .agency .digital-relevance-model .swiper-container, .agency .our-services .swiper-container {
    width: 100%;
  }
}
/* line 156, ../sass/views/_agency.scss */
.agency .digital-relevance-model .swiper-container .swiper-slide .text-content, .agency .our-services .swiper-container .swiper-slide .text-content {
  margin-top: 5em;
}
@media (max-width: 45em) {
  /* line 156, ../sass/views/_agency.scss */
  .agency .digital-relevance-model .swiper-container .swiper-slide .text-content, .agency .our-services .swiper-container .swiper-slide .text-content {
    margin-top: 1em;
  }
}
/* line 174, ../sass/views/_agency.scss */
.agency .digital-relevance-model .slide-visuals, .agency .our-services .slide-visuals {
  width: 50%;
  float: right;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 25px;
}
@media (max-width: 36.875em) {
  /* line 174, ../sass/views/_agency.scss */
  .agency .digital-relevance-model .slide-visuals, .agency .our-services .slide-visuals {
    display: none;
  }
}
/* line 186, ../sass/views/_agency.scss */
.agency .digital-relevance-model .slide-visuals img, .agency .our-services .slide-visuals img {
  display: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  min-width: 100%;
  width: 100%;
  border: none;
}
/* line 193, ../sass/views/_agency.scss */
.agency .digital-relevance-model .slide-visuals img.active, .agency .our-services .slide-visuals img.active {
  display: block;
}
/* line 201, ../sass/views/_agency.scss */
.agency .digital-relevance-model .slide-nav, .agency .our-services .slide-nav {
  list-style: none;
  clear: both;
  margin-top: -2em;
  -webkit-tap-highlight-color: transparent;
}
/* line 207, ../sass/views/_agency.scss */
.agency .digital-relevance-model .slide-nav li, .agency .our-services .slide-nav li {
  margin: 0 5px 0 0;
  width: 36px;
  height: 36px;
  float: left;
  background: #313237;
  color: #fff;
  text-align: center;
  line-height: 36px;
  font-weight: 600;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  cursor: pointer;
  -moz-transition: all, 0.35s;
  -o-transition: all, 0.35s;
  -webkit-transition: all, 0.35s;
  transition: all, 0.35s;
}
@media (max-width: 25em) {
  /* line 207, ../sass/views/_agency.scss */
  .agency .digital-relevance-model .slide-nav li, .agency .our-services .slide-nav li {
    width: 24px;
    height: 24px;
    font-size: .75em;
    line-height: 24px;
  }
}
@media (max-width: 36.875em) {
  /* line 207, ../sass/views/_agency.scss */
  .agency .digital-relevance-model .slide-nav li, .agency .our-services .slide-nav li {
    margin: 0 10px 0 0;
  }
}
/* line 234, ../sass/views/_agency.scss */
.agency .digital-relevance-model .slide-nav li.active, .agency .our-services .slide-nav li.active {
  background: #93eb00;
}
/* line 237, ../sass/views/_agency.scss */
.agency .digital-relevance-model .slide-nav li:hover, .agency .our-services .slide-nav li:hover {
  background: #93EC00;
  color: #313237;
}
/* line 247, ../sass/views/_agency.scss */
.agency .digital-relevance-model .swiper-slide {
  position: relative;
}
/* line 251, ../sass/views/_agency.scss */
.agency .digital-relevance-model .projectlinks {
  float: left;
  width: 100%;
  height: 250px;
  margin: 20px 0 0 0;
  position: relative;
}
/* line 259, ../sass/views/_agency.scss */
.agency .digital-relevance-model .projectlinks ul {
  padding: 0;
  margin: 0;
  float: left;
  list-style: none;
}
/* line 265, ../sass/views/_agency.scss */
.agency .digital-relevance-model .projectlinks ul li {
  margin: 5px 0;
  float: left;
  width: 100%;
}
/* line 270, ../sass/views/_agency.scss */
.agency .digital-relevance-model .projectlinks ul li a {
  float: left;
}
/* line 278, ../sass/views/_agency.scss */
.agency .digital-relevance-model .projectlinks .spinner {
  width: 60px;
  height: 60px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -30px 0 0 -30px;
}
/* line 286, ../sass/views/_agency.scss */
.agency .digital-relevance-model .projectlinks .spinner .container1 > div, .agency .digital-relevance-model .projectlinks .spinner .container2 > div, .agency .digital-relevance-model .projectlinks .spinner .container3 > div {
  background: #313237;
}
/* line 294, ../sass/views/_agency.scss */
.agency .partners {
  padding: 40px 40px 80px 40px;
}
@media (max-width: 860px) {
  /* line 294, ../sass/views/_agency.scss */
  .agency .partners {
    padding: 40px;
  }
}
/* line 301, ../sass/views/_agency.scss */
.agency .partners h1 {
  text-align: center;
}
/* line 305, ../sass/views/_agency.scss */
.agency .partners .partnerlist {
  list-style: none;
}
/* line 308, ../sass/views/_agency.scss */
.agency .partners .partnerlist > li {
  float: left;
  width: 22%;
  height: 410px;
  margin: 0 0 0 4%;
  position: relative;
}
/* line 315, ../sass/views/_agency.scss */
.agency .partners .partnerlist > li:first-child {
  margin: 0;
}
@media (max-width: 860px) {
  /* line 308, ../sass/views/_agency.scss */
  .agency .partners .partnerlist > li {
    width: 46%;
    height: auto;
    margin: 0 0 0 8%;
  }
  /* line 324, ../sass/views/_agency.scss */
  .agency .partners .partnerlist > li:nth-child(odd) {
    margin: 0;
    clear: left;
  }
}
@media (max-width: 520px) {
  /* line 308, ../sass/views/_agency.scss */
  .agency .partners .partnerlist > li {
    width: 100%;
    margin: 0;
  }
}
/* line 336, ../sass/views/_agency.scss */
.agency .partners .partnerlist h2 {
  margin: 15px 0 10px 0;
  font-family: "Open sans", sans-serif;
  font-size: 1.053em;
  font-weight: 700;
  line-height: 1.250em;
  text-transform: none;
}
/* line 345, ../sass/views/_agency.scss */
.agency .partners .partnerlist img {
  width: 100%;
}
/* line 349, ../sass/views/_agency.scss */
.agency .partners .partnerlist p {
  font-weight: 300;
  font-size: 0.895em;
  min-height: 60px;
}
@media (max-width: 520px) {
  /* line 349, ../sass/views/_agency.scss */
  .agency .partners .partnerlist p {
    min-height: 0;
  }
}
/* line 359, ../sass/views/_agency.scss */
.agency .partners .partnerlist ul {
  position: absolute;
  bottom: 0;
}
@media (max-width: 860px) {
  /* line 359, ../sass/views/_agency.scss */
  .agency .partners .partnerlist ul {
    overflow: hidden;
    margin: 10px 0 20px 0;
    position: static;
  }
}
/* line 420, ../sass/views/_agency.scss */
.agency .clients h1 {
  text-align: center;
}
/* line 424, ../sass/views/_agency.scss */
.agency .clients .clientslist {
  padding: 30px 0 0 0;
  list-style: none;
  overflow: hidden;
}
/* line 430, ../sass/views/_agency.scss */
.agency .clients img {
  width: 100%;
  border: 0;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
/* line 435, ../sass/views/_agency.scss */
.agency .clients img.fallback {
  width: 70%;
}
/* line 441, ../sass/views/_agency.scss */
.agency .clients li {
  float: left;
  width: 22%;
  margin: 0 0 4% 4%;
  text-align: center;
}
/* line 447, ../sass/views/_agency.scss */
.agency .clients li:nth-child(4n+1) {
  margin: 0 0 4% 0;
}
@media (max-width: 45em) {
  /* line 441, ../sass/views/_agency.scss */
  .agency .clients li {
    width: 46%;
    margin: 0 0 8% 8%;
  }
  /* line 455, ../sass/views/_agency.scss */
  .agency .clients li:nth-child(odd) {
    margin: 0 0 8% 0;
  }
}
@media (max-width: 25em) {
  /* line 441, ../sass/views/_agency.scss */
  .agency .clients li {
    width: 100%;
    margin: 0;
  }
}

/* line 1, ../sass/views/_subscribe.scss */
.subscribe {
  width: 33%;
  float: left;
  border-right: 1px solid #f2f2f2;
  position: relative;
}
@media (max-width: 36.875em) {
  /* line 1, ../sass/views/_subscribe.scss */
  .subscribe {
    float: none;
    width: 100%;
    padding-top: 0;
  }
}
/* line 13, ../sass/views/_subscribe.scss */
.subscribe form {
  float: left;
  width: 100%;
  position: relative;
  padding: 0 99px 0 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 20px 0 0 0;
}
@media (max-width: 60em) {
  /* line 13, ../sass/views/_subscribe.scss */
  .subscribe form {
    float: none;
    padding: 0;
    width: 75%;
    margin: 20px auto 0;
  }
}
@media (max-width: 36.875em) {
  /* line 13, ../sass/views/_subscribe.scss */
  .subscribe form {
    float: none;
    padding: 0;
    width: 50%;
    margin: 20px auto 0;
  }
}
@media (max-width: 25em) {
  /* line 13, ../sass/views/_subscribe.scss */
  .subscribe form {
    float: none;
    padding: 0;
    width: 75%;
    margin: 20px auto 0;
  }
}
/* line 40, ../sass/views/_subscribe.scss */
.subscribe form .inputwrap {
  width: 100%;
  position: relative;
}
/* line 44, ../sass/views/_subscribe.scss */
.subscribe form .inputwrap .feedback {
  visibility: hidden;
  padding: 0;
  position: absolute;
  top: -98%;
  z-index: 100;
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media (max-width: 60em) {
  /* line 44, ../sass/views/_subscribe.scss */
  .subscribe form .inputwrap .feedback {
    padding: 0;
    float: none;
  }
}
/* line 59, ../sass/views/_subscribe.scss */
.subscribe form .inputwrap .feedback span {
  position: relative;
  width: 100%;
  height: 28px;
  padding: 0px;
  background: #313237;
  font-size: .6em;
  clear: both;
  float: left;
  line-height: 28px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}
/* line 61, ../sass/views/_subscribe.scss */
.subscribe form .inputwrap .feedback span.error, .subscribe form .inputwrap .feedback span.success {
  color: #ffffff;
}
/* line 80, ../sass/views/_subscribe.scss */
.subscribe form .inputwrap .feedback span:after {
  content: "";
  position: absolute;
  bottom: -8px;
  left: 50%;
  margin: 0 -4px;
  border-style: solid;
  border-width: 8px 8px 0;
  border-color: #313237 transparent;
  display: block;
  width: 0;
  z-index: 1;
}
/* line 97, ../sass/views/_subscribe.scss */
.subscribe form input {
  width: 100%;
  -webkit-appearance: none;
  font-size: 0.7em;
  padding: 0.65em 0.7em;
}
/* line 104, ../sass/views/_subscribe.scss */
.subscribe form button {
  position: absolute;
  right: 10px;
  top: 0;
}
@media (max-width: 60em) {
  /* line 104, ../sass/views/_subscribe.scss */
  .subscribe form button {
    position: relative;
    margin-top: 1em;
    right: 0;
  }
}

/* line 1, ../sass/views/_find-us.scss */
.find-us {
  width: 33%;
  float: left;
  border-left: 1px solid #f2f2f2;
}
@media (max-width: 36.875em) {
  /* line 1, ../sass/views/_find-us.scss */
  .find-us {
    width: 100%;
    float: none;
  }
}
/* line 11, ../sass/views/_find-us.scss */
.find-us .social {
  text-align: center;
  margin: 20px auto;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
}
/* line 16, ../sass/views/_find-us.scss */
.find-us .social li {
  width: 38px;
  height: 38px;
  -moz-border-radius: 0.3em;
  -webkit-border-radius: 0.3em;
  border-radius: 0.3em;
}
/* line 21, ../sass/views/_find-us.scss */
.find-us .social li a {
  margin-left: -3px;
  margin-top: -2px;
}
/* line 28, ../sass/views/_find-us.scss */
.find-us .linkedin {
  margin: 0 10px 0 0;
}
/* line 32, ../sass/views/_find-us.scss */
.find-us .facebook {
  margin: 0 0 0 10px;
}

/* line 1, ../sass/views/_get-in-touch.scss */
.get-in-touch {
  width: 34%;
  float: left;
}
@media (max-width: 36.875em) {
  /* line 1, ../sass/views/_get-in-touch.scss */
  .get-in-touch {
    width: 100%;
    float: none;
  }
}
/* line 10, ../sass/views/_get-in-touch.scss */
.get-in-touch .button {
  margin: 20px 0 0 0;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
}

/* line 1, ../sass/views/_project.scss */
.project-page .swiper-slide {
  padding-bottom: 70px;
}

/* line 5, ../sass/views/_project.scss */
.project {
  width: 100%;
  padding: 2em 0;
  float: left;
  background: #F2F2F2;
  position: relative;
}
/* line 12, ../sass/views/_project.scss */
.project .video {
  float: left;
  width: 100%;
}
/* line 17, ../sass/views/_project.scss */
.project .video .vimeo {
  position: relative;
  padding-bottom: 53.25%;
  /* 16:9 */
  padding-top: 25px;
  height: 0;
}
/* line 24, ../sass/views/_project.scss */
.project .video .vimeo iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media (max-width: 36.875em) {
  /* line 5, ../sass/views/_project.scss */
  .project {
    padding: 0;
  }
}
@media (max-width: 30em) {
  /* line 5, ../sass/views/_project.scss */
  .project {
    float: none;
  }
}
/* line 45, ../sass/views/_project.scss */
.project .slideshow-logo {
  position: absolute;
  height: 70px;
  width: 154px;
  left: 50%;
  top: -124px;
  margin-left: -77px;
}
/* line 53, ../sass/views/_project.scss */
.project .slideshow-logo img {
  height: 70px;
  width: 154px;
}
/* line 62, ../sass/views/_project.scss */
.project .project-browse-controls a {
  display: block;
  position: absolute;
  top: -3em;
  z-index: 10;
  width: 90px;
  text-align: center;
}
/* line 71, ../sass/views/_project.scss */
.project .project-browse-controls .prevproject {
  left: 20px;
}
/* line 75, ../sass/views/_project.scss */
.project .project-browse-controls .nextproject {
  right: 20px;
}
@media (max-width: 30em) {
  /* line 82, ../sass/views/_project.scss */
  .project .project-browse-controls a {
    position: relative;
    margin: .5em 0;
    display: inline-block;
    top: 0px;
  }
  /* line 89, ../sass/views/_project.scss */
  .project .project-browse-controls .prevproject {
    float: left;
  }
  /* line 93, ../sass/views/_project.scss */
  .project .project-browse-controls .nextproject {
    float: right;
  }
}
/* line 101, ../sass/views/_project.scss */
.project .meta {
  width: 33.3333%;
  padding: 0 0.625em;
  position: absolute;
  top: 2em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
/* line 108, ../sass/views/_project.scss */
.project .meta.fixed {
  position: fixed;
  top: 1em;
}
@media (max-width: 60em) {
  /* line 108, ../sass/views/_project.scss */
  .project .meta.fixed {
    margin-left: 3.645833333%;
  }
}
/* line 117, ../sass/views/_project.scss */
.project .meta.bottom {
  position: absolute;
  bottom: 3em;
  top: auto;
}
@media (max-width: 36.875em) {
  /* line 101, ../sass/views/_project.scss */
  .project .meta {
    position: relative;
    float: left;
    width: 100%;
    max-width: 500px;
    padding: 1em 2.604166667% 2em;
    margin: 0 auto;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
}
/* line 133, ../sass/views/_project.scss */
.project .meta .social-links {
  width: 100%;
  overflow: hidden;
  margin: 0 0 1em;
}
@media (max-width: 36.875em) {
  /* line 133, ../sass/views/_project.scss */
  .project .meta .social-links {
    margin-bottom: 0;
  }
}
/* line 142, ../sass/views/_project.scss */
.project .meta .social-links a {
  width: 2.2em;
  height: 2.2em;
  display: block;
  background: #313237;
  float: left;
  margin-right: .5em;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  text-indent: -9999px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0);
  -moz-transition: background-color 0.35s;
  -o-transition: background-color 0.35s;
  -webkit-transition: background-color 0.35s;
  transition: background-color 0.35s;
}
/* line 157, ../sass/views/_project.scss */
.project .meta .social-links a.twitter {
  height: 42px;
  width: 42px;
  background-image: url('../images/sprites-s6a8ebaadb0.png');
  background-position: 0 -626px;
  background-repeat: no-repeat;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  /* line 45, ../sass/mixins/_sprite.scss */
  .project .meta .social-links a.twitter {
    background-image: url('../images/sprites-retina-saab16b0604.png');
    background-position: 0 -626px;
    -moz-background-size: 114px auto;
    -o-background-size: 114px auto;
    -webkit-background-size: 114px auto;
    background-size: 114px auto;
  }
}
/* line 159, ../sass/views/_project.scss */
.project .meta .social-links a.twitter:hover, .project .meta .social-links a.twitter:active {
  background-color: #4099FF;
}
/* line 164, ../sass/views/_project.scss */
.project .meta .social-links a.facebook {
  height: 42px;
  width: 42px;
  background-image: url('../images/sprites-s6a8ebaadb0.png');
  background-position: 0 -159px;
  background-repeat: no-repeat;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  /* line 45, ../sass/mixins/_sprite.scss */
  .project .meta .social-links a.facebook {
    background-image: url('../images/sprites-retina-saab16b0604.png');
    background-position: 0 -159px;
    -moz-background-size: 114px auto;
    -o-background-size: 114px auto;
    -webkit-background-size: 114px auto;
    background-size: 114px auto;
  }
}
/* line 166, ../sass/views/_project.scss */
.project .meta .social-links a.facebook:hover, .project .meta .social-links a.facebook:active {
  background-color: #3B5998;
}
/* line 171, ../sass/views/_project.scss */
.project .meta .social-links a.google {
  height: 42px;
  width: 42px;
  background-image: url('../images/sprites-s6a8ebaadb0.png');
  background-position: 0 -231px;
  background-repeat: no-repeat;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  /* line 45, ../sass/mixins/_sprite.scss */
  .project .meta .social-links a.google {
    background-image: url('../images/sprites-retina-saab16b0604.png');
    background-position: 0 -231px;
    -moz-background-size: 114px auto;
    -o-background-size: 114px auto;
    -webkit-background-size: 114px auto;
    background-size: 114px auto;
  }
}
/* line 173, ../sass/views/_project.scss */
.project .meta .social-links a.google:hover, .project .meta .social-links a.google:active {
  background-color: #d34836;
}
/* line 180, ../sass/views/_project.scss */
.project .meta img {
  margin: 1em 0;
  background: #ccc;
  width: 100%;
  font-size: .6em;
  color: #313237;
}
@media (max-width: 36.875em) {
  /* line 180, ../sass/views/_project.scss */
  .project .meta img {
    max-width: 280px;
    display: block;
    margin: 1em 0;
  }
}
/* line 195, ../sass/views/_project.scss */
.project .meta .appstore-links {
  float: left;
  margin: 1em 0;
  position: relative;
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
/* line 202, ../sass/views/_project.scss */
.project .meta .appstore-links .ios, .project .meta .appstore-links .android {
  width: 50%;
  clear: left;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0 0 1em 0;
  font-size: 0.6em;
  float: left;
}
/* line 211, ../sass/views/_project.scss */
.project .meta .appstore-links .ios img, .project .meta .appstore-links .android img {
  padding: 0;
  background: transparent;
  margin: 0;
}
/* line 221, ../sass/views/_project.scss */
.project .meta h1, .project .meta h2, .project .meta h3 {
  text-transform: none;
  line-height: 1;
  overflow: hidden;
}
/* line 227, ../sass/views/_project.scss */
.project .meta h1 {
  font-size: 1.55em;
  color: #313237;
  padding: .75em 0 .2em 0;
  margin: 0;
}
/* line 234, ../sass/views/_project.scss */
.project .meta h2 {
  font-size: .95em;
  color: #848692;
  margin: 0 0 .5em;
  font-family: "Open sans", sans-serif;
  font-weight: normal;
  line-height: normal;
}
/* line 245, ../sass/views/_project.scss */
.project .projectinfo {
  float: left;
  width: 60.9375%;
  margin: 0 0 0 35.416666667%;
}
@media (max-width: 36.875em) {
  /* line 245, ../sass/views/_project.scss */
  .project .projectinfo {
    width: 100%;
    max-width: 500px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 1em 2.604166667% 0;
    margin: 0 auto;
    float: none;
    clear: both;
  }
}
/* line 261, ../sass/views/_project.scss */
.project .projectinfo h2, .project .projectinfo h3 {
  margin: 0 0 .25em;
  text-transform: none;
  font-size: 1em;
  text-transform: uppercase;
}
/* line 268, ../sass/views/_project.scss */
.project .projectinfo h3 {
  font-size: .95em;
  line-height: 1.2;
  margin: 0;
  text-transform: uppercase;
}
/* line 275, ../sass/views/_project.scss */
.project .projectinfo p {
  margin: 0;
  font-family: "Open sans", sans-serif;
  font-size: .75em;
  line-height: 1.6;
  margin: 0 0 2em;
}
/* line 283, ../sass/views/_project.scss */
.project .projectinfo ul {
  font-size: .75em;
  padding: 0 0 2em 1.5em;
}

/* line 295, ../sass/views/_project.scss */
.other-projects > h1 {
  width: 100%;
  margin: 1.5em auto;
  display: block;
  font-size: .95em;
  color: #848692;
  text-align: center;
  font-family: "Open sans", sans-serif;
  font-weight: normal;
  line-height: normal;
  text-transform: none;
}
/* line 310, ../sass/views/_project.scss */
.other-projects .projectgrid li {
  padding: 0 0.625em;
}

/* line 1, ../sass/views/_filters.scss */
.filters {
  width: 100%;
  visibility: hidden;
}
/* line 5, ../sass/views/_filters.scss */
.filters ul {
  padding: 1.5em 0;
  margin: 0;
  overflow: hidden;
  list-style: none;
  text-align: center;
}
/* line 12, ../sass/views/_filters.scss */
.filters ul li {
  display: inline-block;
  height: 2em;
  line-height: 2em;
  margin: 0;
  padding: 0 .625em;
  -moz-transition: all, 0.35s;
  -o-transition: all, 0.35s;
  -webkit-transition: all, 0.35s;
  transition: all, 0.35s;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background: #E0E0E1;
}
@media (max-width: 45em) {
  /* line 12, ../sass/views/_filters.scss */
  .filters ul li {
    margin: 0 .1em;
  }
}
@media (max-width: 30em) {
  /* line 12, ../sass/views/_filters.scss */
  .filters ul li {
    width: 50%;
  }
}
@media (max-width: 25em) {
  /* line 12, ../sass/views/_filters.scss */
  .filters ul li {
    width: 75%;
  }
}
/* line 34, ../sass/views/_filters.scss */
.filters ul li:hover {
  background: #313237;
}
/* line 40, ../sass/views/_filters.scss */
.filters ul li:hover a {
  color: #fff;
}
/* line 46, ../sass/views/_filters.scss */
.filters ul li.active {
  background: #313237;
}
/* line 49, ../sass/views/_filters.scss */
.filters ul li.active a {
  color: #fff;
}
/* line 52, ../sass/views/_filters.scss */
.filters ul li.active:hover {
  background: #313237;
}
/* line 57, ../sass/views/_filters.scss */
.filters ul li a {
  text-decoration: none;
  color: #252525;
  white-space: nowrap;
  font-family: "futura-pt-condensed", "Futura-CondensedMedium", "HelveticaNeueMediumCondensed", "HelveticaNeue-Medium-Condensed", "Helvetica Neue Medium Condensed", "Arial Narrow", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
}

/* line 1, ../sass/views/_contact.scss */
.contact {
  float: left;
  width: 100%;
  margin: 20px 0 20px 0;
}
@media (max-width: 36.875em) {
  /* line 1, ../sass/views/_contact.scss */
  .contact {
    margin: 20px 0 20px;
  }
}
/* line 10, ../sass/views/_contact.scss */
.contact > section {
  padding: 0 20px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media (max-width: 36.875em) {
  /* line 10, ../sass/views/_contact.scss */
  .contact > section {
    padding: 0 40px;
  }
}
/* line 20, ../sass/views/_contact.scss */
.contact .address {
  width: 30%;
  float: left;
}
/* line 24, ../sass/views/_contact.scss */
.contact .address h1 {
  margin: 0;
}
@media (max-width: 36.875em) {
  /* line 20, ../sass/views/_contact.scss */
  .contact .address {
    width: 100%;
  }
}
/* line 32, ../sass/views/_contact.scss */
.contact .address p {
  font-size: .85em;
  line-height: 1.5;
  color: #222226;
}
/* line 37, ../sass/views/_contact.scss */
.contact .address p a {
  text-decoration: none;
  color: #222226;
}
/* line 46, ../sass/views/_contact.scss */
.contact .phone-url {
  cursor: default;
}
/* line 50, ../sass/views/_contact.scss */
.contact .map {
  width: 70%;
  float: left;
}
@media (max-width: 36.875em) {
  /* line 50, ../sass/views/_contact.scss */
  .contact .map {
    width: 100%;
  }
}
/* line 58, ../sass/views/_contact.scss */
.contact .map .google-map {
  width: 100%;
}

/* line 1, ../sass/views/_stream.scss */
.stream {
  min-height: 800px;
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  -moz-transition: opacity 0.5s;
  -o-transition: opacity 0.5s;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}
/* line 5, ../sass/views/_stream.scss */
.stream > .container {
  max-width: 1000px;
}
/* line 12, ../sass/views/_stream.scss */
.stream.loading {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20);
  opacity: 0.2;
  -moz-transition: opacity 0.5s;
  -o-transition: opacity 0.5s;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}
/* line 17, ../sass/views/_stream.scss */
.stream .postgrid {
  width: 100%;
  float: left;
  list-style: none;
}
/* line 22, ../sass/views/_stream.scss */
.stream .postgrid li {
  width: 33.333%;
  float: left;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #fff;
}
@media (max-width: 45em) {
  /* line 22, ../sass/views/_stream.scss */
  .stream .postgrid li {
    width: 33.333%;
  }
}
@media (max-width: 36.875em) {
  /* line 22, ../sass/views/_stream.scss */
  .stream .postgrid li {
    width: 100%;
  }
}
/* line 37, ../sass/views/_stream.scss */
.stream .postgrid li .post-meta {
  width: 100%;
  position: relative;
  margin: 20px 0 0 0;
  padding: 0 0 20px 50px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  border-bottom: 1px solid #313237;
}
/* line 46, ../sass/views/_stream.scss */
.stream .postgrid li .post-meta .icon {
  position: absolute;
  left: 0;
  display: block;
  background: #313237;
  -moz-border-radius: 0.3em;
  -webkit-border-radius: 0.3em;
  border-radius: 0.3em;
  -moz-transition: background 0.35s;
  -o-transition: background 0.35s;
  -webkit-transition: background 0.35s;
  transition: background 0.35s;
}
/* line 54, ../sass/views/_stream.scss */
.stream .postgrid li .post-meta .icon.icon-facebook {
  height: 42px;
  width: 42px;
  background-image: url('../images/sprites-s6a8ebaadb0.png');
  background-position: 0 -159px;
  background-repeat: no-repeat;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  /* line 45, ../sass/mixins/_sprite.scss */
  .stream .postgrid li .post-meta .icon.icon-facebook {
    background-image: url('../images/sprites-retina-saab16b0604.png');
    background-position: 0 -159px;
    -moz-background-size: 114px auto;
    -o-background-size: 114px auto;
    -webkit-background-size: 114px auto;
    background-size: 114px auto;
  }
}
/* line 58, ../sass/views/_stream.scss */
.stream .postgrid li .post-meta .icon.icon-twitter {
  height: 42px;
  width: 42px;
  background-image: url('../images/sprites-s6a8ebaadb0.png');
  background-position: 0 -626px;
  background-repeat: no-repeat;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  /* line 45, ../sass/mixins/_sprite.scss */
  .stream .postgrid li .post-meta .icon.icon-twitter {
    background-image: url('../images/sprites-retina-saab16b0604.png');
    background-position: 0 -626px;
    -moz-background-size: 114px auto;
    -o-background-size: 114px auto;
    -webkit-background-size: 114px auto;
    background-size: 114px auto;
  }
}
/* line 64, ../sass/views/_stream.scss */
.stream .postgrid li .post-meta aside p {
  margin: 0;
  font-size: .737em;
  line-height: 1.5;
}
/* line 72, ../sass/views/_stream.scss */
.stream .postgrid li .post-content {
  width: 100%;
  padding: 40px 20px 0 20px;
  float: left;
  font-size: 1em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
/* line 79, ../sass/views/_stream.scss */
.stream .postgrid li .post-content img {
  max-width: 100%;
  float: left;
}
/* line 85, ../sass/views/_stream.scss */
.stream .postgrid li h3 {
  float: left;
  line-height: 1.3;
  margin: 0;
  word-break: break-word;
  text-transform: inherit;
}
/* line 94, ../sass/views/_stream.scss */
.stream .postgrid li.photo h3 {
  margin: 20px 0;
}
/* line 99, ../sass/views/_stream.scss */
.stream .postgrid li a {
  text-decoration: none;
  float: left;
  width: 100%;
  color: #313237;
}
/* line 107, ../sass/views/_stream.scss */
.stream .postgrid li a:hover .icon-facebook {
  background-color: #3B5998;
}
/* line 111, ../sass/views/_stream.scss */
.stream .postgrid li a:hover .icon-twitter {
  background-color: #4099FF;
}
/* line 121, ../sass/views/_stream.scss */
.stream .load-more {
  width: 100%;
  margin: 20px 0;
  text-align: center;
}
/* line 126, ../sass/views/_stream.scss */
.stream .load-more a {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
}