/* Welcome to Compass.
 * In this file you should write your main styles. (or centralize your imports)
 * Import this file using the following HTML or equivalent:
 * <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
/*
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT

Copyright (c) 2014 Daniel Eden
*/
/* line 9, ../scss/_animate.scss */
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }

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

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

@-webkit-keyframes bounce {
  /* line 27, ../scss/_animate.scss */
  0%, 20%, 53%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }

  /* line 34, ../scss/_animate.scss */
  40%, 43% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0); }

  /* line 41, ../scss/_animate.scss */
  70% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0); }

  /* line 48, ../scss/_animate.scss */
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0); } }

@keyframes bounce {
  /* line 55, ../scss/_animate.scss */
  0%, 20%, 53%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }

  /* line 62, ../scss/_animate.scss */
  40%, 43% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0); }

  /* line 69, ../scss/_animate.scss */
  70% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0); }

  /* line 76, ../scss/_animate.scss */
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0); } }

/* line 82, ../scss/_animate.scss */
.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  -ms-transform-origin: center bottom;
  transform-origin: center bottom; }

@-webkit-keyframes flash {
  /* line 91, ../scss/_animate.scss */
  0%, 50%, 100% {
    opacity: 1; }

  /* line 95, ../scss/_animate.scss */
  25%, 75% {
    opacity: 0; } }

@keyframes flash {
  /* line 101, ../scss/_animate.scss */
  0%, 50%, 100% {
    opacity: 1; }

  /* line 105, ../scss/_animate.scss */
  25%, 75% {
    opacity: 0; } }

/* line 110, ../scss/_animate.scss */
.flash {
  -webkit-animation-name: flash;
  animation-name: flash; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse {
  /* line 118, ../scss/_animate.scss */
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }

  /* line 123, ../scss/_animate.scss */
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05); }

  /* line 128, ../scss/_animate.scss */
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

@keyframes pulse {
  /* line 135, ../scss/_animate.scss */
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }

  /* line 140, ../scss/_animate.scss */
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05); }

  /* line 145, ../scss/_animate.scss */
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

/* line 151, ../scss/_animate.scss */
.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse; }

@-webkit-keyframes rubberBand {
  /* line 157, ../scss/_animate.scss */
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }

  /* line 162, ../scss/_animate.scss */
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1); }

  /* line 167, ../scss/_animate.scss */
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1); }

  /* line 172, ../scss/_animate.scss */
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1); }

  /* line 177, ../scss/_animate.scss */
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1); }

  /* line 182, ../scss/_animate.scss */
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1); }

  /* line 187, ../scss/_animate.scss */
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

@keyframes rubberBand {
  /* line 194, ../scss/_animate.scss */
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }

  /* line 199, ../scss/_animate.scss */
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1); }

  /* line 204, ../scss/_animate.scss */
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1); }

  /* line 209, ../scss/_animate.scss */
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1); }

  /* line 214, ../scss/_animate.scss */
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1); }

  /* line 219, ../scss/_animate.scss */
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1); }

  /* line 224, ../scss/_animate.scss */
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

/* line 230, ../scss/_animate.scss */
.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand; }

@-webkit-keyframes shake {
  /* line 236, ../scss/_animate.scss */
  0%, 100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }

  /* line 241, ../scss/_animate.scss */
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0); }

  /* line 246, ../scss/_animate.scss */
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0); } }

@keyframes shake {
  /* line 253, ../scss/_animate.scss */
  0%, 100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }

  /* line 258, ../scss/_animate.scss */
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0); }

  /* line 263, ../scss/_animate.scss */
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0); } }

/* line 269, ../scss/_animate.scss */
.shake {
  -webkit-animation-name: shake;
  animation-name: shake; }

@-webkit-keyframes swing {
  /* line 275, ../scss/_animate.scss */
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg); }

  /* line 280, ../scss/_animate.scss */
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg); }

  /* line 285, ../scss/_animate.scss */
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg); }

  /* line 290, ../scss/_animate.scss */
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg); }

  /* line 295, ../scss/_animate.scss */
  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg); } }

@keyframes swing {
  /* line 302, ../scss/_animate.scss */
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg); }

  /* line 307, ../scss/_animate.scss */
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg); }

  /* line 312, ../scss/_animate.scss */
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg); }

  /* line 317, ../scss/_animate.scss */
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg); }

  /* line 322, ../scss/_animate.scss */
  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg); } }

/* line 328, ../scss/_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 {
  /* line 337, ../scss/_animate.scss */
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }

  /* line 342, ../scss/_animate.scss */
  10%, 20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }

  /* line 347, ../scss/_animate.scss */
  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }

  /* line 352, ../scss/_animate.scss */
  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }

  /* line 357, ../scss/_animate.scss */
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

@keyframes tada {
  /* line 364, ../scss/_animate.scss */
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }

  /* line 369, ../scss/_animate.scss */
  10%, 20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }

  /* line 374, ../scss/_animate.scss */
  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }

  /* line 379, ../scss/_animate.scss */
  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }

  /* line 384, ../scss/_animate.scss */
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

/* line 390, ../scss/_animate.scss */
.tada {
  -webkit-animation-name: tada;
  animation-name: tada; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble {
  /* line 398, ../scss/_animate.scss */
  0% {
    -webkit-transform: none;
    transform: none; }

  /* line 403, ../scss/_animate.scss */
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); }

  /* line 408, ../scss/_animate.scss */
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); }

  /* line 413, ../scss/_animate.scss */
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); }

  /* line 418, ../scss/_animate.scss */
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); }

  /* line 423, ../scss/_animate.scss */
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); }

  /* line 428, ../scss/_animate.scss */
  100% {
    -webkit-transform: none;
    transform: none; } }

@keyframes wobble {
  /* line 435, ../scss/_animate.scss */
  0% {
    -webkit-transform: none;
    transform: none; }

  /* line 440, ../scss/_animate.scss */
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); }

  /* line 445, ../scss/_animate.scss */
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); }

  /* line 450, ../scss/_animate.scss */
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); }

  /* line 455, ../scss/_animate.scss */
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); }

  /* line 460, ../scss/_animate.scss */
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); }

  /* line 465, ../scss/_animate.scss */
  100% {
    -webkit-transform: none;
    transform: none; } }

/* line 471, ../scss/_animate.scss */
.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble; }

@-webkit-keyframes bounceIn {
  /* line 477, ../scss/_animate.scss */
  0%, 20%, 40%, 60%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }

  /* line 482, ../scss/_animate.scss */
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }

  /* line 488, ../scss/_animate.scss */
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }

  /* line 493, ../scss/_animate.scss */
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }

  /* line 498, ../scss/_animate.scss */
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03); }

  /* line 504, ../scss/_animate.scss */
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97); }

  /* line 509, ../scss/_animate.scss */
  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

@keyframes bounceIn {
  /* line 517, ../scss/_animate.scss */
  0%, 20%, 40%, 60%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }

  /* line 522, ../scss/_animate.scss */
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }

  /* line 528, ../scss/_animate.scss */
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }

  /* line 533, ../scss/_animate.scss */
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }

  /* line 538, ../scss/_animate.scss */
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03); }

  /* line 544, ../scss/_animate.scss */
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97); }

  /* line 549, ../scss/_animate.scss */
  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

/* line 556, ../scss/_animate.scss */
.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
  -webkit-animation-duration: .75s;
  animation-duration: .75s; }

@-webkit-keyframes bounceInDown {
  /* line 564, ../scss/_animate.scss */
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }

  /* line 569, ../scss/_animate.scss */
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0); }

  /* line 575, ../scss/_animate.scss */
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0); }

  /* line 581, ../scss/_animate.scss */
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); }

  /* line 586, ../scss/_animate.scss */
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0); }

  /* line 591, ../scss/_animate.scss */
  100% {
    -webkit-transform: none;
    transform: none; } }

@keyframes bounceInDown {
  /* line 598, ../scss/_animate.scss */
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }

  /* line 603, ../scss/_animate.scss */
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0); }

  /* line 609, ../scss/_animate.scss */
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0); }

  /* line 615, ../scss/_animate.scss */
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); }

  /* line 620, ../scss/_animate.scss */
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0); }

  /* line 625, ../scss/_animate.scss */
  100% {
    -webkit-transform: none;
    transform: none; } }

/* line 631, ../scss/_animate.scss */
.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown; }

@-webkit-keyframes bounceInLeft {
  /* line 637, ../scss/_animate.scss */
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }

  /* line 642, ../scss/_animate.scss */
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0); }

  /* line 648, ../scss/_animate.scss */
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0); }

  /* line 654, ../scss/_animate.scss */
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0); }

  /* line 659, ../scss/_animate.scss */
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0); }

  /* line 664, ../scss/_animate.scss */
  100% {
    -webkit-transform: none;
    transform: none; } }

@keyframes bounceInLeft {
  /* line 671, ../scss/_animate.scss */
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }

  /* line 676, ../scss/_animate.scss */
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0); }

  /* line 682, ../scss/_animate.scss */
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0); }

  /* line 688, ../scss/_animate.scss */
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0); }

  /* line 693, ../scss/_animate.scss */
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0); }

  /* line 698, ../scss/_animate.scss */
  100% {
    -webkit-transform: none;
    transform: none; } }

/* line 704, ../scss/_animate.scss */
.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft; }

@-webkit-keyframes bounceInRight {
  /* line 710, ../scss/_animate.scss */
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }

  /* line 715, ../scss/_animate.scss */
  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0); }

  /* line 721, ../scss/_animate.scss */
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0); }

  /* line 727, ../scss/_animate.scss */
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0); }

  /* line 732, ../scss/_animate.scss */
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0); }

  /* line 737, ../scss/_animate.scss */
  100% {
    -webkit-transform: none;
    transform: none; } }

@keyframes bounceInRight {
  /* line 744, ../scss/_animate.scss */
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }

  /* line 749, ../scss/_animate.scss */
  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0); }

  /* line 755, ../scss/_animate.scss */
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0); }

  /* line 761, ../scss/_animate.scss */
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0); }

  /* line 766, ../scss/_animate.scss */
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0); }

  /* line 771, ../scss/_animate.scss */
  100% {
    -webkit-transform: none;
    transform: none; } }

/* line 777, ../scss/_animate.scss */
.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight; }

@-webkit-keyframes bounceInUp {
  /* line 783, ../scss/_animate.scss */
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }

  /* line 788, ../scss/_animate.scss */
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0); }

  /* line 794, ../scss/_animate.scss */
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0); }

  /* line 800, ../scss/_animate.scss */
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0); }

  /* line 805, ../scss/_animate.scss */
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0); }

  /* line 810, ../scss/_animate.scss */
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes bounceInUp {
  /* line 817, ../scss/_animate.scss */
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }

  /* line 822, ../scss/_animate.scss */
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0); }

  /* line 828, ../scss/_animate.scss */
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0); }

  /* line 834, ../scss/_animate.scss */
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0); }

  /* line 839, ../scss/_animate.scss */
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0); }

  /* line 844, ../scss/_animate.scss */
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

/* line 850, ../scss/_animate.scss */
.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp; }

@-webkit-keyframes bounceOut {
  /* line 856, ../scss/_animate.scss */
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }

  /* line 861, ../scss/_animate.scss */
  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }

  /* line 867, ../scss/_animate.scss */
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); } }

@keyframes bounceOut {
  /* line 875, ../scss/_animate.scss */
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }

  /* line 880, ../scss/_animate.scss */
  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }

  /* line 886, ../scss/_animate.scss */
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); } }

/* line 893, ../scss/_animate.scss */
.bounceOut {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
  -webkit-animation-duration: .75s;
  animation-duration: .75s; }

@-webkit-keyframes bounceOutDown {
  /* line 901, ../scss/_animate.scss */
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0); }

  /* line 906, ../scss/_animate.scss */
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0); }

  /* line 912, ../scss/_animate.scss */
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); } }

@keyframes bounceOutDown {
  /* line 920, ../scss/_animate.scss */
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0); }

  /* line 925, ../scss/_animate.scss */
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0); }

  /* line 931, ../scss/_animate.scss */
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); } }

/* line 938, ../scss/_animate.scss */
.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown; }

@-webkit-keyframes bounceOutLeft {
  /* line 944, ../scss/_animate.scss */
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0); }

  /* line 950, ../scss/_animate.scss */
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); } }

@keyframes bounceOutLeft {
  /* line 958, ../scss/_animate.scss */
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0); }

  /* line 964, ../scss/_animate.scss */
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); } }

/* line 971, ../scss/_animate.scss */
.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft; }

@-webkit-keyframes bounceOutRight {
  /* line 977, ../scss/_animate.scss */
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0); }

  /* line 983, ../scss/_animate.scss */
  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); } }

@keyframes bounceOutRight {
  /* line 991, ../scss/_animate.scss */
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0); }

  /* line 997, ../scss/_animate.scss */
  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); } }

/* line 1004, ../scss/_animate.scss */
.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight; }

@-webkit-keyframes bounceOutUp {
  /* line 1010, ../scss/_animate.scss */
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); }

  /* line 1015, ../scss/_animate.scss */
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0); }

  /* line 1021, ../scss/_animate.scss */
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); } }

@keyframes bounceOutUp {
  /* line 1029, ../scss/_animate.scss */
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); }

  /* line 1034, ../scss/_animate.scss */
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0); }

  /* line 1040, ../scss/_animate.scss */
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); } }

/* line 1047, ../scss/_animate.scss */
.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp; }

@-webkit-keyframes fadeIn {
  /* line 1053, ../scss/_animate.scss */
  0% {
    opacity: 0; }

  /* line 1054, ../scss/_animate.scss */
  100% {
    opacity: 1; } }

@keyframes fadeIn {
  /* line 1058, ../scss/_animate.scss */
  0% {
    opacity: 0; }

  /* line 1059, ../scss/_animate.scss */
  100% {
    opacity: 1; } }

/* line 1062, ../scss/_animate.scss */
.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn; }

@-webkit-keyframes fadeInDown {
  /* line 1068, ../scss/_animate.scss */
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); }

  /* line 1074, ../scss/_animate.scss */
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes fadeInDown {
  /* line 1082, ../scss/_animate.scss */
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); }

  /* line 1088, ../scss/_animate.scss */
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

/* line 1095, ../scss/_animate.scss */
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown; }

@-webkit-keyframes fadeInDownBig {
  /* line 1101, ../scss/_animate.scss */
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); }

  /* line 1107, ../scss/_animate.scss */
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes fadeInDownBig {
  /* line 1115, ../scss/_animate.scss */
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); }

  /* line 1121, ../scss/_animate.scss */
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

/* line 1128, ../scss/_animate.scss */
.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig; }

@-webkit-keyframes fadeInLeft {
  /* line 1134, ../scss/_animate.scss */
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); }

  /* line 1140, ../scss/_animate.scss */
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes fadeInLeft {
  /* line 1148, ../scss/_animate.scss */
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); }

  /* line 1154, ../scss/_animate.scss */
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

/* line 1161, ../scss/_animate.scss */
.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft; }

@-webkit-keyframes fadeInLeftBig {
  /* line 1167, ../scss/_animate.scss */
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); }

  /* line 1173, ../scss/_animate.scss */
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes fadeInLeftBig {
  /* line 1181, ../scss/_animate.scss */
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); }

  /* line 1187, ../scss/_animate.scss */
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

/* line 1194, ../scss/_animate.scss */
.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig; }

@-webkit-keyframes fadeInRight {
  /* line 1200, ../scss/_animate.scss */
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); }

  /* line 1206, ../scss/_animate.scss */
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes fadeInRight {
  /* line 1214, ../scss/_animate.scss */
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); }

  /* line 1220, ../scss/_animate.scss */
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

/* line 1227, ../scss/_animate.scss */
.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight; }

@-webkit-keyframes fadeInRightBig {
  /* line 1233, ../scss/_animate.scss */
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); }

  /* line 1239, ../scss/_animate.scss */
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes fadeInRightBig {
  /* line 1247, ../scss/_animate.scss */
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); }

  /* line 1253, ../scss/_animate.scss */
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

/* line 1260, ../scss/_animate.scss */
.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig; }

@-webkit-keyframes fadeInUp {
  /* line 1266, ../scss/_animate.scss */
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); }

  /* line 1272, ../scss/_animate.scss */
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes fadeInUp {
  /* line 1280, ../scss/_animate.scss */
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); }

  /* line 1286, ../scss/_animate.scss */
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

/* line 1293, ../scss/_animate.scss */
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp; }

@-webkit-keyframes fadeInUpBig {
  /* line 1299, ../scss/_animate.scss */
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); }

  /* line 1305, ../scss/_animate.scss */
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes fadeInUpBig {
  /* line 1313, ../scss/_animate.scss */
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); }

  /* line 1319, ../scss/_animate.scss */
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

/* line 1326, ../scss/_animate.scss */
.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig; }

@-webkit-keyframes fadeOut {
  /* line 1332, ../scss/_animate.scss */
  0% {
    opacity: 1; }

  /* line 1333, ../scss/_animate.scss */
  100% {
    opacity: 0; } }

@keyframes fadeOut {
  /* line 1337, ../scss/_animate.scss */
  0% {
    opacity: 1; }

  /* line 1338, ../scss/_animate.scss */
  100% {
    opacity: 0; } }

/* line 1341, ../scss/_animate.scss */
.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut; }

@-webkit-keyframes fadeOutDown {
  /* line 1347, ../scss/_animate.scss */
  0% {
    opacity: 1; }

  /* line 1351, ../scss/_animate.scss */
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); } }

@keyframes fadeOutDown {
  /* line 1359, ../scss/_animate.scss */
  0% {
    opacity: 1; }

  /* line 1363, ../scss/_animate.scss */
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); } }

/* line 1370, ../scss/_animate.scss */
.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown; }

@-webkit-keyframes fadeOutDownBig {
  /* line 1376, ../scss/_animate.scss */
  0% {
    opacity: 1; }

  /* line 1380, ../scss/_animate.scss */
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); } }

@keyframes fadeOutDownBig {
  /* line 1388, ../scss/_animate.scss */
  0% {
    opacity: 1; }

  /* line 1392, ../scss/_animate.scss */
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); } }

/* line 1399, ../scss/_animate.scss */
.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig; }

@-webkit-keyframes fadeOutLeft {
  /* line 1405, ../scss/_animate.scss */
  0% {
    opacity: 1; }

  /* line 1409, ../scss/_animate.scss */
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); } }

@keyframes fadeOutLeft {
  /* line 1417, ../scss/_animate.scss */
  0% {
    opacity: 1; }

  /* line 1421, ../scss/_animate.scss */
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); } }

/* line 1428, ../scss/_animate.scss */
.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft; }

@-webkit-keyframes fadeOutLeftBig {
  /* line 1434, ../scss/_animate.scss */
  0% {
    opacity: 1; }

  /* line 1438, ../scss/_animate.scss */
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); } }

@keyframes fadeOutLeftBig {
  /* line 1446, ../scss/_animate.scss */
  0% {
    opacity: 1; }

  /* line 1450, ../scss/_animate.scss */
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); } }

/* line 1457, ../scss/_animate.scss */
.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig; }

@-webkit-keyframes fadeOutRight {
  /* line 1463, ../scss/_animate.scss */
  0% {
    opacity: 1; }

  /* line 1467, ../scss/_animate.scss */
  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); } }

@keyframes fadeOutRight {
  /* line 1475, ../scss/_animate.scss */
  0% {
    opacity: 1; }

  /* line 1479, ../scss/_animate.scss */
  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); } }

/* line 1486, ../scss/_animate.scss */
.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight; }

@-webkit-keyframes fadeOutRightBig {
  /* line 1492, ../scss/_animate.scss */
  0% {
    opacity: 1; }

  /* line 1496, ../scss/_animate.scss */
  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); } }

@keyframes fadeOutRightBig {
  /* line 1504, ../scss/_animate.scss */
  0% {
    opacity: 1; }

  /* line 1508, ../scss/_animate.scss */
  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); } }

/* line 1515, ../scss/_animate.scss */
.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig; }

@-webkit-keyframes fadeOutUp {
  /* line 1521, ../scss/_animate.scss */
  0% {
    opacity: 1; }

  /* line 1525, ../scss/_animate.scss */
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); } }

@keyframes fadeOutUp {
  /* line 1533, ../scss/_animate.scss */
  0% {
    opacity: 1; }

  /* line 1537, ../scss/_animate.scss */
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); } }

/* line 1544, ../scss/_animate.scss */
.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp; }

@-webkit-keyframes fadeOutUpBig {
  /* line 1550, ../scss/_animate.scss */
  0% {
    opacity: 1; }

  /* line 1554, ../scss/_animate.scss */
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); } }

@keyframes fadeOutUpBig {
  /* line 1562, ../scss/_animate.scss */
  0% {
    opacity: 1; }

  /* line 1566, ../scss/_animate.scss */
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); } }

/* line 1573, ../scss/_animate.scss */
.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig; }

@-webkit-keyframes flip {
  /* line 1579, ../scss/_animate.scss */
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }

  /* line 1586, ../scss/_animate.scss */
  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }

  /* line 1593, ../scss/_animate.scss */
  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }

  /* line 1600, ../scss/_animate.scss */
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }

  /* line 1607, ../scss/_animate.scss */
  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; } }

@keyframes flip {
  /* line 1616, ../scss/_animate.scss */
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }

  /* line 1623, ../scss/_animate.scss */
  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }

  /* line 1630, ../scss/_animate.scss */
  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }

  /* line 1637, ../scss/_animate.scss */
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }

  /* line 1644, ../scss/_animate.scss */
  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; } }

/* line 1652, ../scss/_animate.scss */
.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip; }

@-webkit-keyframes flipInX {
  /* line 1660, ../scss/_animate.scss */
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 0; }

  /* line 1668, ../scss/_animate.scss */
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in; }

  /* line 1675, ../scss/_animate.scss */
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1; }

  /* line 1681, ../scss/_animate.scss */
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }

  /* line 1686, ../scss/_animate.scss */
  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); } }

@keyframes flipInX {
  /* line 1693, ../scss/_animate.scss */
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 0; }

  /* line 1701, ../scss/_animate.scss */
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in; }

  /* line 1708, ../scss/_animate.scss */
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1; }

  /* line 1714, ../scss/_animate.scss */
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }

  /* line 1719, ../scss/_animate.scss */
  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); } }

/* line 1725, ../scss/_animate.scss */
.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX; }

@-webkit-keyframes flipInY {
  /* line 1733, ../scss/_animate.scss */
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 0; }

  /* line 1741, ../scss/_animate.scss */
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in; }

  /* line 1748, ../scss/_animate.scss */
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1; }

  /* line 1754, ../scss/_animate.scss */
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg); }

  /* line 1759, ../scss/_animate.scss */
  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); } }

@keyframes flipInY {
  /* line 1766, ../scss/_animate.scss */
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 0; }

  /* line 1774, ../scss/_animate.scss */
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in; }

  /* line 1781, ../scss/_animate.scss */
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1; }

  /* line 1787, ../scss/_animate.scss */
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg); }

  /* line 1792, ../scss/_animate.scss */
  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); } }

/* line 1798, ../scss/_animate.scss */
.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY; }

@-webkit-keyframes flipOutX {
  /* line 1806, ../scss/_animate.scss */
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); }

  /* line 1811, ../scss/_animate.scss */
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1; }

  /* line 1817, ../scss/_animate.scss */
  100% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0; } }

@keyframes flipOutX {
  /* line 1825, ../scss/_animate.scss */
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); }

  /* line 1830, ../scss/_animate.scss */
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1; }

  /* line 1836, ../scss/_animate.scss */
  100% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0; } }

/* line 1843, ../scss/_animate.scss */
.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important; }

@-webkit-keyframes flipOutY {
  /* line 1853, ../scss/_animate.scss */
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); }

  /* line 1858, ../scss/_animate.scss */
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1; }

  /* line 1864, ../scss/_animate.scss */
  100% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0; } }

@keyframes flipOutY {
  /* line 1872, ../scss/_animate.scss */
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); }

  /* line 1877, ../scss/_animate.scss */
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1; }

  /* line 1883, ../scss/_animate.scss */
  100% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0; } }

/* line 1890, ../scss/_animate.scss */
.flipOutY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
  -webkit-animation-duration: .75s;
  animation-duration: .75s; }

@-webkit-keyframes lightSpeedIn {
  /* line 1900, ../scss/_animate.scss */
  0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0; }

  /* line 1906, ../scss/_animate.scss */
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1; }

  /* line 1912, ../scss/_animate.scss */
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1; }

  /* line 1918, ../scss/_animate.scss */
  100% {
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

@keyframes lightSpeedIn {
  /* line 1926, ../scss/_animate.scss */
  0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0; }

  /* line 1932, ../scss/_animate.scss */
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1; }

  /* line 1938, ../scss/_animate.scss */
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1; }

  /* line 1944, ../scss/_animate.scss */
  100% {
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

/* line 1951, ../scss/_animate.scss */
.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out; }

@-webkit-keyframes lightSpeedOut {
  /* line 1959, ../scss/_animate.scss */
  0% {
    opacity: 1; }

  /* line 1963, ../scss/_animate.scss */
  100% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0; } }

@keyframes lightSpeedOut {
  /* line 1971, ../scss/_animate.scss */
  0% {
    opacity: 1; }

  /* line 1975, ../scss/_animate.scss */
  100% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0; } }

/* line 1982, ../scss/_animate.scss */
.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in; }

@-webkit-keyframes rotateIn {
  /* line 1990, ../scss/_animate.scss */
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0; }

  /* line 1998, ../scss/_animate.scss */
  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

@keyframes rotateIn {
  /* line 2008, ../scss/_animate.scss */
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0; }

  /* line 2016, ../scss/_animate.scss */
  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

/* line 2025, ../scss/_animate.scss */
.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn; }

@-webkit-keyframes rotateInDownLeft {
  /* line 2031, ../scss/_animate.scss */
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; }

  /* line 2039, ../scss/_animate.scss */
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

@keyframes rotateInDownLeft {
  /* line 2049, ../scss/_animate.scss */
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; }

  /* line 2057, ../scss/_animate.scss */
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

/* line 2066, ../scss/_animate.scss */
.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft; }

@-webkit-keyframes rotateInDownRight {
  /* line 2072, ../scss/_animate.scss */
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; }

  /* line 2080, ../scss/_animate.scss */
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

@keyframes rotateInDownRight {
  /* line 2090, ../scss/_animate.scss */
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; }

  /* line 2098, ../scss/_animate.scss */
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

/* line 2107, ../scss/_animate.scss */
.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight; }

@-webkit-keyframes rotateInUpLeft {
  /* line 2113, ../scss/_animate.scss */
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; }

  /* line 2121, ../scss/_animate.scss */
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

@keyframes rotateInUpLeft {
  /* line 2131, ../scss/_animate.scss */
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; }

  /* line 2139, ../scss/_animate.scss */
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

/* line 2148, ../scss/_animate.scss */
.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft; }

@-webkit-keyframes rotateInUpRight {
  /* line 2154, ../scss/_animate.scss */
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0; }

  /* line 2162, ../scss/_animate.scss */
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

@keyframes rotateInUpRight {
  /* line 2172, ../scss/_animate.scss */
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0; }

  /* line 2180, ../scss/_animate.scss */
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

/* line 2189, ../scss/_animate.scss */
.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight; }

@-webkit-keyframes rotateOut {
  /* line 2195, ../scss/_animate.scss */
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1; }

  /* line 2201, ../scss/_animate.scss */
  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0; } }

@keyframes rotateOut {
  /* line 2211, ../scss/_animate.scss */
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1; }

  /* line 2217, ../scss/_animate.scss */
  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0; } }

/* line 2226, ../scss/_animate.scss */
.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut; }

@-webkit-keyframes rotateOutDownLeft {
  /* line 2232, ../scss/_animate.scss */
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1; }

  /* line 2238, ../scss/_animate.scss */
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; } }

@keyframes rotateOutDownLeft {
  /* line 2248, ../scss/_animate.scss */
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1; }

  /* line 2254, ../scss/_animate.scss */
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; } }

/* line 2263, ../scss/_animate.scss */
.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft; }

@-webkit-keyframes rotateOutDownRight {
  /* line 2269, ../scss/_animate.scss */
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1; }

  /* line 2275, ../scss/_animate.scss */
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; } }

@keyframes rotateOutDownRight {
  /* line 2285, ../scss/_animate.scss */
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1; }

  /* line 2291, ../scss/_animate.scss */
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; } }

/* line 2300, ../scss/_animate.scss */
.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight; }

@-webkit-keyframes rotateOutUpLeft {
  /* line 2306, ../scss/_animate.scss */
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1; }

  /* line 2312, ../scss/_animate.scss */
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; } }

@keyframes rotateOutUpLeft {
  /* line 2322, ../scss/_animate.scss */
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1; }

  /* line 2328, ../scss/_animate.scss */
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; } }

/* line 2337, ../scss/_animate.scss */
.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft; }

@-webkit-keyframes rotateOutUpRight {
  /* line 2343, ../scss/_animate.scss */
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1; }

  /* line 2349, ../scss/_animate.scss */
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0; } }

@keyframes rotateOutUpRight {
  /* line 2359, ../scss/_animate.scss */
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1; }

  /* line 2365, ../scss/_animate.scss */
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0; } }

/* line 2374, ../scss/_animate.scss */
.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight; }

@-webkit-keyframes hinge {
  /* line 2380, ../scss/_animate.scss */
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }

  /* line 2387, ../scss/_animate.scss */
  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }

  /* line 2396, ../scss/_animate.scss */
  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1; }

  /* line 2406, ../scss/_animate.scss */
  100% {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0; } }

@keyframes hinge {
  /* line 2414, ../scss/_animate.scss */
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }

  /* line 2421, ../scss/_animate.scss */
  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }

  /* line 2430, ../scss/_animate.scss */
  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1; }

  /* line 2440, ../scss/_animate.scss */
  100% {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0; } }

/* line 2447, ../scss/_animate.scss */
.hinge {
  -webkit-animation-name: hinge;
  animation-name: hinge; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn {
  /* line 2455, ../scss/_animate.scss */
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); }

  /* line 2461, ../scss/_animate.scss */
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes rollIn {
  /* line 2469, ../scss/_animate.scss */
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); }

  /* line 2475, ../scss/_animate.scss */
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

/* line 2482, ../scss/_animate.scss */
.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
  /* line 2490, ../scss/_animate.scss */
  0% {
    opacity: 1; }

  /* line 2494, ../scss/_animate.scss */
  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } }

@keyframes rollOut {
  /* line 2502, ../scss/_animate.scss */
  0% {
    opacity: 1; }

  /* line 2506, ../scss/_animate.scss */
  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } }

/* line 2513, ../scss/_animate.scss */
.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut; }

@-webkit-keyframes zoomIn {
  /* line 2519, ../scss/_animate.scss */
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }

  /* line 2525, ../scss/_animate.scss */
  50% {
    opacity: 1; } }

@keyframes zoomIn {
  /* line 2531, ../scss/_animate.scss */
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }

  /* line 2537, ../scss/_animate.scss */
  50% {
    opacity: 1; } }

/* line 2542, ../scss/_animate.scss */
.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn; }

@-webkit-keyframes zoomInDown {
  /* line 2548, ../scss/_animate.scss */
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }

  /* line 2556, ../scss/_animate.scss */
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomInDown {
  /* line 2566, ../scss/_animate.scss */
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }

  /* line 2574, ../scss/_animate.scss */
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

/* line 2583, ../scss/_animate.scss */
.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown; }

@-webkit-keyframes zoomInLeft {
  /* line 2589, ../scss/_animate.scss */
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }

  /* line 2597, ../scss/_animate.scss */
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomInLeft {
  /* line 2607, ../scss/_animate.scss */
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }

  /* line 2615, ../scss/_animate.scss */
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

/* line 2624, ../scss/_animate.scss */
.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft; }

@-webkit-keyframes zoomInRight {
  /* line 2630, ../scss/_animate.scss */
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }

  /* line 2638, ../scss/_animate.scss */
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomInRight {
  /* line 2648, ../scss/_animate.scss */
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }

  /* line 2656, ../scss/_animate.scss */
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

/* line 2665, ../scss/_animate.scss */
.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight; }

@-webkit-keyframes zoomInUp {
  /* line 2671, ../scss/_animate.scss */
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }

  /* line 2679, ../scss/_animate.scss */
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomInUp {
  /* line 2689, ../scss/_animate.scss */
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }

  /* line 2697, ../scss/_animate.scss */
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

/* line 2706, ../scss/_animate.scss */
.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp; }

@-webkit-keyframes zoomOut {
  /* line 2712, ../scss/_animate.scss */
  0% {
    opacity: 1; }

  /* line 2716, ../scss/_animate.scss */
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }

  /* line 2722, ../scss/_animate.scss */
  100% {
    opacity: 0; } }

@keyframes zoomOut {
  /* line 2728, ../scss/_animate.scss */
  0% {
    opacity: 1; }

  /* line 2732, ../scss/_animate.scss */
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }

  /* line 2738, ../scss/_animate.scss */
  100% {
    opacity: 0; } }

/* line 2743, ../scss/_animate.scss */
.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut; }

@-webkit-keyframes zoomOutDown {
  /* line 2749, ../scss/_animate.scss */
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }

  /* line 2757, ../scss/_animate.scss */
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomOutDown {
  /* line 2769, ../scss/_animate.scss */
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }

  /* line 2777, ../scss/_animate.scss */
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

/* line 2788, ../scss/_animate.scss */
.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown; }

@-webkit-keyframes zoomOutLeft {
  /* line 2794, ../scss/_animate.scss */
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }

  /* line 2800, ../scss/_animate.scss */
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center; } }

@keyframes zoomOutLeft {
  /* line 2810, ../scss/_animate.scss */
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }

  /* line 2816, ../scss/_animate.scss */
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center; } }

/* line 2825, ../scss/_animate.scss */
.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft; }

@-webkit-keyframes zoomOutRight {
  /* line 2831, ../scss/_animate.scss */
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }

  /* line 2837, ../scss/_animate.scss */
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center; } }

@keyframes zoomOutRight {
  /* line 2847, ../scss/_animate.scss */
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }

  /* line 2853, ../scss/_animate.scss */
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center; } }

/* line 2862, ../scss/_animate.scss */
.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight; }

@-webkit-keyframes zoomOutUp {
  /* line 2868, ../scss/_animate.scss */
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }

  /* line 2876, ../scss/_animate.scss */
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomOutUp {
  /* line 2888, ../scss/_animate.scss */
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }

  /* line 2896, ../scss/_animate.scss */
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

/* line 2907, ../scss/_animate.scss */
.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp; }

@-webkit-keyframes slideInDown {
  /* line 2913, ../scss/_animate.scss */
  0% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    visibility: visible; }

  /* line 2919, ../scss/_animate.scss */
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@keyframes slideInDown {
  /* line 2926, ../scss/_animate.scss */
  0% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    visibility: visible; }

  /* line 2932, ../scss/_animate.scss */
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

/* line 2938, ../scss/_animate.scss */
.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown; }

@-webkit-keyframes slideInLeft {
  /* line 2944, ../scss/_animate.scss */
  0% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    visibility: visible; }

  /* line 2950, ../scss/_animate.scss */
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

@keyframes slideInLeft {
  /* line 2957, ../scss/_animate.scss */
  0% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    visibility: visible; }

  /* line 2963, ../scss/_animate.scss */
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

/* line 2969, ../scss/_animate.scss */
.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft; }

@-webkit-keyframes slideInRight {
  /* line 2975, ../scss/_animate.scss */
  0% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    visibility: visible; }

  /* line 2981, ../scss/_animate.scss */
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

@keyframes slideInRight {
  /* line 2988, ../scss/_animate.scss */
  0% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    visibility: visible; }

  /* line 2994, ../scss/_animate.scss */
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

/* line 3000, ../scss/_animate.scss */
.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight; }

@-webkit-keyframes slideInUp {
  /* line 3006, ../scss/_animate.scss */
  0% {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    visibility: visible; }

  /* line 3012, ../scss/_animate.scss */
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@keyframes slideInUp {
  /* line 3019, ../scss/_animate.scss */
  0% {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    visibility: visible; }

  /* line 3025, ../scss/_animate.scss */
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

/* line 3031, ../scss/_animate.scss */
.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp; }

@-webkit-keyframes slideOutDown {
  /* line 3037, ../scss/_animate.scss */
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }

  /* line 3042, ../scss/_animate.scss */
  100% {
    visibility: hidden;
    -webkit-transform: translateY(100%);
    transform: translateY(100%); } }

@keyframes slideOutDown {
  /* line 3050, ../scss/_animate.scss */
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }

  /* line 3055, ../scss/_animate.scss */
  100% {
    visibility: hidden;
    -webkit-transform: translateY(100%);
    transform: translateY(100%); } }

/* line 3062, ../scss/_animate.scss */
.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown; }

@-webkit-keyframes slideOutLeft {
  /* line 3068, ../scss/_animate.scss */
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0); }

  /* line 3073, ../scss/_animate.scss */
  100% {
    visibility: hidden;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%); } }

@keyframes slideOutLeft {
  /* line 3081, ../scss/_animate.scss */
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0); }

  /* line 3086, ../scss/_animate.scss */
  100% {
    visibility: hidden;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%); } }

/* line 3093, ../scss/_animate.scss */
.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft; }

@-webkit-keyframes slideOutRight {
  /* line 3099, ../scss/_animate.scss */
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0); }

  /* line 3104, ../scss/_animate.scss */
  100% {
    visibility: hidden;
    -webkit-transform: translateX(100%);
    transform: translateX(100%); } }

@keyframes slideOutRight {
  /* line 3112, ../scss/_animate.scss */
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0); }

  /* line 3117, ../scss/_animate.scss */
  100% {
    visibility: hidden;
    -webkit-transform: translateX(100%);
    transform: translateX(100%); } }

/* line 3124, ../scss/_animate.scss */
.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight; }

@-webkit-keyframes slideOutUp {
  /* line 3130, ../scss/_animate.scss */
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }

  /* line 3135, ../scss/_animate.scss */
  100% {
    visibility: hidden;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%); } }

@keyframes slideOutUp {
  /* line 3143, ../scss/_animate.scss */
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }

  /* line 3148, ../scss/_animate.scss */
  100% {
    visibility: hidden;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%); } }

/* line 3155, ../scss/_animate.scss */
.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp; }

/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */
/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
/* line 17, ../scss/_basestyles.scss */
html,
button,
input,
select,
textarea {
  color: #222; }

/* line 21, ../scss/_basestyles.scss */
body {
  -webkit-font-smoothing: antialiased;
  font-size: 17px;
  color: #555;
  line-height: 1.4;
  font-family: "bariol_regular", arial, helvetica, sans-serif; }

/* line 29, ../scss/_basestyles.scss */
p {
  margin-top: 0; }

/* line 31, ../scss/_basestyles.scss */
h1, h2, h3, h4 {
  font-weight: normal; }

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */
/* line 39, ../scss/_basestyles.scss */
::-moz-selection {
  background: #b3d4fc;
  text-shadow: none; }

/* line 44, ../scss/_basestyles.scss */
::selection {
  background: #b3d4fc;
  text-shadow: none; }

/*
 * A better looking default horizontal rule
 */
/* line 53, ../scss/_basestyles.scss */
a {
  text-decoration: none; }

/* line 55, ../scss/_basestyles.scss */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0; }

/*
 * Remove the gap between images, videos, audio and canvas and the bottom of
 * their containers: h5bp.com/i/440
 */
/* line 72, ../scss/_basestyles.scss */
audio,
canvas,
img,
video {
  vertical-align: middle; }

/*
 * Remove default fieldset styles.
 */
/* line 80, ../scss/_basestyles.scss */
fieldset {
  border: 0;
  margin: 0;
  padding: 0; }

/*
 * Allow only vertical resizing of textareas.
 */
/* line 90, ../scss/_basestyles.scss */
textarea {
  resize: vertical; }

/* ==========================================================================
   Browse Happy prompt
   ========================================================================== */
/* line 98, ../scss/_basestyles.scss */
.browsehappy {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0; }

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on July 29, 2013 */
@font-face {
  font-family: "xero";
  src: url("/css/fonts/xero/fonts/xero.eot");
  src: url("/css/fonts/xero/fonts/xero.eot?#iefix") format("embedded-opentype"), url("/css/fonts/xero/fonts/xero.ttf") format("truetype"), url("/css/fonts/xero/fonts/xero.svg#xero") format("svg"), url("/css/fonts/xero/fonts/xero.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

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

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

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

/* v1.0.5 */
/* Core RS CSS file. 95% of time you shouldn't change anything here. */
/* line 3, ../scss/_royalslider.scss */
.royalSlider {
  width: 100%;
  height: 540px;
  position: relative;
  direction: ltr; }

/* line 11, ../scss/_royalslider.scss */
.royalSlider > * {
  float: left; }

/* line 15, ../scss/_royalslider.scss */
.rsWebkit3d .rsSlide {
  -webkit-transform: translateZ(0); }

/* line 28, ../scss/_royalslider.scss */
.rsWebkit3d .rsSlide,
.rsWebkit3d .rsContainer,
.rsWebkit3d .rsThumbs,
.rsWebkit3d .rsPreloader,
.rsWebkit3d img,
.rsWebkit3d .rsOverflow,
.rsWebkit3d .rsBtnCenterer,
.rsWebkit3d .rsAbsoluteEl,
.rsWebkit3d .rsABlock,
.rsWebkit3d .rsLink {
  -webkit-backface-visibility: hidden; }

/* line 33, ../scss/_royalslider.scss */
.rsFade.rsWebkit3d .rsSlide,
.rsFade.rsWebkit3d img,
.rsFade.rsWebkit3d .rsContainer {
  -webkit-transform: none; }

/* line 36, ../scss/_royalslider.scss */
.rsOverflow {
  width: 100%;
  height: 100%;
  position: relative;
  float: left;
  overflow: hidden;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

/* line 44, ../scss/_royalslider.scss */
.rsVisibleNearbyWrap {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  left: 0;
  top: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

/* line 53, ../scss/_royalslider.scss */
.rsVisibleNearbyWrap .rsOverflow {
  position: absolute;
  left: 0;
  top: 0; }

/* line 59, ../scss/_royalslider.scss */
.rsContainer {
  position: relative;
  width: 100%;
  height: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

/* line 67, ../scss/_royalslider.scss */
.rsArrow,
.rsThumbsArrow {
  cursor: pointer; }

/* line 71, ../scss/_royalslider.scss */
.rsThumb {
  float: left;
  position: relative; }

/* line 79, ../scss/_royalslider.scss */
.rsArrow,
.rsNav,
.rsThumbsArrow {
  opacity: 1;
  -webkit-transition: opacity 0.3s linear;
  -moz-transition: opacity 0.3s linear;
  -o-transition: opacity 0.3s linear;
  transition: opacity 0.3s linear; }

/* line 86, ../scss/_royalslider.scss */
.rsHidden {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: visibility 0s linear 0.3s, opacity 0.3s linear;
  -moz-transition: visibility 0s linear 0.3s, opacity 0.3s linear;
  -o-transition: visibility 0s linear 0.3s, opacity 0.3s linear;
  transition: visibility 0s linear 0.3s, opacity 0.3s linear; }

/* line 96, ../scss/_royalslider.scss */
.rsGCaption {
  width: 100%;
  float: left;
  text-align: center; }

/* Fullscreen options, very important ^^ */
/* line 103, ../scss/_royalslider.scss */
.royalSlider.rsFullscreen {
  position: fixed !important;
  height: auto !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  z-index: 2147483647 !important;
  top: 0 !important;
  left: 0 !important;
  bottom: 0 !important;
  right: 0 !important; }

/* line 116, ../scss/_royalslider.scss */
.royalSlider .rsSlide.rsFakePreloader {
  opacity: 1 !important;
  -webkit-transition: 0s;
  -moz-transition: 0s;
  -o-transition: 0s;
  transition: 0s;
  display: none; }

/* line 125, ../scss/_royalslider.scss */
.rsSlide {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  overflow: hidden;
  height: 100%;
  width: 100%; }

/* line 136, ../scss/_royalslider.scss */
.royalSlider.rsAutoHeight,
.rsAutoHeight .rsSlide {
  height: auto; }

/* line 140, ../scss/_royalslider.scss */
.rsContent {
  width: 100%;
  height: 100%;
  position: relative; }

/* line 146, ../scss/_royalslider.scss */
.rsPreloader {
  position: absolute;
  z-index: 0; }

/* line 151, ../scss/_royalslider.scss */
.rsNav {
  -moz-user-select: -moz-none;
  -webkit-user-select: none;
  user-select: none; }

/* line 156, ../scss/_royalslider.scss */
.rsNavItem {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.25); }

/* line 160, ../scss/_royalslider.scss */
.rsThumbs {
  cursor: pointer;
  position: relative;
  overflow: hidden;
  float: left;
  z-index: 22; }

/* line 167, ../scss/_royalslider.scss */
.rsTabs {
  float: left;
  background: none !important; }

/* line 172, ../scss/_royalslider.scss */
.rsTabs,
.rsThumbs {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

/* line 178, ../scss/_royalslider.scss */
.rsVideoContainer {
  /*left: 0;
  top: 0;
  position: absolute;*/
  /*width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  float: left;*/
  width: auto;
  height: auto;
  line-height: 0;
  position: relative; }

/* line 193, ../scss/_royalslider.scss */
.rsVideoFrameHolder {
  position: absolute;
  left: 0;
  top: 0;
  background: #141414;
  opacity: 0;
  -webkit-transition: .3s; }

/* line 201, ../scss/_royalslider.scss */
.rsVideoFrameHolder.rsVideoActive {
  opacity: 1; }

/* line 207, ../scss/_royalslider.scss */
.rsVideoContainer iframe,
.rsVideoContainer video,
.rsVideoContainer embed,
.rsVideoContainer .rsVideoObj {
  position: absolute;
  z-index: 50;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%; }

/* ios controls over video bug, shifting video */
/* line 218, ../scss/_royalslider.scss */
.rsVideoContainer.rsIOSVideo iframe,
.rsVideoContainer.rsIOSVideo video,
.rsVideoContainer.rsIOSVideo embed {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-right: 44px; }

/* line 225, ../scss/_royalslider.scss */
.rsABlock {
  right: 0;
  position: absolute;
  z-index: 15; }

/* line 232, ../scss/_royalslider.scss */
img.rsImg {
  max-width: none; }

/* line 236, ../scss/_royalslider.scss */
.grab-cursor {
  cursor: url(grab.png) 8 8, move; }

/* line 240, ../scss/_royalslider.scss */
.grabbing-cursor {
  cursor: url(grabbing.png) 8 8, move; }

/* line 244, ../scss/_royalslider.scss */
.rsNoDrag {
  cursor: auto; }

/* line 248, ../scss/_royalslider.scss */
.rsLink {
  left: 0;
  top: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  display: block;
  z-index: 20;
  background: url(blank.gif); }

/*===================== Slider Skin =====================*/
/******************************
*
*  RoyalSlider Default Skin 
*
*    1. Arrows 
*    2. Bullets
*    3. Thumbnails
*    4. Tabs
*    5. Fullscreen button
*    6. Play/close video button
*    7. Preloader
*    8. Caption
*    
*  Sprite: 'rs-default.png'
*  Feel free to edit anything
*  If you don't some part - just delete it
* 
******************************/
/* Background */
/* line 29, ../scss/_royalslider_skin.scss */
.rsDefault,
.rsDefault .rsOverflow,
.rsDefault .rsSlide,
.rsDefault .rsVideoFrameHolder,
.rsDefault .rsThumbs {
  color: #FFF; }

/***************
*
*  custom styles
*
****************/
/***************
*
*  1. Arrows
*
****************/
/* line 50, ../scss/_royalslider_skin.scss */
.rsDefault .rsArrow {
  height: 100%;
  width: 44px;
  position: absolute;
  display: block;
  cursor: pointer;
  z-index: 21; }

/* line 58, ../scss/_royalslider_skin.scss */
.rsDefault.rsVer .rsArrow {
  width: 100%;
  height: 44px; }

/* line 63, ../scss/_royalslider_skin.scss */
.rsDefault.rsVer .rsArrowLeft {
  top: 0;
  left: 0; }

/* line 64, ../scss/_royalslider_skin.scss */
.rsDefault.rsVer .rsArrowRight {
  bottom: 0;
  left: 0; }

/* line 66, ../scss/_royalslider_skin.scss */
.rsDefault.rsHor .rsArrowLeft {
  left: 0;
  top: 0; }

/* line 67, ../scss/_royalslider_skin.scss */
.rsDefault.rsHor .rsArrowRight {
  right: 0;
  top: 0; }

/* line 69, ../scss/_royalslider_skin.scss */
.rsDefault .rsArrowIcn {
  width: 32px;
  height: 32px;
  top: 50%;
  left: 50%;
  margin-top: -16px;
  margin-left: -16px;
  position: absolute;
  cursor: pointer;
  background: url("rs-default.png");
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
  *background-color: #000;
  border-radius: 2px; }

/* line 87, ../scss/_royalslider_skin.scss */
.rsDefault .rsArrowIcn:hover {
  background-color: rgba(0, 0, 0, 0.9); }

/* line 91, ../scss/_royalslider_skin.scss */
.rsDefault.rsHor .rsArrowLeft .rsArrowIcn {
  background-position: -64px -32px; }

/* line 92, ../scss/_royalslider_skin.scss */
.rsDefault.rsHor .rsArrowRight .rsArrowIcn {
  background-position: -64px -64px; }

/* line 94, ../scss/_royalslider_skin.scss */
.rsDefault.rsVer .rsArrowLeft .rsArrowIcn {
  background-position: -96px -32px; }

/* line 95, ../scss/_royalslider_skin.scss */
.rsDefault.rsVer .rsArrowRight .rsArrowIcn {
  background-position: -96px -64px; }

/* line 97, ../scss/_royalslider_skin.scss */
.rsDefault .rsArrowDisabled .rsArrowIcn {
  opacity: .2;
  filter: alpha(opacity=20);
  *display: none; }

/***************
*
*  2. Bullets
*
****************/
/* line 110, ../scss/_royalslider_skin.scss */
.rsDefault .rsBullet span {
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #777;
  background: rgba(255, 255, 255, 0.5); }

/* line 118, ../scss/_royalslider_skin.scss */
.rsDefault .rsBullet.rsNavSelected span {
  background-color: #FFF; }

/* Thumbnails arrow icons */
/* line 125, ../scss/_royalslider_skin.scss */
.rsDefault .rsThumbsArrow {
  height: 100%;
  width: 20px;
  position: absolute;
  display: block;
  cursor: pointer;
  z-index: 21;
  background: #000;
  background: rgba(0, 0, 0, 0.75); }

/* line 135, ../scss/_royalslider_skin.scss */
.rsDefault .rsThumbsArrow:hover {
  background: rgba(0, 0, 0, 0.9); }

/* line 138, ../scss/_royalslider_skin.scss */
.rsDefault.rsWithThumbsVer .rsThumbsArrow {
  width: 100%;
  height: 20px; }

/* line 142, ../scss/_royalslider_skin.scss */
.rsDefault.rsWithThumbsVer .rsThumbsArrowLeft {
  top: 0;
  left: 0; }

/* line 143, ../scss/_royalslider_skin.scss */
.rsDefault.rsWithThumbsVer .rsThumbsArrowRight {
  bottom: 0;
  left: 0; }

/* line 145, ../scss/_royalslider_skin.scss */
.rsDefault.rsWithThumbsHor .rsThumbsArrowLeft {
  left: 0;
  top: 0; }

/* line 146, ../scss/_royalslider_skin.scss */
.rsDefault.rsWithThumbsHor .rsThumbsArrowRight {
  right: 0;
  top: 0; }

/* line 148, ../scss/_royalslider_skin.scss */
.rsDefault .rsThumbsArrowIcn {
  width: 16px;
  height: 16px;
  top: 50%;
  left: 50%;
  margin-top: -8px;
  margin-left: -8px;
  position: absolute;
  cursor: pointer;
  background: url("rs-default.png"); }

/* line 160, ../scss/_royalslider_skin.scss */
.rsDefault.rsWithThumbsHor .rsThumbsArrowLeft .rsThumbsArrowIcn {
  background-position: -128px -32px; }

/* line 161, ../scss/_royalslider_skin.scss */
.rsDefault.rsWithThumbsHor .rsThumbsArrowRight .rsThumbsArrowIcn {
  background-position: -128px -48px; }

/* line 163, ../scss/_royalslider_skin.scss */
.rsDefault.rsWithThumbsVer .rsThumbsArrowLeft .rsThumbsArrowIcn {
  background-position: -144px -32px; }

/* line 164, ../scss/_royalslider_skin.scss */
.rsDefault.rsWithThumbsVer .rsThumbsArrowRight .rsThumbsArrowIcn {
  background-position: -144px -48px; }

/* line 166, ../scss/_royalslider_skin.scss */
.rsDefault .rsThumbsArrowDisabled {
  display: none !important; }

/***************
*
*  4. Tabs
*
****************/
/* line 179, ../scss/_royalslider_skin.scss */
.rsDefault .rsTabs {
  width: 100%;
  height: auto;
  margin: 0 auto;
  text-align: center;
  overflow: hidden;
  padding-top: 12px;
  position: relative; }

/* line 186, ../scss/_royalslider_skin.scss */
.rsDefault .rsTab {
  display: inline-block;
  cursor: pointer;
  text-align: center;
  height: auto;
  width: auto;
  text-decoration: none;
  *display: inline;
  *zoom: 1; }

/* line 197, ../scss/_royalslider_skin.scss */
.rsDefault .rsTab:active {
  border: 1px solid white; }

/* line 201, ../scss/_royalslider_skin.scss */
.rsDefault .rsTab.rsNavSelected {
  color: #FFF;
  border: 1px solid white; }

/***************
*
*  5. Fullscreen button
*
****************/
/* line 216, ../scss/_royalslider_skin.scss */
.rsDefault .rsFullscreenBtn {
  right: 0;
  top: 0;
  width: 44px;
  height: 44px;
  z-index: 22;
  display: block;
  position: absolute;
  cursor: pointer; }

/* line 227, ../scss/_royalslider_skin.scss */
.rsDefault .rsFullscreenIcn {
  display: block;
  margin: 6px;
  width: 32px;
  height: 32px;
  background: url("rs-default.png") 0 0;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
  *background-color: #000;
  border-radius: 2px; }

/* line 240, ../scss/_royalslider_skin.scss */
.rsDefault .rsFullscreenIcn:hover {
  background-color: rgba(0, 0, 0, 0.9); }

/* line 243, ../scss/_royalslider_skin.scss */
.rsDefault.rsFullscreen .rsFullscreenIcn {
  background-position: -32px 0; }

/***************
*
*  6. Play/close video button
*
****************/
/* line 257, ../scss/_royalslider_skin.scss */
.rsDefault .rsPlayBtn {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.3);
  width: 64px;
  height: 64px;
  margin-left: -32px;
  margin-top: -32px;
  cursor: pointer; }

/* line 265, ../scss/_royalslider_skin.scss */
.rsDefault .rsPlayBtnIcon {
  width: 64px;
  display: block;
  height: 64px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
  background: url(rs-default.png) no-repeat 0 -32px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
  *background-color: #000; }

/* line 281, ../scss/_royalslider_skin.scss */
.rsDefault .rsPlayBtn:hover .rsPlayBtnIcon {
  background-color: rgba(0, 0, 0, 0.9); }

/* line 284, ../scss/_royalslider_skin.scss */
.rsDefault .rsBtnCenterer {
  position: absolute;
  left: 50%;
  top: 50%; }

/* line 289, ../scss/_royalslider_skin.scss */
.rsDefault .rsCloseVideoBtn {
  right: 0;
  top: 0;
  width: 44px;
  height: 44px;
  z-index: 500;
  position: absolute;
  cursor: pointer;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0); }

/* line 301, ../scss/_royalslider_skin.scss */
.rsDefault .rsCloseVideoBtn.rsiOSBtn {
  top: -38px;
  right: -6px; }

/* line 306, ../scss/_royalslider_skin.scss */
.rsDefault .rsCloseVideoIcn {
  margin: 6px;
  width: 32px;
  height: 32px;
  background: url("rs-default.png") -64px 0;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
  *background-color: #000; }

/* line 315, ../scss/_royalslider_skin.scss */
.rsDefault .rsCloseVideoIcn:hover {
  background-color: rgba(0, 0, 0, 0.9); }

/***************
*
*  7. Preloader
*
****************/
/* line 327, ../scss/_royalslider_skin.scss */
.rsDefault .rsPreloader {
  width: 20px;
  height: 20px;
  background-image: url(../preloaders/preloader-white.gif);
  left: 50%;
  top: 50%;
  margin-left: -10px;
  margin-top: -10px; }

/***************
*
*  8. Global caption
*
****************/
/* line 346, ../scss/_royalslider_skin.scss */
.rsDefault .rsGCaption {
  position: absolute;
  float: none;
  bottom: 6px;
  left: 6px;
  text-align: left;
  background: black;
  background: rgba(0, 0, 0, 0.75);
  color: #FFF;
  padding: 2px 8px;
  width: auto;
  font-size: 12px;
  border-radius: 2px; }

/*===================== Mixins ======================*/
/*===================== Variables =====================*/
/*===================== Font Icons =====================*/
/* line 98, ../scss/_main.scss */
[data-icon]:before {
  font-family: "harmonic-icons";
  content: attr(data-icon);
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none !important;
  speak: none;
  display: inline-block;
  text-decoration: none;
  width: 1em;
  line-height: 1em;
  -webkit-font-smoothing: antialiased; }

/* line 115, ../scss/_main.scss */
.social-icon:before,
[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "harmonic-icons";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none !important;
  speak: none;
  display: inline-block;
  text-decoration: none;
  width: 1em;
  line-height: 1em;
  -webkit-font-smoothing: antialiased; }

/* line 129, ../scss/_main.scss */
.icon-cross:before {
  content: "C"; }

/* line 133, ../scss/_main.scss */
.social-icon-0:before {
  content: "t"; }

/* line 137, ../scss/_main.scss */
.social-icon-1:before {
  content: "f"; }

/* line 141, ../scss/_main.scss */
.social-icon-2:before {
  content: "i"; }

/*===================== Styles =====================*/
/* line 147, ../scss/_main.scss */
svg, object {
  width: 100%;
  height: auto; }

/* line 149, ../scss/_main.scss */
.call_to_action {
  display: inline-block;
  color: #FFF;
  text-transform: uppercase;
  text-align: center;
  padding: 14px 25px;
  border-radius: 5px;
  background-color: #5788e4;
  background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #5788e4), color-stop(100%, #5f92f1));
  background-image: -webkit-linear-gradient(bottom, #5788e4, #5f92f1);
  background-image: -moz-linear-gradient(bottom, #5788e4, #5f92f1);
  background-image: -o-linear-gradient(bottom, #5788e4, #5f92f1);
  background-image: linear-gradient(bottom, #5788e4, #5f92f1);
  -webkit-box-shadow: 0 2px #4a7bd8;
  -moz-box-shadow: 0 2px #4a7bd8;
  box-shadow: 0 2px #4a7bd8;
  font-family: 'bariol_bold';
  letter-spacing: 0px;
  font-size: 15px;
  line-height: 1em;
  -webkit-transition-duration: 0.1s;
  -moz-transition-duration: 0.1s;
  -o-transition-duration: 0.1s;
  transition-duration: 0.1s; }
  /* line 150, ../scss/_main.scss */
  .call_to_action:hover {
    background-image: none;
    background-color: #699bf9;
    color: #fff; }
  @media (min-width: 850px) {
    /* line 149, ../scss/_main.scss */
    .call_to_action {
      letter-spacing: 1px; } }

/* line 154, ../scss/_main.scss */
.inner_wrapper {
  max-width: 1120px;
  margin: 0 auto;
  padding: 0 6.25%;
  position: relative; }

/* line 156, ../scss/_main.scss */
.wrapper {
  margin: 0 auto;
  font-family: 'bariol_regular'; }

@media (min-width: 1281px) {
  /* line 159, ../scss/_main.scss */
  .products_wrapper .bg_header_image {
    margin-left: -760px; } }
@media (min-width: 1500px) {
  /* line 159, ../scss/_main.scss */
  .products_wrapper .bg_header_image {
    margin-left: -815px; } }

/* line 169, ../scss/_main.scss */
.logo {
  background: url(img/arrow-header@2x.png) no-repeat 30px bottom;
  background-size: 12px 6px; }
  /* line 171, ../scss/_main.scss */
  .logo img {
    max-width: 100%;
    height: auto; }
  @media (min-width: 850px) {
    /* line 169, ../scss/_main.scss */
    .logo {
      width: 155px;
      float: left; }
      /* line 174, ../scss/_main.scss */
      .logo a {
        display: block;
        width: 155px;
        height: 59px; } }

/* line 178, ../scss/_main.scss */
ul {
  padding: 0; }
  /* line 179, ../scss/_main.scss */
  ul li {
    list-style-type: none; }

/* line 183, ../scss/_main.scss */
a {
  color: #5788e4;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition: color;
  -moz-transition: color;
  -o-transition: color;
  transition: color;
  outline: 0!important; }
  /* line 184, ../scss/_main.scss */
  a:hover {
    color: #000; }

/* line 193, ../scss/_main.scss */
.expertise_wrapper .logo,
.company_wrapper .logo,
.contact_wrapper .logo,
.products_wrapper .logo,
.work_listing .logo,
.blog_listing .logo {
  background-image: none; }

/* line 201, ../scss/_main.scss */
.expertise_wrapper #expertise_link,
.contact_wrapper #contact_link,
.products_wrapper #products_link,
.company_wrapper #company_link,
.work_listing #work_link,
.blog_listing #blog_link {
  background: url(img/arrow-header@2x.png) no-repeat 77px bottom;
  background-size: 12px 6px; }

/* line 203, ../scss/_main.scss */
.work_listing #work_link {
  background-position: 56px bottom; }

/* line 204, ../scss/_main.scss */
.blog_listing #blog_link {
  background-position: 56px bottom; }

/* line 205, ../scss/_main.scss */
.contact_wrapper #contact_link {
  background-position: 67px bottom; }

/* line 211, ../scss/_main.scss */
.expertise_wrapper #expertise_link a,
.products_wrapper #products_link a,
.contact_wrapper #contact_link a,
.company_wrapper #company_link a,
.work_listing #work_link a {
  color: #000; }

/* line 212, ../scss/_main.scss */
.blog_listing #blog_link a {
  color: #000; }

/* line 221, ../scss/_main.scss */
.detached #expertise_link,
.detached #company_link,
.detached #products_link,
.detached #contact_link,
.detached #work_link,
.detached #blog_link {
  background: none !important; }

/* line 223, ../scss/_main.scss */
.search {
  background: #5788e4;
  padding: 20px 0 5px 0; }
  @media (min-width: 850px) {
    /* line 223, ../scss/_main.scss */
    .search {
      padding: 10px 0; } }
  /* line 227, ../scss/_main.scss */
  .search form {
    background-color: #699bf9;
    overflow: hidden;
    padding: 7px 7px 7px 15px;
    border-radius: 20px; }
  /* line 229, ../scss/_main.scss */
  .search span {
    float: left;
    color: #fff;
    margin-right: 5px;
    font-size: 20px; }
    @media (min-width: 850px) {
      /* line 229, ../scss/_main.scss */
      .search span {
        margin-right: 15px; } }
  /* line 235, ../scss/_main.scss */
  .search input {
    border: none;
    background-color: transparent;
    width: 80%;
    float: left;
    color: #fff; }
    @media (min-width: 600px) {
      /* line 235, ../scss/_main.scss */
      .search input {
        width: 90%; } }
    @media (min-width: 850px) {
      /* line 235, ../scss/_main.scss */
      .search input {
        width: 95%;
        margin-top: 4px; } }
  /* line 243, ../scss/_main.scss */
  .search button {
    background-color: transparent;
    border: none;
    font-size: 20px; }

/* line 247, ../scss/_main.scss */
.main_nav {
  padding: 0;
  float: right; }
  /* line 249, ../scss/_main.scss */
  .main_nav .toggle_nav_search {
    top: 3px;
    position: relative; }
  /* line 251, ../scss/_main.scss */
  .main_nav li {
    list-style-type: none;
    float: left;
    display: inline;
    padding-bottom: 36px; }

/* line 255, ../scss/_main.scss */
.mobile_nav_all {
  position: fixed;
  width: 100%;
  z-index: 100;
  height: 0; }
  /* line 257, ../scss/_main.scss */
  .mobile_nav_all .mobile_nav_wrapper {
    background: #5788e4; }
    /* line 259, ../scss/_main.scss */
    .mobile_nav_all .mobile_nav_wrapper .main_nav li {
      padding-bottom: 10px; }
    /* line 262, ../scss/_main.scss */
    .mobile_nav_all .mobile_nav_wrapper a {
      color: #fff;
      font-size: 26px;
      display: inline-block;
      padding: 4px 0; }
    /* line 263, ../scss/_main.scss */
    .mobile_nav_all .mobile_nav_wrapper .main_nav ul {
      padding: 0;
      margin: 12px 0 0 0; }
    /* line 264, ../scss/_main.scss */
    .mobile_nav_all .mobile_nav_wrapper .main_nav ul a {
      color: #fff;
      font-size: 20px;
      padding: 0;
      margin-right: 10px; }
  /* line 268, ../scss/_main.scss */
  .mobile_nav_all .toggle_mob_search {
    background-color: #5788e4;
    color: #fff;
    padding: 15px 12px 12px 12px;
    float: right;
    margin-right: 6.25%; }

/* line 274, ../scss/_main.scss */
.desktop_nav_all .main_nav {
  float: right;
  margin-top: 27px;
  margin-bottom: 0; }
  /* line 275, ../scss/_main.scss */
  .desktop_nav_all .main_nav a {
    color: #888888;
    font-size: 22px;
    margin-left: 31px;
    -webkit-transition-duration: 0.1s;
    -moz-transition-duration: 0.1s;
    -o-transition-duration: 0.1s;
    transition-duration: 0.1s; }
    /* line 276, ../scss/_main.scss */
    .desktop_nav_all .main_nav a:hover {
      color: #000; }
    @media (min-width: 950px) {
      /* line 275, ../scss/_main.scss */
      .desktop_nav_all .main_nav a {
        margin-left: 40px; } }
/* line 282, ../scss/_main.scss */
.desktop_nav_all h1 {
  padding: 8px 0 20px 0;
  margin: 0; }
  @media (min-width: 600px) {
    /* line 282, ../scss/_main.scss */
    .desktop_nav_all h1 {
      padding: 12px 0 22px 0; } }

/* line 288, ../scss/_main.scss */
.intro_heading {
  background: #5788e4;
  padding: 15px 0 20px 0;
  color: #fff; }
  @media (min-width: 600px) {
    /* line 288, ../scss/_main.scss */
    .intro_heading {
      padding: 20px 0; } }
  /* line 292, ../scss/_main.scss */
  .intro_heading h2 {
    padding: 0;
    margin: 0;
    float: left;
    font-size: 28px;
    line-height: 1em; }
    @media (min-width: 600px) {
      /* line 292, ../scss/_main.scss */
      .intro_heading h2 {
        font-size: 34px;
        letter-spacing: -1px; } }
    @media (min-width: 950px) {
      /* line 292, ../scss/_main.scss */
      .intro_heading h2 {
        font-size: 36px; } }
  /* line 297, ../scss/_main.scss */
  .intro_heading .call_to_action {
    background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #70a0f5), color-stop(100%, #73a3f8));
    background-image: -webkit-linear-gradient(bottom, #70a0f5, #73a3f8);
    background-image: -moz-linear-gradient(bottom, #70a0f5, #73a3f8);
    background-image: -o-linear-gradient(bottom, #70a0f5, #73a3f8);
    background-image: linear-gradient(bottom, #70a0f5, #73a3f8);
    background-color: #73a3f8;
    float: right; }
    /* line 298, ../scss/_main.scss */
    .intro_heading .call_to_action:hover {
      background-image: none;
      background-color: #78a7fc;
      color: #fff; }
    /* line 299, ../scss/_main.scss */
    .intro_heading .call_to_action span {
      font-size: 13px; }
    @media (min-width: 950px) {
      /* line 297, ../scss/_main.scss */
      .intro_heading .call_to_action {
        position: relative; } }
  /* line 304, ../scss/_main.scss */
  .intro_heading #ticker {
    height: 38px;
    overflow: hidden;
    float: left;
    padding: 0;
    margin: 0 0 0 10px;
    font-size: 34px;
    line-height: 1em;
    letter-spacing: -1px; }
    @media (min-width: 950px) {
      /* line 304, ../scss/_main.scss */
      .intro_heading #ticker {
        font-size: 36px;
        height: 40px; } }
    /* line 307, ../scss/_main.scss */
    .intro_heading #ticker li {
      display: none; }

/* line 313, ../scss/_main.scss */
.intro {
  background: whitesmoke;
  padding: 40px 0; }
  @media (min-width: 850px) {
    /* line 313, ../scss/_main.scss */
    .intro {
      padding-bottom: 80px; } }
  /* line 317, ../scss/_main.scss */
  .intro .intro_panel {
    text-align: center;
    padding: 25px 0; }
    @media (min-width: 600px) {
      /* line 317, ../scss/_main.scss */
      .intro .intro_panel {
        text-align: left; } }
    @media (min-width: 850px) {
      /* line 317, ../scss/_main.scss */
      .intro .intro_panel {
        text-align: center; } }
    /* line 323, ../scss/_main.scss */
    .intro .intro_panel img {
      max-width: 100%;
      height: auto; }
    /* line 325, ../scss/_main.scss */
    .intro .intro_panel h3 {
      color: #5788e4;
      font-size: 32px;
      margin: 0.5em 0; }
      @media (min-width: 850px) {
        /* line 325, ../scss/_main.scss */
        .intro .intro_panel h3 {
          letter-spacing: -1px; } }
      @media (min-width: 950px) {
        /* line 325, ../scss/_main.scss */
        .intro .intro_panel h3 {
          font-size: 32px; } }
    /* line 332, ../scss/_main.scss */
    .intro .intro_panel p {
      margin: 1.2em 0; }
      @media (min-width: 850px) {
        /* line 332, ../scss/_main.scss */
        .intro .intro_panel p {
          min-height: 120px;
          padding: 0 10px;
          font-size: 16px; } }
      @media (min-width: 950px) {
        /* line 332, ../scss/_main.scss */
        .intro .intro_panel p {
          min-height: 95px; } }
      @media (min-width: 1281px) {
        /* line 332, ../scss/_main.scss */
        .intro .intro_panel p {
          padding: 0 30px;
          font-size: 17px; } }

/* line 342, ../scss/_main.scss */
.clients {
  text-align: center;
  color: #999999;
  padding: 80px 0 70px 0;
  font-size: 20px;
  line-height: 1.2em;
  border-top: 1px solid #e6e6e6; }
  /* line 344, ../scss/_main.scss */
  .clients img {
    width: 100%;
    height: auto; }
  /* line 346, ../scss/_main.scss */
  .clients h3 {
    color: #8b8b8b;
    font-size: 40px;
    margin: 0 0 25px 0;
    padding-top: 0; }
    @media (min-width: 600px) {
      /* line 346, ../scss/_main.scss */
      .clients h3 {
        font-size: 40px; } }
  /* line 350, ../scss/_main.scss */
  .clients ul {
    padding: 0; }
    @media (min-width: 950px) {
      /* line 350, ../scss/_main.scss */
      .clients ul {
        display: block; } }
    /* line 352, ../scss/_main.scss */
    .clients ul li {
      list-style-type: none;
      float: left;
      display: inline; }

/* line 358, ../scss/_main.scss */
.contact {
  background: #5788e4;
  padding: 30px 0 40px 0;
  color: #fff;
  font-family: 'bariol_regular';
  text-align: center; }
  @media (min-width: 600px) {
    /* line 358, ../scss/_main.scss */
    .contact {
      padding: 70px 0 80px 0; } }
  @media (min-width: 850px) {
    /* line 358, ../scss/_main.scss */
    .contact {
      background: #5788e4 url(img/flying-bird-850@2x.png) no-repeat center 155px;
      background-size: 900px 100px; } }
  /* line 363, ../scss/_main.scss */
  .contact .call_to_action {
    background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #70a0f5), color-stop(100%, #73a3f8));
    background-image: -webkit-linear-gradient(bottom, #70a0f5, #73a3f8);
    background-image: -moz-linear-gradient(bottom, #70a0f5, #73a3f8);
    background-image: -o-linear-gradient(bottom, #70a0f5, #73a3f8);
    background-image: linear-gradient(bottom, #70a0f5, #73a3f8);
    background-color: #73a3f8;
    padding: 20px 43px;
    font-size: 19px;
    margin: 20px 0; }
    /* line 364, ../scss/_main.scss */
    .contact .call_to_action:hover {
      background-image: none;
      background-color: #78a7fc; }
  /* line 367, ../scss/_main.scss */
  .contact p {
    float: none;
    margin-top: 20px;
    font-size: 20px;
    line-height: 1.2; }
    @media (min-width: 600px) {
      /* line 367, ../scss/_main.scss */
      .contact p {
        font-size: 22px; } }
    /* line 369, ../scss/_main.scss */
    .contact p a {
      color: #fff;
      text-decoration: underline; }
      /* line 370, ../scss/_main.scss */
      .contact p a:hover {
        border-bottom: 1px solid white;
        text-decoration: none; }
  /* line 374, ../scss/_main.scss */
  .contact h3 {
    font-size: 40px;
    margin: 0 0 20px 0;
    padding-top: 0; }
    @media (min-width: 600px) {
      /* line 374, ../scss/_main.scss */
      .contact h3 {
        font-size: 50px; } }
  /* line 378, ../scss/_main.scss */
  .contact .contact_intro {
    font-size: 24px; }
    @media (min-width: 600px) {
      /* line 378, ../scss/_main.scss */
      .contact .contact_intro {
        font-size: 28px; } }

/*======================= Social Slider Home Page ==================================*/
/* line 387, ../scss/_main.scss */
.social_slider_wrapper {
  padding-top: 0;
  line-height: 1.2;
  /*== slider overrides ==*/ }
  /* line 388, ../scss/_main.scss */
  .social_slider_wrapper p {
    font-size: 20px; }
    @media (min-width: 600px) {
      /* line 388, ../scss/_main.scss */
      .social_slider_wrapper p {
        font-size: 24px; } }
    @media (min-width: 850px) {
      /* line 388, ../scss/_main.scss */
      .social_slider_wrapper p {
        font-size: 28px; } }
  /* line 394, ../scss/_main.scss */
  .social_slider_wrapper .slide_wrapper {
    float: none; }
  /* line 396, ../scss/_main.scss */
  .social_slider_wrapper a {
    color: #fff;
    text-decoration: underline; }
    /* line 397, ../scss/_main.scss */
    .social_slider_wrapper a:hover {
      text-decoration: none;
      border-bottom: 1px solid white; }
  /* line 400, ../scss/_main.scss */
  .social_slider_wrapper #social-slider {
    text-align: center;
    border-bottom: 1px solid white;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s; }
  /* line 402, ../scss/_main.scss */
  .social_slider_wrapper .time {
    margin-right: 10px;
    font-size: 15px; }
  /* line 404, ../scss/_main.scss */
  .social_slider_wrapper .social-icon {
    font-size: 26px;
    position: relative; }
  /* line 405, ../scss/_main.scss */
  .social_slider_wrapper .social-icon:before {
    position: absolute;
    left: 11px;
    top: 11px; }
  /* line 406, ../scss/_main.scss */
  .social_slider_wrapper .rsslide-0 {
    background-color: #55acee; }
  /* line 407, ../scss/_main.scss */
  .social_slider_wrapper .rsslide-1 {
    background-color: #3b5998; }
  /* line 408, ../scss/_main.scss */
  .social_slider_wrapper .rsslide-2 {
    background-color: #0976b4; }
  /* line 409, ../scss/_main.scss */
  .social_slider_wrapper .rsBullet {
    background-image: none;
    padding: 24px;
    border: 1px solid transparent;
    margin-left: 15px; }
    /* line 410, ../scss/_main.scss */
    .social_slider_wrapper .rsBullet:first-child {
      margin-left: 0; }
    /* line 411, ../scss/_main.scss */
    .social_slider_wrapper .rsBullet.rsNavSelected {
      border: 1px solid white;
      border-radius: 50%; }
    /* line 412, ../scss/_main.scss */
    .social_slider_wrapper .rsBullet span {
      display: none; }
    /* line 413, ../scss/_main.scss */
    .social_slider_wrapper .rsBullet:hover {
      cursor: pointer; }
  /* line 415, ../scss/_main.scss */
  .social_slider_wrapper .rsNav {
    text-align: center;
    height: 75px;
    position: absolute;
    bottom: 15px;
    width: 200px;
    left: 50%;
    margin-left: -100px; }
    @media (min-width: 600px) {
      /* line 415, ../scss/_main.scss */
      .social_slider_wrapper .rsNav {
        bottom: 54px; } }
  /* line 418, ../scss/_main.scss */
  .social_slider_wrapper .rsNavItem {
    display: inline-block; }
  /* line 419, ../scss/_main.scss */
  .social_slider_wrapper .rsTab {
    font-size: 24px;
    width: 40px;
    line-height: 1.7;
    border-radius: 22px;
    border: 3px solid white;
    margin: 0 4px; }
  /* line 421, ../scss/_main.scss */
  .social_slider_wrapper .rsSlide > div {
    padding: 30px 0 120px 0; }
    @media (min-width: 600px) {
      /* line 421, ../scss/_main.scss */
      .social_slider_wrapper .rsSlide > div {
        padding: 80px 0 180px 0; } }

/* line 426, ../scss/_main.scss */
footer {
  padding: 20px 0; }
  /* line 427, ../scss/_main.scss */
  footer .tag_line {
    color: #5788e4;
    font-size: 22px;
    float: left;
    line-height: 30px; }
  /* line 428, ../scss/_main.scss */
  footer .copyright {
    text-align: left;
    font-size: 10px;
    line-height: 30px;
    text-transform: uppercase; }
    @media (min-width: 600px) {
      /* line 428, ../scss/_main.scss */
      footer .copyright {
        text-align: center; } }
    @media (min-width: 850px) {
      /* line 428, ../scss/_main.scss */
      footer .copyright {
        text-align: center; } }
  /* line 433, ../scss/_main.scss */
  footer div {
    color: #8b8b8b; }
  /* line 434, ../scss/_main.scss */
  footer a {
    color: #8b8b8b;
    -webkit-transition-duration: 0.1s;
    -moz-transition-duration: 0.1s;
    -o-transition-duration: 0.1s;
    transition-duration: 0.1s; }
    /* line 435, ../scss/_main.scss */
    footer a:hover {
      color: #444; }
  /* line 437, ../scss/_main.scss */
  footer .socialise {
    text-align: right;
    line-height: 30px; }
  /* line 438, ../scss/_main.scss */
  footer #social_title {
    padding-right: 8px; }

/* line 443, ../scss/_main.scss */
.no-svg .fallback {
  width: 210px;
  height: 210px;
  margin: 0 auto; }
/* line 444, ../scss/_main.scss */
.no-svg #how_help {
  background: url(../images/how-we-can-help.png) no-repeat; }
/* line 445, ../scss/_main.scss */
.no-svg #why_use {
  background: url(../images/why_graphic.png) no-repeat; }
/* line 446, ../scss/_main.scss */
.no-svg #make_contact {
  background: url(../images/make-contact.png) no-repeat; }

/* line 449, ../scss/_main.scss */
.hero {
  background: #5788e4;
  color: #fff;
  position: relative;
  overflow: hidden; }
  /* line 451, ../scss/_main.scss */
  .hero .inner_wrapper img {
    width: 100%;
    height: auto;
    max-height: 550px; }
  @media (min-width: 1277px) {
    /* line 453, ../scss/_main.scss */
    .hero .bg_image {
      background-size: cover;
      max-width: 1500px;
      background-repeat: no-repeat;
      background-position: center;
      margin: 0 auto; }
      /* line 460, ../scss/_main.scss */
      .hero .bg_image.company_image {
        background-image: url("img/header-company-3000.png"); }
      /* line 461, ../scss/_main.scss */
      .hero .bg_image.product_image {
        background-image: url("img/header-products-3000.png"); }
      /* line 462, ../scss/_main.scss */
      .hero .bg_image.expertise_image {
        background-image: url("img/header-expertise-3000.png"); } }
  @media (min-width: 600px) {
    /* line 468, ../scss/_main.scss */
    .hero #content_table {
      display: table;
      width: 100%;
      min-height: 350px; } }
  @media (min-width: 850px) {
    /* line 468, ../scss/_main.scss */
    .hero #content_table {
      min-height: 425px; } }
  @media (min-width: 950px) {
    /* line 468, ../scss/_main.scss */
    .hero #content_table {
      min-height: 500px; } }
  @media (min-width: 1281px) {
    /* line 468, ../scss/_main.scss */
    .hero #content_table {
      min-height: 550px; } }
  @media (min-width: 850px) {
    /* line 475, ../scss/_main.scss */
    .hero.map #content_table {
      display: block;
      width: auto;
      min-height: inherit;
      height: auto; } }
  /* line 481, ../scss/_main.scss */
  .hero h1 {
    margin-top: 0px;
    font-size: 36px;
    line-height: 1; }
    @media (min-width: 600px) {
      /* line 481, ../scss/_main.scss */
      .hero h1 {
        font-size: 42px;
        margin-bottom: 15%;
        letter-spacing: -1px; } }
    @media (min-width: 850px) {
      /* line 481, ../scss/_main.scss */
      .hero h1 {
        font-size: 48px; } }
    @media (min-width: 950px) {
      /* line 481, ../scss/_main.scss */
      .hero h1 {
        font-size: 54px;
        line-height: 0.95;
        margin-bottom: 8%; } }
    @media (min-width: 1281px) {
      /* line 481, ../scss/_main.scss */
      .hero h1 {
        font-size: 56px; } }
  @media (min-width: 600px) {
    /* line 488, ../scss/_main.scss */
    .hero .graph {
      display: table-cell;
      width: 50%;
      vertical-align: middle;
      text-align: left; } }
  /* line 490, ../scss/_main.scss */
  .hero .graph img {
    width: 100%;
    height: auto;
    max-height: 550px;
    position: relative;
    z-index: 2; }
  /* line 492, ../scss/_main.scss */
  .hero .content {
    text-align: center;
    padding-bottom: 40px; }
    @media (min-width: 600px) {
      /* line 492, ../scss/_main.scss */
      .hero .content {
        display: table-cell;
        vertical-align: middle;
        width: 50%;
        padding-bottom: 0; } }
    @media (min-width: 1277px) {
      /* line 492, ../scss/_main.scss */
      .hero .content {
        padding: 0 25px; } }
    @media (min-width: 600px) {
      /* line 498, ../scss/_main.scss */
      .hero .content p {
        display: none; } }
    @media (min-width: 950px) {
      /* line 498, ../scss/_main.scss */
      .hero .content p {
        display: block;
        font-size: 19px;
        margin-bottom: 10%;
        line-height: 1.2em;
        padding: 0 20px; } }
    @media (min-width: 1281px) {
      /* line 498, ../scss/_main.scss */
      .hero .content p {
        display: block;
        font-size: 20px;
        line-height: 1.2em;
        padding: 0 50px; } }
    @media (min-width: 600px) {
      /* line 504, ../scss/_main.scss */
      .hero .content nav a {
        width: 115px; }
        /* line 506, ../scss/_main.scss */
        .hero .content nav a:first-child, .hero .content nav a.mailbox_link {
          margin-right: 15px; } }
    @media (min-width: 850px) {
      /* line 504, ../scss/_main.scss */
      .hero .content nav a {
        width: 160px; } }
    @media (min-width: 950px) {
      /* line 504, ../scss/_main.scss */
      .hero .content nav a {
        width: 180px; } }
  /* line 514, ../scss/_main.scss */
  .hero .call_to_action {
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s;
    padding-left: 0px;
    letter-spacing: 0px;
    padding-right: 0;
    background-color: #73a3f8;
    background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #70a0f5), color-stop(100%, #73a3f8));
    background-image: -webkit-linear-gradient(bottom, #70a0f5, #73a3f8);
    background-image: -moz-linear-gradient(bottom, #70a0f5, #73a3f8);
    background-image: -o-linear-gradient(bottom, #70a0f5, #73a3f8);
    background-image: linear-gradient(bottom, #70a0f5, #73a3f8);
    margin-bottom: 20px; }
    /* line 515, ../scss/_main.scss */
    .hero .call_to_action:hover {
      background-image: none;
      background-color: #78a7fc; }
    @media (min-width: 1281px) {
      /* line 514, ../scss/_main.scss */
      .hero .call_to_action {
        letter-spacing: 1px; } }

/*======================= Products Page ==================================*/
/* line 523, ../scss/_main.scss */
#product_page .section_intro {
  text-align: left; }

/* line 526, ../scss/_main.scss */
.products {
  background: whitesmoke; }
  @media (min-width: 600px) {
    /* line 528, ../scss/_main.scss */
    .products .product_intro {
      position: absolute;
      z-index: 10; } }
  @media (min-width: 850px) {
    /* line 528, ../scss/_main.scss */
    .products .product_intro {
      position: relative; } }
  /* line 533, ../scss/_main.scss */
  .products h2 {
    margin-bottom: 30px; }
    @media (min-width: 950px) {
      /* line 533, ../scss/_main.scss */
      .products h2 {
        margin-bottom: 50px; } }
  /* line 537, ../scss/_main.scss */
  .products .product_shot {
    margin-bottom: 20px;
    display: block; }
    @media (min-width: 850px) {
      /* line 537, ../scss/_main.scss */
      .products .product_shot {
        position: absolute;
        bottom: 0;
        margin-bottom: 0; } }
    @media (min-width: 1281px) {
      /* line 537, ../scss/_main.scss */
      .products .product_shot {
        width: 1900px;
        left: 50%;
        margin-left: -950px;
        max-height: 590px; } }
  /* line 547, ../scss/_main.scss */
  .products .product_detail {
    position: relative;
    z-index: 10; }
    /* line 549, ../scss/_main.scss */
    .products .product_detail h4 {
      ine-height: 1.2;
      margin: 30px 0 10px 0;
      padding: 0;
      text-transform: uppercase;
      font-size: 15px;
      font-family: 'bariol_bold';
      color: #000; }
    /* line 551, ../scss/_main.scss */
    .products .product_detail ul {
      padding-left: 20px; }
      /* line 552, ../scss/_main.scss */
      .products .product_detail ul li {
        list-style: disc; }
  /* line 557, ../scss/_main.scss */
  .products img {
    width: 100%;
    height: auto; }
  /* line 559, ../scss/_main.scss */
  .products .products_single {
    position: relative;
    border-bottom: 5px solid #eeeeee;
    border-top: 1px solid lightgrey;
    padding: 40px 0; }
    @media (min-width: 850px) {
      /* line 559, ../scss/_main.scss */
      .products .products_single {
        overflow: hidden;
        padding: 80px 0; } }
    /* line 562, ../scss/_main.scss */
    .products .products_single h3 {
      clear: both;
      display: block;
      font-size: 25px;
      line-height: 1em;
      margin: 1em 0; }
      @media (min-width: 600px) {
        /* line 562, ../scss/_main.scss */
        .products .products_single h3 {
          font-size: 35px; } }
      @media (min-width: 1281px) {
        /* line 562, ../scss/_main.scss */
        .products .products_single h3 {
          font-size: 42px; } }
    /* line 567, ../scss/_main.scss */
    .products .products_single .call_to_action {
      margin: 20px 0 10px 0; }
      @media (min-width: 950px) {
        /* line 567, ../scss/_main.scss */
        .products .products_single .call_to_action {
          margin-top: 30px; } }
  /* line 573, ../scss/_main.scss */
  .products #share_link {
    border-top: none; }

/* line 577, ../scss/_main.scss */
.appstore_download {
  display: inline-block;
  overflow: hidden;
  background: url(http://development-linkmaker.itunes.awcloud.net//htmlResources/assets/en_us//images/web/linkmaker/badge_appstore-lrg.png) no-repeat;
  width: 135px;
  height: 40px; }
  @media only screen {
    /* line 577, ../scss/_main.scss */
    .appstore_download {
      background-image: url(http://development-linkmaker.itunes.awcloud.net//htmlResources/assets/en_us//images/web/linkmaker/badge_appstore-lrg.svg); } }

@media (min-width: 850px) {
  /* line 588, ../scss/_main.scss */
  #mailbox .product_shot {
    bottom: 30px; }

  /* line 589, ../scss/_main.scss */
  #sports_tipping .product_shot {
    bottom: 60px; } }
/* line 592, ../scss/_main.scss */
#share_link_logo {
  max-width: 304px; }

/* line 593, ../scss/_main.scss */
#sportstipping_logo {
  max-width: 284px; }

/* line 594, ../scss/_main.scss */
#mailbox_logo {
  max-width: 214px; }

/* line 596, ../scss/_main.scss */
#apps_section {
  background-color: #fff;
  border-top: 1px solid lightgrey; }

/* line 602, ../scss/_main.scss */
.apps h2, .apps h3, .apps .app_spill {
  text-align: center; }
/* line 604, ../scss/_main.scss */
.apps .app_spill {
  font-size: 20px;
  clear: both;
  display: block;
  margin-bottom: 30px;
  line-height: 1.2em; }
  @media (min-width: 850px) {
    /* line 604, ../scss/_main.scss */
    .apps .app_spill {
      font-size: 25px;
      margin-bottom: 65px; } }
/* line 609, ../scss/_main.scss */
.apps h4 {
  font-size: 25px;
  line-height: 1em; }
  @media (min-width: 600px) {
    /* line 609, ../scss/_main.scss */
    .apps h4 {
      margin: 0 0 20px 0; } }
  @media (min-width: 1281px) {
    /* line 609, ../scss/_main.scss */
    .apps h4 {
      font-size: 30px;
      margin: 0 0 40px 0; } }
/* line 615, ../scss/_main.scss */
.apps .app_intro {
  position: relative;
  z-index: 2;
  margin-bottom: 30px; }
  @media (min-width: 600px) {
    /* line 615, ../scss/_main.scss */
    .apps .app_intro {
      padding: 40px 0 50px 0;
      margin-bottom: 0; } }
  @media (min-width: 850px) {
    /* line 615, ../scss/_main.scss */
    .apps .app_intro {
      padding: 80px 0; } }
  @media (min-width: 1281px) {
    /* line 615, ../scss/_main.scss */
    .apps .app_intro {
      padding: 50px 0; } }
  /* line 620, ../scss/_main.scss */
  .apps .app_intro p {
    margin-bottom: 40px; }
  /* line 622, ../scss/_main.scss */
  .apps .app_intro a {
    display: block!important;
    clear: both; }
    @media (min-width: 850px) {
      /* line 622, ../scss/_main.scss */
      .apps .app_intro a {
        margin-top: 60px; } }
/* line 627, ../scss/_main.scss */
.apps .app_shot {
  display: block;
  clear: both; }
  @media (min-width: 600px) {
    /* line 627, ../scss/_main.scss */
    .apps .app_shot {
      display: inline;
      position: absolute;
      bottom: 0; } }
  @media (min-width: 1281px) {
    /* line 627, ../scss/_main.scss */
    .apps .app_shot {
      position: relative; } }
/* line 633, ../scss/_main.scss */
.apps img {
  width: 100%;
  height: auto; }

/* line 637, ../scss/_main.scss */
.app {
  margin-bottom: 30px;
  position: relative; }
  @media (min-width: 1281px) {
    /* line 637, ../scss/_main.scss */
    .app {
      padding: 10px 0 0 0; } }

/* line 641, ../scss/_main.scss */
.bullshot {
  background: #040404;
  color: #fff; }

/* line 642, ../scss/_main.scss */
.sound_calendar {
  background: #f6ec6d;
  color: #000; }

/*======================= Clobal Page Style ==================================*/
/* line 647, ../scss/_main.scss */
.footer_navigation {
  background: #5788e4;
  padding: 10px 0; }
  /* line 649, ../scss/_main.scss */
  .footer_navigation .inner_wrapper {
    text-align: center; }
    @media (min-width: 725px) {
      /* line 649, ../scss/_main.scss */
      .footer_navigation .inner_wrapper {
        text-align: left; } }
  /* line 653, ../scss/_main.scss */
  .footer_navigation .call_to_action {
    width: 220px;
    background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #70a0f5), color-stop(100%, #73a3f8));
    background-image: -webkit-linear-gradient(bottom, #70a0f5, #73a3f8);
    background-image: -moz-linear-gradient(bottom, #70a0f5, #73a3f8);
    background-image: -o-linear-gradient(bottom, #70a0f5, #73a3f8);
    background-image: linear-gradient(bottom, #70a0f5, #73a3f8);
    background-color: #73a3f8; }
    @media (min-width: 725px) {
      /* line 653, ../scss/_main.scss */
      .footer_navigation .call_to_action {
        float: right; } }
    /* line 655, ../scss/_main.scss */
    .footer_navigation .call_to_action:hover {
      background: #78a7fc; }
  /* line 658, ../scss/_main.scss */
  .footer_navigation ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
    line-height: 2.5;
    display: none; }
    @media (min-width: 725px) {
      /* line 658, ../scss/_main.scss */
      .footer_navigation ul {
        display: inline; } }
    /* line 661, ../scss/_main.scss */
    .footer_navigation ul li {
      float: left; }
      /* line 662, ../scss/_main.scss */
      .footer_navigation ul li a {
        letter-spacing: 1px;
        font-size: 13px;
        margin-right: 8px;
        white-space: nowrap;
        color: #fff;
        text-transform: uppercase;
        font-family: 'bariol_bold';
        text-decoration: underline; }
        /* line 663, ../scss/_main.scss */
        .footer_navigation ul li a:hover {
          text-decoration: none;
          border-bottom: 1px solid white; }
        @media (min-width: 600px) {
          /* line 662, ../scss/_main.scss */
          .footer_navigation ul li a {
            font-size: 14px;
            margin-right: 12px; } }
        @media (min-width: 850px) {
          /* line 662, ../scss/_main.scss */
          .footer_navigation ul li a {
            margin-right: 25px; } }

/* line 671, ../scss/_main.scss */
.section_intro {
  background-color: whitesmoke;
  text-align: center;
  padding: 40px 0; }
  @media (min-width: 850px) {
    /* line 671, ../scss/_main.scss */
    .section_intro {
      padding: 80px 0; } }
  /* line 675, ../scss/_main.scss */
  .section_intro h2 {
    color: #5788e4;
    text-transform: uppercase;
    font-size: 15px;
    font-family: 'bariol_bold';
    letter-spacing: 2px; }
    @media (min-width: 850px) {
      /* line 675, ../scss/_main.scss */
      .section_intro h2 {
        font-size: 17px;
        letter-spacing: 3px; } }
  /* line 679, ../scss/_main.scss */
  .section_intro h3 {
    color: #000;
    font-size: 30px;
    font-weight: normal;
    line-height: 0.95em;
    margin-top: 0.3em;
    margin-bottom: 2em; }
    @media (min-width: 600px) {
      /* line 679, ../scss/_main.scss */
      .section_intro h3 {
        font-size: 40px;
        letter-spacing: -1px;
        margin-bottom: 1.5em; } }
    @media (min-width: 850px) {
      /* line 679, ../scss/_main.scss */
      .section_intro h3 {
        font-size: 42px; } }
    @media (min-width: 1281px) {
      /* line 679, ../scss/_main.scss */
      .section_intro h3 {
        font-size: 48px; } }
  /* line 687, ../scss/_main.scss */
  .section_intro .section_intro_detail {
    text-align: center;
    font-size: 20px;
    clear: both;
    display: block;
    margin-bottom: 30px;
    line-height: 1.2em; }
    @media (min-width: 850px) {
      /* line 687, ../scss/_main.scss */
      .section_intro .section_intro_detail {
        font-size: 25px;
        margin-bottom: 65px; } }

/*======================= Company Page ==================================*/
/* line 695, ../scss/_main.scss */
.company_wrapper .inner_wrapper {
  position: relative;
  z-index: 99; }

@media (min-width: 600px) {
  /* line 698, ../scss/_main.scss */
  #reason_container {
    padding-top: 100px; } }
@media (min-width: 950px) {
  /* line 698, ../scss/_main.scss */
  #reason_container {
    padding-top: 50px; } }
/* line 703, ../scss/_main.scss */
#reason_container .picturefill_wrapper {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: top center;
  margin-bottom: 1em; }
  @media (min-width: 600px) {
    /* line 703, ../scss/_main.scss */
    #reason_container .picturefill_wrapper {
      margin-bottom: 0; } }

/* line 709, ../scss/_main.scss */
.reason_wrapper {
  position: relative;
  overflow: hidden;
  position: relative; }
  /* line 713, ../scss/_main.scss */
  .reason_wrapper.last {
    margin-bottom: 0; }
  @media (min-width: 850px) {
    /* line 709, ../scss/_main.scss */
    .reason_wrapper {
      margin-bottom: -8%; } }
  @media (min-width: 950px) {
    /* line 709, ../scss/_main.scss */
    .reason_wrapper {
      margin-bottom: -8%; } }
  @media (min-width: 600px) {
    /* line 718, ../scss/_main.scss */
    .reason_wrapper p {
      height: 50%;
      margin: auto;
      position: absolute;
      bottom: 0;
      left: 50%;
      font-size: 16px;
      line-height: 1.3em;
      top: 2%; }
      /* line 728, ../scss/_main.scss */
      .reason_wrapper p.t-overlap {
        left: 0; } }
  @media (min-width: 850px) {
    /* line 718, ../scss/_main.scss */
    .reason_wrapper p {
      left: 59.67156865%;
      top: 5%;
      line-height: 1.4em; }
      /* line 731, ../scss/_main.scss */
      .reason_wrapper p.d-overlap {
        left: 8.52450981%!important; } }
  @media (min-width: 950px) {
    /* line 718, ../scss/_main.scss */
    .reason_wrapper p {
      top: 20%;
      font-size: 17px; } }
  @media (min-width: 1281px) {
    /* line 718, ../scss/_main.scss */
    .reason_wrapper p {
      top: 25%;
      font-size: 18px; } }
  /* line 737, ../scss/_main.scss */
  .reason_wrapper img {
    max-width: 100%;
    height: auto; }

@media (min-width: 600px) {
  /* line 741, ../scss/_main.scss */
  #reason_one {
    background-image: url(../images/company/reason1-desk-shape-550.png); } }
@media (min-width: 601px) and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  /* line 741, ../scss/_main.scss */
  #reason_one {
    background-image: url(../images/company/reason1-desk-shape-1100.png); } }

@media (min-width: 600px) {
  /* line 746, ../scss/_main.scss */
  #reason_two {
    background-image: url(../images/company/reason2-desk-shape-550.png); } }
@media (min-width: 601px) and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  /* line 746, ../scss/_main.scss */
  #reason_two {
    background-image: url(../images/company/reason2-desk-shape-1100.png); } }

@media (min-width: 600px) {
  /* line 751, ../scss/_main.scss */
  #reason_three {
    background-image: url(../images/company/reason3-desk-shape-550.png); } }
@media (min-width: 601px) and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  /* line 751, ../scss/_main.scss */
  #reason_three {
    background-image: url(../images/company/reason3-desk-shape-1100.png); } }

@media (min-width: 600px) {
  /* line 757, ../scss/_main.scss */
  #reason_four {
    background-image: url(../images/company/reason4-desk-shape-550.png); } }
@media (min-width: 601px) and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  /* line 757, ../scss/_main.scss */
  #reason_four {
    background-image: url(../images/company/reason4-desk-shape-1100.png); } }

@media (min-width: 600px) {
  /* line 763, ../scss/_main.scss */
  #reason_five {
    background-image: url(../images/company/reason5-desk-shape-550.png); } }
@media (min-width: 601px) and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  /* line 763, ../scss/_main.scss */
  #reason_five {
    background-image: url(../images/company/reason5-desk-shape-1100.png); } }

@media (min-width: 600px) {
  /* line 769, ../scss/_main.scss */
  #reason_six {
    background-image: url(../images/company/reason6-desk-shape-550.png); } }
@media (min-width: 601px) and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  /* line 769, ../scss/_main.scss */
  #reason_six {
    background-image: url(../images/company/reason6-desk-shape-1100.png); } }

@media (min-width: 600px) {
  /* line 775, ../scss/_main.scss */
  #reason_seven {
    background-image: url(../images/company/reason7-desk-shape-550.png); } }
@media (min-width: 601px) and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  /* line 775, ../scss/_main.scss */
  #reason_seven {
    background-image: url(../images/company/reason7-desk-shape-1100.png); } }

@media (min-width: 600px) {
  /* line 781, ../scss/_main.scss */
  #reason_eight {
    background-image: url(../images/company/reason8-desk-shape-550.png); } }
@media (min-width: 601px) and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  /* line 781, ../scss/_main.scss */
  #reason_eight {
    background-image: url(../images/company/reason8-desk-shape-1100.png); } }

/* line 788, ../scss/_main.scss */
.team {
  background-color: #fff;
  border-top: 1px solid #e6e6e6; }

/* line 792, ../scss/_main.scss */
.member_wrapper figcaption {
  text-transform: uppercase;
  font-size: 16px;
  height: 30px;
  font-family: 'bariol_bold'; }
  @media (min-width: 850px) {
    /* line 792, ../scss/_main.scss */
    .member_wrapper figcaption {
      font-size: 14px;
      white-space: nowrap; } }
  /* line 796, ../scss/_main.scss */
  .member_wrapper figcaption .title {
    font-size: 12px;
    display: block; }
    @media (min-width: 850px) {
      /* line 796, ../scss/_main.scss */
      .member_wrapper figcaption .title {
        font-size: 12px;
        white-space: nowrap; } }
/* line 803, ../scss/_main.scss */
.member_wrapper .nav {
  text-align: center;
  display: block;
  border: 1px solid #e6e6e6;
  color: #000;
  padding: 5% 0;
  box-sizing: border-box; }
  /* line 805, ../scss/_main.scss */
  .member_wrapper .nav.staff_6, .member_wrapper .nav.staff_5, .member_wrapper .nav.staff_3, .member_wrapper .nav.staff_4, .member_wrapper .nav.staff_2, .member_wrapper .nav.staff_7, .member_wrapper .nav.staff_8 {
    border-top: none; }
  /* line 807, ../scss/_main.scss */
  .member_wrapper .nav.staff_8 {
    border-left: 0; }
  @media (min-width: 600px) {
    /* line 812, ../scss/_main.scss */
    .member_wrapper .nav.staff_2 {
      border-top: 1px solid #e6e6e6; } }
  @media (min-width: 850px) {
    /* line 816, ../scss/_main.scss */
    .member_wrapper .nav.staff_3, .member_wrapper .nav.staff_4 {
      border-top: 1px solid #e6e6e6; } }
  /* line 819, ../scss/_main.scss */
  .member_wrapper .nav.navselected {
    background: whitesmoke;
    border-bottom: 1px solid whitesmoke; }
  @media (min-width: 600px) {
    /* line 822, ../scss/_main.scss */
    .member_wrapper .nav.staff_2, .member_wrapper .nav.staff_4, .member_wrapper .nav.staff_6 {
      border-left-color: whitesmoke; }
    /* line 823, ../scss/_main.scss */
    .member_wrapper .nav.staff_2:hover, .member_wrapper .nav.staff_4:hover {
      border-left-color: whitesmoke; }
    /* line 824, ../scss/_main.scss */
    .member_wrapper .nav.t1-t6 {
      width: 50%!important; }
    /* line 825, ../scss/_main.scss */
    .member_wrapper .nav.t7-t12 {
      margin-left: 50%!important;
      width: 50%!important; } }
  @media (min-width: 850px) {
    /* line 829, ../scss/_main.scss */
    .member_wrapper .nav.staff_2 {
      border-right: none;
      border-left: none; }
    /* line 830, ../scss/_main.scss */
    .member_wrapper .nav.staff_4 {
      border-left: none; }
    /* line 831, ../scss/_main.scss */
    .member_wrapper .nav.d1-d3 {
      width: 25%!important; }
    /* line 832, ../scss/_main.scss */
    .member_wrapper .nav.d4-d6 {
      margin-left: 25%!important;
      width: 25.1%!important; }
    /* line 833, ../scss/_main.scss */
    .member_wrapper .nav.d7-d9 {
      margin-left: 50%!important;
      width: 25%!important; }
    /* line 834, ../scss/_main.scss */
    .member_wrapper .nav.d10-d12 {
      margin-left: 75%!important;
      width: 25%!important; } }
  @media (min-width: 850px) {
    /* line 803, ../scss/_main.scss */
    .member_wrapper .nav {
      padding: 2% 0; } }
  /* line 839, ../scss/_main.scss */
  .member_wrapper .nav:hover {
    background-color: whitesmoke; }
  /* line 841, ../scss/_main.scss */
  .member_wrapper .nav.placeholder:hover {
    background-color: transparent; }
  /* line 843, ../scss/_main.scss */
  .member_wrapper .nav.placeholder {
    border-left: none;
    border-top: none; }
/* line 847, ../scss/_main.scss */
.member_wrapper .nav .headshot_wrapper {
  box-shadow: none;
  text-align: center;
  overflow: hidden;
  width: 170px;
  height: 170px;
  border-radius: 90px;
  margin: 0 auto 20px auto;
  background-color: #fff;
  border: 5px solid white;
  position: relative; }
  @media (min-width: 850px) {
    /* line 847, ../scss/_main.scss */
    .member_wrapper .nav .headshot_wrapper {
      width: 100px;
      height: 100px; } }
  @media (min-width: 950px) {
    /* line 847, ../scss/_main.scss */
    .member_wrapper .nav .headshot_wrapper {
      width: 125px;
      height: 125px; } }
  @media (min-width: 1281px) {
    /* line 847, ../scss/_main.scss */
    .member_wrapper .nav .headshot_wrapper {
      width: 170px;
      height: 170px; } }
  /* line 853, ../scss/_main.scss */
  .member_wrapper .nav .headshot_wrapper .close_btn_wrapper {
    position: absolute;
    bottom: -40px;
    left: 0;
    width: 100%;
    height: 22px;
    background: #5788e4;
    color: #fff;
    padding-top: 8px; }
  /* line 855, ../scss/_main.scss */
  .member_wrapper .nav .headshot_wrapper .member_close_btn {
    font-size: 36px;
    display: block;
    position: relative;
    line-height: 0;
    padding: 4px 0;
    height: 10px; }
/* line 859, ../scss/_main.scss */
.member_wrapper .navselected .headshot_wrapper[style] {
  box-shadow: 0 0 0 1px #e6e6e6 !important; }
/* line 861, ../scss/_main.scss */
.member_wrapper .nav img {
  max-width: 100%;
  height: auto;
  text-align: center; }
/* line 863, ../scss/_main.scss */
.member_wrapper .member_content {
  clear: both;
  background-color: whitesmoke;
  padding: 10px 0 0 0;
  border: 1px solid #e6e6e6;
  border-top: none;
  text-align: left;
  @includes breakpoint(tablet) {
    padding: 20px 0 0 0; }
 }
  /* line 867, ../scss/_main.scss */
  .member_wrapper .member_content a {
    color: #5788e4; }
  /* line 869, ../scss/_main.scss */
  .member_wrapper .member_content#staff_5 {
    border-bottom: none; }
  /* line 871, ../scss/_main.scss */
  .member_wrapper .member_content .pull_quote {
    color: #000;
    text-align: center;
    font-size: 23px;
    line-height: 1.1em;
    text-align: left;
    margin-top: 0; }
  /* line 877, ../scss/_main.scss */
  .member_wrapper .member_content .contact_social {
    overflow: hidden;
    background: #5788e4;
    display: block;
    clear: both;
    padding: 20px 0 30px 0;
    text-align: center; }
    /* line 879, ../scss/_main.scss */
    .member_wrapper .member_content .contact_social a {
      text-transform: uppercase;
      font-size: 12px;
      text-align: center;
      color: #fff;
      background: url(img/bg_contact_team@2x.png) center center;
      background-size: 44px 44px;
      display: inline-block;
      width: 44px;
      height: 44px;
      margin: 0 10px; }
      /* line 881, ../scss/_main.scss */
      .member_wrapper .member_content .contact_social a span {
        line-height: 2.2;
        font-size: 20px;
        display: block;
        margin-bottom: 4px; }
  /* line 887, ../scss/_main.scss */
  .member_wrapper .member_content .bio_wrapper {
    background: url(img/arrow-header@2x.png) no-repeat center bottom;
    background-size: 12px 6px;
    padding: 0 6.25% 20px 6.25%; }
    @media (min-width: 600px) {
      /* line 887, ../scss/_main.scss */
      .member_wrapper .member_content .bio_wrapper {
        padding: 40px; } }
    @media (min-width: 850px) {
      /* line 887, ../scss/_main.scss */
      .member_wrapper .member_content .bio_wrapper {
        padding: 40px 0 50px 0; } }
    /* line 892, ../scss/_main.scss */
    .member_wrapper .member_content .bio_wrapper .bio {
      font-size: 17px; }

/* line 898, ../scss/_main.scss */
.application {
  background: #5788e4;
  margin-top: 30px;
  color: #fff;
  padding: 50px 10px 20px 10px; }
  @media (min-width: 600px) {
    /* line 898, ../scss/_main.scss */
    .application {
      padding-left: 0;
      padding-right: 0;
      background: #5788e4 url(img/work-for-us-background.png) no-repeat right 31px;
      background-size: 800px 81px; } }
  @media (min-width: 850px) {
    /* line 898, ../scss/_main.scss */
    .application {
      background-size: 1079px 109px;
      background-position: right 20px; } }
  @media (min-width: 1281px) {
    /* line 898, ../scss/_main.scss */
    .application {
      background-position: left 20px; } }
  /* line 920, ../scss/_main.scss */
  .application a[href^="mailto"] {
    text-decoration: underline;
    color: #fff; }
  /* line 925, ../scss/_main.scss */
  .application a[href^="mailto"].call_to_action {
    text-decoration: none; }
  /* line 929, ../scss/_main.scss */
  .application .call_to_action {
    background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #70a0f5), color-stop(100%, #73a3f8));
    background-image: -webkit-linear-gradient(bottom, #70a0f5, #73a3f8);
    background-image: -moz-linear-gradient(bottom, #70a0f5, #73a3f8);
    background-image: -o-linear-gradient(bottom, #70a0f5, #73a3f8);
    background-image: linear-gradient(bottom, #70a0f5, #73a3f8);
    background-color: #73a3f8;
    font-size: 20px; }
    /* line 933, ../scss/_main.scss */
    .application .call_to_action:hover {
      background-color: #78a7fc;
      background-image: none; }
  /* line 936, ../scss/_main.scss */
  .application h4 {
    font-size: 24px;
    margin-bottom: 20px; }

/*======================= Expertise Page ==================================*/
/* line 945, ../scss/_main.scss */
.expertise_wrapper ul {
  margin: 0; }

/* line 950, ../scss/_main.scss */
.service_intro .tagline {
  margin: 0;
  background: #fff;
  padding: 20px;
  text-align: center;
  margin-bottom: 30px;
  clear: both;
  line-height: 1.1;
  border: 1px solid #e6e6e6;
  border-top: none;
  font-size: 18px;
  color: #000; }
  @media (min-width: 600px) {
    /* line 950, ../scss/_main.scss */
    .service_intro .tagline {
      font-size: 27px;
      padding: 40px 90px 50px 90px; } }
  @media (min-width: 850px) {
    /* line 950, ../scss/_main.scss */
    .service_intro .tagline {
      font-size: 30px;
      padding: 50px 150px 60px 150px; } }
  @media (min-width: 1281px) {
    /* line 950, ../scss/_main.scss */
    .service_intro .tagline {
      padding: 50px 250px 60px 250px; } }

/* line 962, ../scss/_main.scss */
.service_tabs #service_box1 {
  border-right: 0;
  border-bottom: 0; }
  @media (min-width: 850px) {
    /* line 962, ../scss/_main.scss */
    .service_tabs #service_box1 {
      border-bottom: 1px; } }
/* line 966, ../scss/_main.scss */
.service_tabs #service_box2 {
  border-bottom: 0; }
  @media (min-width: 850px) {
    /* line 966, ../scss/_main.scss */
    .service_tabs #service_box2 {
      border-right: 0;
      border-bottom: 1px; } }
/* line 970, ../scss/_main.scss */
.service_tabs #service_box3 {
  border-right: 0; }
/* line 972, ../scss/_main.scss */
.service_tabs > li {
  float: left;
  background-color: #fff;
  border: 1px solid #e6e6e6;
  padding-top: 0;
  box-sizing: border-box;
  /* remove the gutter */
  /* remove the gutter */ }
  /* line 974, ../scss/_main.scss */
  .service_tabs > li.m4-m6 {
    margin-left: 50%!important;
    width: 50%!important; }
  /* line 976, ../scss/_main.scss */
  .service_tabs > li.m1-m3 {
    width: 50%!important; }
  @media (min-width: 850px) {
    /* line 979, ../scss/_main.scss */
    .service_tabs > li.d1-d3 {
      width: 25%!important; }
    /* line 980, ../scss/_main.scss */
    .service_tabs > li.d4-d6 {
      margin-left: 25% !important;
      width: 25%!important; }
    /* line 981, ../scss/_main.scss */
    .service_tabs > li.d7-d9 {
      margin-left: 50% !important;
      width: 25%!important; }
    /* line 982, ../scss/_main.scss */
    .service_tabs > li.d10-d12 {
      margin-left: 75% !important;
      width: 25%!important; } }
  /* line 985, ../scss/_main.scss */
  .service_tabs > li ul {
    overflow: hidden;
    float: left;
    width: 100%;
    height: 300px;
    padding: 20px 0px;
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s; }
    /* line 987, ../scss/_main.scss */
    .service_tabs > li ul.online_tab {
      background: #222222 url(img/bg_first_tab_service@2x.png) center center;
      background-size: cover; }
    /* line 988, ../scss/_main.scss */
    .service_tabs > li ul.mobile_tab {
      background: #222222 url(img/bg_second_tab_service@2x.png) center center;
      background-size: cover; }
    /* line 989, ../scss/_main.scss */
    .service_tabs > li ul.design_tab {
      background: #222222 url(img/bg_third_tab_service@2x.png) center center;
      background-size: cover; }
    /* line 990, ../scss/_main.scss */
    .service_tabs > li ul.consultancy_tab {
      background: #222222 url(img/bg_fourth_tab_service@2x.png) center center;
      background-size: cover; }
    /* line 992, ../scss/_main.scss */
    .service_tabs > li ul li {
      float: none;
      text-align: center;
      background-color: transparent;
      color: #fff;
      padding: 5px 0;
      text-transform: uppercase;
      font-size: 15px;
      font-family: 'bariol_bold'; }
/* line 997, ../scss/_main.scss */
.service_tabs h4 {
  margin: 0;
  font-size: 23px;
  padding: 20px 0; }
  @media (min-width: 600px) {
    /* line 997, ../scss/_main.scss */
    .service_tabs h4 {
      font-size: 28px;
      padding: 30px 0; } }
  @media (min-width: 850px) {
    /* line 997, ../scss/_main.scss */
    .service_tabs h4 {
      font-size: 28px; } }
  @media (min-width: 1281px) {
    /* line 997, ../scss/_main.scss */
    .service_tabs h4 {
      font-size: 32px; } }
/* line 1003, ../scss/_main.scss */
.service_tabs a {
  display: block;
  color: #5788e4;
  text-align: center;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  transition-duration: 0.2s; }
  /* line 1005, ../scss/_main.scss */
  .service_tabs a:hover {
    background: #5788e4;
    color: #fff; }
  /* line 1006, ../scss/_main.scss */
  .service_tabs a:hover ul {
    background-color: #5788e4; }

/* line 1011, ../scss/_main.scss */
.services {
  background-color: whitesmoke; }
  @media (min-width: 1281px) {
    /* line 1011, ../scss/_main.scss */
    .services {
      overflow: hidden;
      position: relative; } }
  /* line 1017, ../scss/_main.scss */
  .services .image_wrapper img {
    position: relative;
    margin-top: -230px;
    max-width: 100%;
    height: auto; }
    @media (min-width: 600px) {
      /* line 1017, ../scss/_main.scss */
      .services .image_wrapper img {
        margin-top: -40%; } }
    @media (min-width: 1281px) {
      /* line 1017, ../scss/_main.scss */
      .services .image_wrapper img {
        margin-top: -480px;
        height: 700px;
        overflow: hidden;
        position: relative; } }
    @media (min-width: 1281px) {
      /* line 1017, ../scss/_main.scss */
      .services .image_wrapper img {
        max-width: none!important;
        width: 1900px;
        position: absolute;
        left: 50%;
        margin-left: -950px;
        height: auto; } }
  /* line 1024, ../scss/_main.scss */
  .services .image_wrapper.mobile_examples img {
    /*margin-top: -180px;*/ }
    @media (min-width: 600px) {
      /* line 1024, ../scss/_main.scss */
      .services .image_wrapper.mobile_examples img {
        margin-top: -35%; } }
    @media (min-width: 1281px) {
      /* line 1024, ../scss/_main.scss */
      .services .image_wrapper.mobile_examples img {
        margin-top: -400px; } }
  @media (min-width: 1281px) {
    /* line 1029, ../scss/_main.scss */
    .services .image_wrapper.design_examples img {
      margin-top: -520px; } }
  @media (min-width: 1281px) {
    /* line 1035, ../scss/_main.scss */
    .services .image_wrapper.online_examples {
      height: 150px; }
    /* line 1036, ../scss/_main.scss */
    .services .image_wrapper.mobile_examples {
      height: 120px; }
    /* line 1037, ../scss/_main.scss */
    .services .image_wrapper.design_examples {
      height: 160px; } }
  /* line 1041, ../scss/_main.scss */
  .services .intro {
    background-color: #5788e4;
    color: #fff;
    padding: 60px 0 260px 0;
    		/*&#mobile {padding: 60px 0 200px 0;
    
    			@include breakpoint(desktop) {padding: 60px 0 260px 0;}
    
    		}*/ }
    /* line 1049, ../scss/_main.scss */
    .services .intro.consultancy_wrapper {
      padding: 60px 0 20px 0; }
    @media (min-width: 600px) {
      /* line 1041, ../scss/_main.scss */
      .services .intro {
        padding-bottom: 22%; }
        /* line 1051, ../scss/_main.scss */
        .services .intro#design {
          padding-bottom: 18%; } }
    @media (min-width: 850px) {
      /* line 1041, ../scss/_main.scss */
      .services .intro {
        padding: 100px 0 20% 0; } }
    @media (min-width: 950px) {
      /* line 1041, ../scss/_main.scss */
      .services .intro {
        padding-bottom: 20%; } }
    @media (min-width: 1281px) {
      /* line 1041, ../scss/_main.scss */
      .services .intro {
        padding-bottom: 230px; }
        /* line 1056, ../scss/_main.scss */
        .services .intro#design {
          padding-bottom: 230px; } }
    /* line 1059, ../scss/_main.scss */
    .services .intro h2 {
      font-size: 14px;
      line-height: 1em;
      margin: 0;
      text-transform: uppercase;
      font-family: 'bariol_bold';
      letter-spacing: 1px; }
      @media (min-width: 850px) {
        /* line 1059, ../scss/_main.scss */
        .services .intro h2 {
          font-size: 18px;
          letter-spacing: 3px; } }
    /* line 1063, ../scss/_main.scss */
    .services .intro p {
      font-size: 25px;
      line-height: 1em;
      margin-top: 1em; }
      @media (min-width: 600px) {
        /* line 1063, ../scss/_main.scss */
        .services .intro p {
          font-size: 30px;
          line-height: 0.95em;
          letter-spacing: -1px; } }
      @media (min-width: 950px) {
        /* line 1063, ../scss/_main.scss */
        .services .intro p {
          font-size: 35px; } }
      @media (min-width: 1281px) {
        /* line 1063, ../scss/_main.scss */
        .services .intro p {
          font-size: 42px; } }
  /* line 1070, ../scss/_main.scss */
  .services .service_details {
    padding: 20px 0 30px 0; }
    /* line 1072, ../scss/_main.scss */
    .services .service_details a {
      color: #5788e4; }
    @media (min-width: 600px) {
      /* line 1070, ../scss/_main.scss */
      .services .service_details {
        padding: 40px 0 40px 0; } }
    @media (min-width: 850px) {
      /* line 1070, ../scss/_main.scss */
      .services .service_details {
        padding: 40px 0 60px 0; } }
    @media (min-width: 950px) {
      /* line 1070, ../scss/_main.scss */
      .services .service_details {
        padding: 65px 0 90px 0; } }
    /* line 1078, ../scss/_main.scss */
    .services .service_details p.service_details_tx {
      margin-bottom: 2em; }
      @media (min-width: 1281px) {
        /* line 1078, ../scss/_main.scss */
        .services .service_details p.service_details_tx {
          margin-bottom: 3em;
          font-size: 19px;
          line-height: 1.3em;
          margin-bottom: 2em; } }
    /* line 1083, ../scss/_main.scss */
    .services .service_details ul li {
      text-align: center;
      margin-bottom: 10px;
      overflow: hidden; }
    /* line 1084, ../scss/_main.scss */
    .services .service_details ul p {
      margin-top: 5px;
      line-height: 1.1em;
      font-size: 16px; }
    /* line 1085, ../scss/_main.scss */
    .services .service_details ul span[data-icon] {
      color: #999999;
      background: url(img/circle_expertise@2x.png) no-repeat center top;
      display: inline-block;
      background-size: 75px 75px;
      width: 75px;
      height: 75px;
      line-height: 2.7;
      text-align: center;
      font-size: 30px; }
    /* line 1086, ../scss/_main.scss */
    .services .service_details ul h3 {
      line-height: 1.2;
      margin: 10px 0;
      padding: 0;
      text-transform: uppercase;
      font-size: 15px;
      font-family: 'bariol_bold';
      color: #000; }
  /* line 1091, ../scss/_main.scss */
  .services .design_details h3, .services .mobile_details h3 {
    color: #000!important; }
  /* line 1093, ../scss/_main.scss */
  .services .design_details li div, .services .mobile_details li div {
    text-align: left; }
    @media (min-width: 600px) {
      /* line 1093, ../scss/_main.scss */
      .services .design_details li div, .services .mobile_details li div {
        text-align: center; } }
  /* line 1099, ../scss/_main.scss */
  .services .design_details li div, .services .consultancy_details li div {
    text-align: left; }
    @media (min-width: 600px) {
      /* line 1099, ../scss/_main.scss */
      .services .design_details li div, .services .consultancy_details li div {
        text-align: center; } }
  /* line 1105, ../scss/_main.scss */
  .services #mobile li h3, .services #mobile li p, .services #design li h3, .services #design li p {
    text-align: left; }
  /* line 1106, ../scss/_main.scss */
  .services #mobile h3, .services #design h3 {
    color: #000;
    font-size: 15px; }

/* line 1109, ../scss/_main.scss */
#our_process {
  background-color: transparent;
  text-align: left;
  border-top: 1px solid #e6e6e6; }
  /* line 1112, ../scss/_main.scss */
  #our_process img.process-line {
    display: none; }
  /* line 1114, ../scss/_main.scss */
  #our_process .intro_wrapper {
    text-align: center; }
    @media (min-width: 850px) {
      /* line 1116, ../scss/_main.scss */
      #our_process .intro_wrapper #intro_align {
        padding: 15px 10px 0 0; } }
    @media (min-width: 1281px) {
      /* line 1116, ../scss/_main.scss */
      #our_process .intro_wrapper #intro_align {
        padding: 40px 40px 0 0; } }
    @media (min-width: 850px) {
      /* line 1120, ../scss/_main.scss */
      #our_process .intro_wrapper #intro_align h3 {
        margin-bottom: 0; } }
  @media (min-width: 850px) {
    /* line 1109, ../scss/_main.scss */
    #our_process {
      padding-bottom: 20px; }
      /* line 1129, ../scss/_main.scss */
      #our_process img.process-line {
        display: block;
        max-width: 100%;
        height: auto;
        position: absolute;
        z-index: -99;
        margin-top: 70px; } }
  @media (min-width: 850px) and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    /* line 1133, ../scss/_main.scss */
    #our_process img.process-line {
      display: block;
      max-width: 100%;
      height: auto;
      position: absolute;
      z-index: -99;
      margin-top: 69px; } }
  @media (min-width: 1281px) {
    /* line 1109, ../scss/_main.scss */
    #our_process {
      background: url(img/process-line.png) center 150px no-repeat;
      background-size: 100% 788px; }
      /* line 1138, ../scss/_main.scss */
      #our_process img.process-line {
        display: none; } }
  @media (min-width: 1500px) {
    /* line 1109, ../scss/_main.scss */
    #our_process {
      background: url(img/process-line-largedesk.png) center 150px no-repeat;
      background-size: 4000px 788px; } }
  /* line 1145, ../scss/_main.scss */
  #our_process #process_wrapper {
    background: url(img/process-line-mob.png) no-repeat 15.22% top; }
    @media (min-width: 600px) {
      /* line 1145, ../scss/_main.scss */
      #our_process #process_wrapper {
        background-position: 19.8% top; } }
    @media (min-width: 601px) and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
      /* line 1145, ../scss/_main.scss */
      #our_process #process_wrapper {
        background-position: 19.75% top; } }
    @media (min-width: 850px) {
      /* line 1145, ../scss/_main.scss */
      #our_process #process_wrapper {
        background: none;
        padding-top: 70px; } }
  /* line 1151, ../scss/_main.scss */
  #our_process .process_steps {
    margin-bottom: 30px;
    overflow: hidden;
    line-height: 1.1em; }
    @media (min-width: 850px) {
      /* line 1151, ../scss/_main.scss */
      #our_process .process_steps {
        margin-bottom: 10%;
        font-size: 14px;
        line-height: 1em; } }
    @media (min-width: 950px) {
      /* line 1151, ../scss/_main.scss */
      #our_process .process_steps {
        margin-bottom: 10%;
        font-size: 1em;
        line-height: 1.1em; } }
    /* line 1155, ../scss/_main.scss */
    #our_process .process_steps h3 {
      color: #000;
      margin-top: 0;
      text-transform: uppercase;
      margin-bottom: 5px;
      font-size: 15px;
      letter-spacing: 0 !important;
      line-height: 1.1em;
      font-family: 'bariol_bold'; }
      @media (min-width: 850px) {
        /* line 1155, ../scss/_main.scss */
        #our_process .process_steps h3 {
          margin-bottom: 9%; } }
    /* line 1159, ../scss/_main.scss */
    #our_process .process_steps li {
      text-transform: capitalize; }
  /* line 1163, ../scss/_main.scss */
  #our_process .process_tx {
    padding-top: 3%; }
    @media (min-width: 600px) {
      /* line 1163, ../scss/_main.scss */
      #our_process .process_tx {
        padding-top: 5%; } }
    @media (min-width: 850px) {
      /* line 1163, ../scss/_main.scss */
      #our_process .process_tx {
        padding-top: 9%; } }
    @media (min-width: 950px) {
      /* line 1163, ../scss/_main.scss */
      #our_process .process_tx {
        padding-top: 10.5%; } }
  @media (min-width: 850px) {
    /* line 1170, ../scss/_main.scss */
    #our_process #process2 .process_tx, #our_process #process4 .process_tx {
      padding-top: 5.8%; } }
  @media (min-width: 950px) {
    /* line 1170, ../scss/_main.scss */
    #our_process #process2 .process_tx, #our_process #process4 .process_tx {
      padding-top: 7.3%; } }
  @media (min-width: 850px) {
    /* line 1179, ../scss/_main.scss */
    #our_process #process5 .process_tx {
      padding-top: 4%; }
      /* line 1183, ../scss/_main.scss */
      #our_process #process5 .process_tx h3 {
        margin-bottom: 5%; } }

@media (min-width: 850px) and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  /* line 1190, ../scss/_main.scss */
  #process4, #process5 {
    margin-top: 2px; } }
/* line 1194, ../scss/_main.scss */
#consultancy img {
  max-width: 100%;
  height: auto; }
  @media (min-width: 600px) {
    /* line 1194, ../scss/_main.scss */
    #consultancy img {
      margin-top: -20px; } }
  @media (min-width: 850px) {
    /* line 1194, ../scss/_main.scss */
    #consultancy img {
      margin-top: -40px;
      max-width: 550px; } }
@media (min-width: 850px) {
  /* line 1202, ../scss/_main.scss */
  #consultancy h2 {
    padding-top: 50px; }
  /* line 1204, ../scss/_main.scss */
  #consultancy p {
    margin-bottom: 50px; } }

/*======================= Home Page Slideshow ==================================*/
/* line 1210, ../scss/_main.scss */
#slider-with-blocks-1 {
  display: none; }
  /* line 1211, ../scss/_main.scss */
  .no-js #slider-with-blocks-1 {
    display: block; }

/* line 1215, ../scss/_main.scss */
.slideshow .rsNav {
  height: 30px;
  text-align: center;
  width: 100%;
  margin-top: 20px; }
  @media (min-width: 850px) {
    /* line 1215, ../scss/_main.scss */
    .slideshow .rsNav {
      text-align: left;
      margin-left: 6.25%;
      width: auto;
      margin-top: -20px;
      z-index: 990;
      position: relative; } }
  @media (min-width: 1281px) {
    /* line 1215, ../scss/_main.scss */
    .slideshow .rsNav {
      width: 1120px;
      left: 50%;
      bottom: 0;
      margin-left: -560px;
      position: absolute; } }
/* line 1222, ../scss/_main.scss */
.slideshow .rsBullet {
  width: 13px;
  height: 13px;
  background: url(img/bullet@2x_large.png) no-repeat;
  background-size: 13px 13px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  margin-right: 7px;
  cursor: pointer; }
/* line 1224, ../scss/_main.scss */
.slideshow .rsNavSelected {
  background: url(img/bullet_active@2x.png) no-repeat;
  background-size: 13px 13px; }
/* line 1226, ../scss/_main.scss */
.slideshow .slider_intro {
  color: #fff;
  margin: 15px 6.25% 0 6.25%;
  position: absolute;
  z-index: 15;
  line-height: 1em;
  font-size: 16px; }
  @media (min-width: 850px) {
    /* line 1226, ../scss/_main.scss */
    .slideshow .slider_intro {
      margin: 0 6.25%;
      line-height: 1.2em; } }
  @media (min-width: 1281px) {
    /* line 1226, ../scss/_main.scss */
    .slideshow .slider_intro {
      width: 1120px;
      left: 50%;
      margin-left: -560px; } }
  /* line 1231, ../scss/_main.scss */
  .slideshow .slider_intro h2 {
    font-size: 22px; }
  /* line 1233, ../scss/_main.scss */
  .slideshow .slider_intro ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    overflow: hidden; }
  /* line 1235, ../scss/_main.scss */
  .slideshow .slider_intro li {
    border: 1px solid white;
    float: left;
    padding: 2px 8px;
    margin: 0 7px 7px 0;
    text-transform: uppercase;
    font-size: 11px; }
  @media (min-width: 850px) {
    /* line 1240, ../scss/_main.scss */
    .slideshow .slider_intro .slider_intro_wrapper {
      width: 250px;
      top: 340px;
      position: relative; } }
  /* line 1244, ../scss/_main.scss */
  .slideshow .slider_intro .slider_intro_wrapper small {
    display: block;
    font-size: 12px; }
/* line 1248, ../scss/_main.scss */
.slideshow .royalSlider {
  height: 450px;
  /*overflow:hidden;*/ }
  @media (min-width: 600px) {
    /* line 1248, ../scss/_main.scss */
    .slideshow .royalSlider {
      height: 700px; } }
  @media (min-width: 850px) {
    /* line 1248, ../scss/_main.scss */
    .slideshow .royalSlider {
      height: 625px; } }
  /* line 1251, ../scss/_main.scss */
  .slideshow .royalSlider iframe {
    position: absolute;
    height: 92%;
    width: 100%;
    background: #000;
    z-index: 1; }
  @media all and (max-width: 1119px) {
    /* line 1253, ../scss/_main.scss */
    .slideshow .royalSlider iframe {
      display: none; } }

/* line 1258, ../scss/_main.scss */
.slideshow .rsContent {
  background-color: #333; }

/* line 1260, ../scss/_main.scss */
.slider-nav {
  width: 100%;
  height: 60px;
  background-color: whitesmoke;
  position: absolute;
  bottom: 0;
  z-index: 3; }

/* START CSS3 ANIMATED BACKGROUND*/
/* line 1270, ../scss/_main.scss */
.slideshow .rsContent .sliderBgImg {
  background-size: cover;
  position: relative;
  height: 100%;
  z-index: 0;
  -webkit-animation: animatedBackground 30s ease-in-out infinite;
  -moz-animation: animatedBackground 30s ease-in-out infinite;
  animation: animatedBackground 30s ease-in-out infinite;
  /*-webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;*/ }

@-webkit-keyframes animatedBackground {
  /* line 1283, ../scss/_main.scss */
  0% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1); }

  /* line 1290, ../scss/_main.scss */
  45% {
    -webkit-transform: scale(1.25, 1.25);
    -moz-transform: scale(1.25, 1.25);
    -ms-transform: scale(1.25, 1.25);
    -o-transform: scale(1.25, 1.25);
    transform: scale(1.25, 1.25); }

  /* line 1297, ../scss/_main.scss */
  50% {
    -webkit-transform: scale(1.25, 1.25);
    -moz-transform: scale(1.25, 1.25);
    -ms-transform: scale(1.25, 1.25);
    -o-transform: scale(1.25, 1.25);
    transform: scale(1.25, 1.25); }

  /* line 1304, ../scss/_main.scss */
  95% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1); }

  /* line 1311, ../scss/_main.scss */
  100% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1); } }

@-moz-keyframes animatedBackground {
  /* line 1320, ../scss/_main.scss */
  0% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1); }

  /* line 1327, ../scss/_main.scss */
  45% {
    -webkit-transform: scale(1.25, 1.25);
    -moz-transform: scale(1.25, 1.25);
    -ms-transform: scale(1.25, 1.25);
    -o-transform: scale(1.25, 1.25);
    transform: scale(1.25, 1.25); }

  /* line 1334, ../scss/_main.scss */
  50% {
    -webkit-transform: scale(1.25, 1.25);
    -moz-transform: scale(1.25, 1.25);
    -ms-transform: scale(1.25, 1.25);
    -o-transform: scale(1.25, 1.25);
    transform: scale(1.25, 1.25); }

  /* line 1341, ../scss/_main.scss */
  95% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1); }

  /* line 1348, ../scss/_main.scss */
  100% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1); } }

@keyframes animatedBackground {
  /* line 1357, ../scss/_main.scss */
  0% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1); }

  /* line 1364, ../scss/_main.scss */
  45% {
    -webkit-transform: scale(1.25, 1.25);
    -moz-transform: scale(1.25, 1.25);
    -ms-transform: scale(1.25, 1.25);
    -o-transform: scale(1.25, 1.25);
    transform: scale(1.25, 1.25); }

  /* line 1371, ../scss/_main.scss */
  50% {
    -webkit-transform: scale(1.25, 1.25);
    -moz-transform: scale(1.25, 1.25);
    -ms-transform: scale(1.25, 1.25);
    -o-transform: scale(1.25, 1.25);
    transform: scale(1.25, 1.25); }

  /* line 1378, ../scss/_main.scss */
  95% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1); }

  /* line 1385, ../scss/_main.scss */
  100% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1); } }

/* END CSS3 ANIMATED BACKGROUND*/
/* line 1397, ../scss/_main.scss */
.osit .sliderBgImg {
  background: url(img/osit-slider-bg-2560.jpg) no-repeat; }
/* line 1399, ../scss/_main.scss */
.osit .iphone_osit {
  left: 0px;
  bottom: 0;
  height: 180px; }
/* line 1400, ../scss/_main.scss */
.osit .macbook_osit {
  left: -40px;
  bottom: 0;
  height: 260px; }
@media (min-width: 600px) {
  /* line 1403, ../scss/_main.scss */
  .osit .iphone_osit {
    left: 0px;
    height: 300px; }
  /* line 1404, ../scss/_main.scss */
  .osit .macbook_osit {
    left: -60px;
    height: 500px; } }
@media (min-width: 850px) {
  /* line 1408, ../scss/_main.scss */
  .osit .iphone_osit {
    left: 34%;
    height: 350px; }
  /* line 1409, ../scss/_main.scss */
  .osit .macbook_osit {
    left: 34%;
    height: 599px; } }
@media (min-width: 1500px) {
  /* line 1413, ../scss/_main.scss */
  .osit .iphone_osit {
    left: 38%; }
  /* line 1414, ../scss/_main.scss */
  .osit .macbook_osit {
    left: 38%; } }

/* line 1420, ../scss/_main.scss */
.anniversary .sliderBgImg {
  background: url(img/15anniversary-slider-bg.jpg) center top no-repeat; }
  @media (min-width: 600px) {
    /* line 1420, ../scss/_main.scss */
    .anniversary .sliderBgImg {
      background: url(img/15anniversary-slider-bg.jpg) center top no-repeat; } }
  @media (min-width: 850px) {
    /* line 1420, ../scss/_main.scss */
    .anniversary .sliderBgImg {
      background: url(img/15anniversary-slider-bg-desk.jpg) left top no-repeat; } }
/* line 1425, ../scss/_main.scss */
.anniversary .anniversary_15 {
  left: 25px;
  bottom: 80px;
  height: 200px; }
@media (min-width: 600px) {
  /* line 1428, ../scss/_main.scss */
  .anniversary .anniversary_15 {
    left: 10%;
    height: 360px; } }
@media (min-width: 850px) {
  /* line 1432, ../scss/_main.scss */
  .anniversary .anniversary_15 {
    left: 40%;
    bottom: 80px;
    height: 360px; } }
@media (min-width: 950px) {
  /* line 1436, ../scss/_main.scss */
  .anniversary .anniversary_15 {
    left: 42%;
    height: 400px; } }

/* line 1444, ../scss/_main.scss */
.piaf .sliderBgImg {
  background: url(img/piaf-slider-bg-clean.jpg) no-repeat; }
  @media (min-width: 850px) {
    /* line 1444, ../scss/_main.scss */
    .piaf .sliderBgImg {
      background: url(img/piaf-slider-bg.jpg); } }
/* line 1448, ../scss/_main.scss */
.piaf .piaf_app {
  left: 0px;
  bottom: 0;
  height: 310px; }
@media (min-width: 600px) {
  /* line 1451, ../scss/_main.scss */
  .piaf .piaf_app {
    left: 10%;
    height: 519px; } }
@media (min-width: 850px) {
  /* line 1455, ../scss/_main.scss */
  .piaf .piaf_app {
    left: 35%;
    height: 619px; } }
@media (min-width: 950px) {
  /* line 1459, ../scss/_main.scss */
  .piaf .piaf_app {
    left: 45%; } }

/* line 1466, ../scss/_main.scss */
.gap .sliderBgImg {
  background: url(img/gap-slider-bg-2560.jpg) no-repeat; }
/* line 1468, ../scss/_main.scss */
.gap .imac_gap {
  left: 0px;
  bottom: 0;
  height: 260px; }
@media (min-width: 600px) {
  /* line 1471, ../scss/_main.scss */
  .gap .imac_gap {
    left: 10%;
    height: 500px; } }
@media (min-width: 850px) {
  /* line 1475, ../scss/_main.scss */
  .gap .imac_gap {
    left: 36%;
    height: 599px; } }
@media (min-width: 1500px) {
  /* line 1479, ../scss/_main.scss */
  .gap .imac_gap {
    left: 40%; } }

/* line 1487, ../scss/_main.scss */
.alinta .slider_intro {
  color: #000; }
/* line 1491, ../scss/_main.scss */
.alinta .slider_intro li {
  border-color: #000; }
/* line 1495, ../scss/_main.scss */
.alinta .sliderBgImg {
  background: url(img/alinta-slider-bg-1280.jpg) no-repeat; }
/* line 1497, ../scss/_main.scss */
.alinta .screen {
  left: 50%;
  bottom: 0;
  height: 300px;
  margin-left: -200px; }
/* line 1498, ../scss/_main.scss */
.alinta .circle-right {
  width: 120px;
  left: 50%;
  bottom: 30px;
  margin-left: 60px; }
/* line 1499, ../scss/_main.scss */
.alinta .circle-left {
  width: 120px;
  left: 50%;
  bottom: 160px;
  margin-left: -180px; }
@media (min-width: 600px) {
  /* line 1502, ../scss/_main.scss */
  .alinta .screen {
    height: 450px;
    margin-left: -300px; }
  /* line 1503, ../scss/_main.scss */
  .alinta .circle-right {
    width: 250px;
    bottom: 30px;
    margin-left: 80px; }
  /* line 1504, ../scss/_main.scss */
  .alinta .circle-left {
    width: 250px;
    bottom: 220px;
    margin-left: -281px; } }
@media (min-width: 850px) {
  /* line 1485, ../scss/_main.scss */
  .alinta {
    /* this one pixel extra removes artefacts when resizing the browser */ }
    /* line 1508, ../scss/_main.scss */
    .alinta .screen {
      left: 35%;
      height: 476px;
      margin-left: 0; }
    /* line 1509, ../scss/_main.scss */
    .alinta .circle-right {
      bottom: 30px;
      margin-left: 200px; }
    /* line 1510, ../scss/_main.scss */
    .alinta .circle-left {
      bottom: 260px;
      margin-left: -150px; } }
@media (min-width: 1500px) {
  /* line 1514, ../scss/_main.scss */
  .alinta .circle-right {
    bottom: 30px;
    margin-left: 140px; }
  /* line 1515, ../scss/_main.scss */
  .alinta .circle-left {
    bottom: 260px;
    margin-left: -200px; }
  /* line 1516, ../scss/_main.scss */
  .alinta .circle {
    left: 56%; } }

/* line 1522, ../scss/_main.scss */
.ninty_six .sliderBgImg {
  background: url(img/96fm-slider-bg-1280.jpg) no-repeat; }
/* line 1524, ../scss/_main.scss */
.ninty_six .icon_96fm {
  left: 20px;
  bottom: 0;
  height: 60px; }
/* line 1525, ../scss/_main.scss */
.ninty_six .iphone_96fm {
  left: 60px;
  bottom: 0;
  height: 150px; }
/* line 1526, ../scss/_main.scss */
.ninty_six .samsung_96fm {
  left: 100px;
  bottom: 0;
  height: 150px; }
/* line 1527, ../scss/_main.scss */
.ninty_six .imac_96fm {
  left: 100px;
  bottom: 0;
  height: 250px; }
@media (min-width: 600px) {
  /* line 1530, ../scss/_main.scss */
  .ninty_six .icon_96fm {
    left: 20px;
    height: 100px; }
  /* line 1531, ../scss/_main.scss */
  .ninty_six .iphone_96fm {
    left: 60px;
    height: 270px; }
  /* line 1532, ../scss/_main.scss */
  .ninty_six .samsung_96fm {
    left: 150px;
    height: 270px; }
  /* line 1533, ../scss/_main.scss */
  .ninty_six .imac_96fm {
    left: 100px;
    height: 500px; } }
@media (min-width: 850px) {
  /* line 1537, ../scss/_main.scss */
  .ninty_six .icon_96fm {
    left: 34%;
    height: 140px; }
  /* line 1538, ../scss/_main.scss */
  .ninty_six .iphone_96fm {
    left: 38%;
    height: 447px; }
  /* line 1539, ../scss/_main.scss */
  .ninty_six .samsung_96fm {
    left: 48%;
    height: 446px; }
  /* line 1540, ../scss/_main.scss */
  .ninty_six .imac_96fm {
    left: 50%;
    height: 611px; } }
@media (min-width: 1500px) {
  /* line 1544, ../scss/_main.scss */
  .ninty_six .icon_96fm {
    left: 38%; }
  /* line 1545, ../scss/_main.scss */
  .ninty_six .iphone_96fm {
    left: 42%; }
  /* line 1546, ../scss/_main.scss */
  .ninty_six .samsung_96fm {
    left: 50%; }
  /* line 1547, ../scss/_main.scss */
  .ninty_six .imac_96fm {
    left: 54%; } }

@media (min-width: 850px) {
  /* line 1552, ../scss/_main.scss */
  .offset_anchor:before {
    content: "";
    display: block;
    height: 150px;
    /* fixed header height*/
    margin: -150px 0 0;
    /* negative fixed header height */ } }
/* line 1555, ../scss/_main.scss */
#map-canvas {
  width: 100%; }

/*======================= Contact Page ==================================*/
/* line 1559, ../scss/_main.scss */
#contact_page .section_intro {
  border-bottom: 1px solid #e6e6e6; }

/* line 1561, ../scss/_main.scss */
.contact_form {
  text-align: left;
  margin-top: 30px;
  clear: both;
  overflow: hidden; }
  @media (min-width: 850px) {
    /* line 1561, ../scss/_main.scss */
    .contact_form {
      margin-top: 100px; } }
  /* line 1565, ../scss/_main.scss */
  .contact_form label, .contact_form h4 {
    text-transform: uppercase;
    color: #000;
    font-family: 'bariol_bold';
    font-size: 16px;
    display: block;
    margin-bottom: 3px; }
    @media (min-width: 600px) {
      /* line 1565, ../scss/_main.scss */
      .contact_form label, .contact_form h4 {
        font-size: 14px; } }
    @media (min-width: 850px) {
      /* line 1565, ../scss/_main.scss */
      .contact_form label, .contact_form h4 {
        letter-spacing: 1px;
        font-size: 16px; } }
    /* line 1570, ../scss/_main.scss */
    .contact_form label span, .contact_form h4 span {
      color: #ff0000;
      letter-spacing: 0px;
      font-style: italic; }
  /* line 1575, ../scss/_main.scss */
  .contact_form #enquiry_type input {
    opacity: 0;
    display: block;
    margin-bottom: -5px; }
  /* line 1576, ../scss/_main.scss */
  .contact_form #enquiry_type label {
    cursor: pointer;
    padding-left: 40px;
    background: url(img/checkbox-sprite@2x.png) no-repeat;
    background-position: 0 33%;
    background-size: 29px 112px;
    font-size: 18px;
    color: #555555;
    font-family: 'bariol_regular';
    text-transform: none;
    height: 27px;
    letter-spacing: 0px; }
  /* line 1577, ../scss/_main.scss */
  .contact_form #enquiry_type input:checked + label {
    background-position: 0 66%; }
  /* line 1578, ../scss/_main.scss */
  .contact_form #enquiry_type .focused_checkbox {
    background-position: 0 0; }
  /* line 1579, ../scss/_main.scss */
  .contact_form #enquiry_type input:checked + label.focused_checkbox {
    background-position: 0 99% !important; }
  /* line 1580, ../scss/_main.scss */
  .contact_form #enquiry_type span.error {
    margin-top: -30px; }
  /* line 1581, ../scss/_main.scss */
  .contact_form #enquiry_type ul {
    margin-top: 0;
    margin-bottom: 0; }
  /* line 1583, ../scss/_main.scss */
  .contact_form input, .contact_form textarea {
    font-family: 'bariol_regular'; }
  /* line 1587, ../scss/_main.scss */
  .contact_form input[type="text"],
  .contact_form input[type="email"],
  .contact_form input[type="submit"],
  .contact_form textarea {
    width: 100%;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #555555;
    font-size: 18px; }
  /* line 1592, ../scss/_main.scss */
  .contact_form input:focus,
  .contact_form textarea:focus,
  .contact_form .selected_dropdown {
    border: 1px solid #5788e4 !important;
    outline: none; }
  /* line 1597, ../scss/_main.scss */
  .contact_form input[type="text"],
  .contact_form input[type="email"],
  .contact_form textarea {
    -webkit-box-shadow: inset 2px 2px 4px #f3f3f3;
    -moz-box-shadow: inset 2px 2px 4px #f3f3f3;
    box-shadow: inset 2px 2px 4px #f3f3f3;
    border: 1px solid #cccccc;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    padding: 13px 15px; }
  /* line 1599, ../scss/_main.scss */
  .contact_form input[type="text"], .contact_form input[type="email"], .contact_form textarea, .contact_form select {
    margin-bottom: 20px; }
  /* line 1601, ../scss/_main.scss */
  .contact_form select {
    font-size: 16px;
    box-sizing: border-box;
    cursor: pointer;
    z-index: 10;
    display: block;
    width: 100%;
    border: 1px solid #cccccc;
    color: #555555;
    height: 47px;
    opacity: 0; }
    @media (min-width: 600px) {
      /* line 1601, ../scss/_main.scss */
      .contact_form select {
        font-size: 14px; } }
  /* line 1607, ../scss/_main.scss */
  .contact_form textarea {
    height: 170px; }
  /* line 1609, ../scss/_main.scss */
  .contact_form #project_overview_wrapper {
    margin-top: 30px; }
  /* line 1611, ../scss/_main.scss */
  .contact_form input[type="submit"] {
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s;
    height: 48px;
    font-family: 'bariol_bold';
    margin-top: 25px;
    color: #fff;
    background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #5788e4), color-stop(100%, #5f92f1));
    background-image: -webkit-linear-gradient(bottom, #5788e4, #5f92f1);
    background-image: -moz-linear-gradient(bottom, #5788e4, #5f92f1);
    background-image: -o-linear-gradient(bottom, #5788e4, #5f92f1);
    background-image: linear-gradient(bottom, #5788e4, #5f92f1);
    background-color: #5f92f1;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 2px #4a7bd8;
    -moz-box-shadow: 0 2px #4a7bd8;
    box-shadow: 0 2px #4a7bd8;
    border: none;
    padding: 13px 0;
    text-transform: uppercase;
    font-size: 16px;
    letter-spacing: 1px; }
    /* line 1613, ../scss/_main.scss */
    .contact_form input[type="submit"]:hover {
      background-image: none;
      background-color: #699bf9; }
  /* line 1617, ../scss/_main.scss */
  .contact_form .bg_select {
    box-sizing: border-box;
    text-indent: 15px;
    margin: -67px 0 20px 0;
    line-height: 49px;
    z-index: 1;
    height: 49px;
    background: url(img/bg_select.png) no-repeat right center;
    display: block;
    width: 100%;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    border: 1px #cccccc solid;
    -webkit-box-shadow: 1px 1px 2px #eeeeee;
    -moz-box-shadow: 1px 1px 2px #eeeeee;
    box-shadow: 1px 1px 2px #eeeeee; }
  /* line 1618, ../scss/_main.scss */
  .contact_form span.error {
    color: red;
    text-transform: none;
    font-family: 'bariol_regular'; }
    @media (min-width: 600px) {
      /* line 1618, ../scss/_main.scss */
      .contact_form span.error {
        font-size: 13px; } }
    @media (min-width: 850px) {
      /* line 1618, ../scss/_main.scss */
      .contact_form span.error {
        font-size: 15px; } }
  /* line 1624, ../scss/_main.scss */
  .contact_form textarea.error, .contact_form input.error, .contact_form select.error + .bg_select {
    border: 1px solid red; }

/* line 1627, ../scss/_main.scss */
.required_legend {
  text-align: left;
  font-style: italic; }
  /* line 1629, ../scss/_main.scss */
  .required_legend span {
    color: red; }

/* line 1633, ../scss/_main.scss */
.message {
  color: #fff;
  color: #fff;
  padding: 20px;
  border-radius: 5px;
  font-family: 'bariol_bold';
  clear: both;
  margin-bottom: 30px; }
  @media (min-width: 600px) {
    /* line 1633, ../scss/_main.scss */
    .message {
      padding: 40px 50px; } }
  /* line 1637, ../scss/_main.scss */
  .message h3 {
    font-size: 24px;
    color: #fff;
    margin: 0; }
    @media (min-width: 600px) {
      /* line 1637, ../scss/_main.scss */
      .message h3 {
        font-size: 28px; } }
    @media (min-width: 850px) {
      /* line 1637, ../scss/_main.scss */
      .message h3 {
        font-size: 35px; } }

/* line 1643, ../scss/_main.scss */
.success_container {
  background: #83c04c;
  text-align: center; }
  /* line 1645, ../scss/_main.scss */
  .success_container p {
    text-transform: uppercase;
    font-size: 18px;
    line-height: 1.2;
    margin: 10px 0 0 0; }
    @media (min-width: 600px) {
      /* line 1645, ../scss/_main.scss */
      .success_container p {
        font-size: 22px; } }
    @media (min-width: 850px) {
      /* line 1645, ../scss/_main.scss */
      .success_container p {
        font-size: 27px;
        margin-top: 0; } }
  /* line 1650, ../scss/_main.scss */
  .success_container h3 {
    text-transform: uppercase; }

/* line 1653, ../scss/_main.scss */
.error_container {
  background: #e05050; }
  /* line 1654, ../scss/_main.scss */
  .error_container li, .error_container p {
    font-size: 20px; }
  /* line 1655, ../scss/_main.scss */
  .error_container li {
    list-style-type: disc;
    margin-left: 20px; }
  /* line 1656, ../scss/_main.scss */
  .error_container a {
    text-decoration: underline;
    color: #fff; }

/* line 1659, ../scss/_main.scss */
.map {
  background: #5788e4;
  overflow: hidden;
  position: relative; }
  @media (min-width: 850px) {
    /* line 1659, ../scss/_main.scss */
    .map {
      height: 550px; }
      /* line 1663, ../scss/_main.scss */
      .map.hero {
        padding: 0; } }

@media (min-width: 850px) {
  /* line 1669, ../scss/_main.scss */
  #map-canvas {
    position: absolute;
    top: 0; } }

/* line 1673, ../scss/_main.scss */
.contact_map {
  padding: 40px 0; }
  /* line 1674, ../scss/_main.scss */
  .contact_map img {
    max-width: 100%;
    height: auto;
    max-height: 350px; }
  @media (min-width: 600px) {
    /* line 1673, ../scss/_main.scss */
    .contact_map {
      display: table-cell;
      width: 50%;
      vertical-align: middle; } }
  @media (min-width: 850px) {
    /* line 1673, ../scss/_main.scss */
    .contact_map {
      display: none; } }

/* line 1679, ../scss/_main.scss */
.contact_details {
  padding-bottom: 30px;
  box-sizing: border-box;
  text-align: center;
  color: #fff;
  font-family: 'bariol_regular'; }
  @media (min-width: 600px) {
    /* line 1679, ../scss/_main.scss */
    .contact_details {
      display: table-cell;
      width: 50%;
      vertical-align: middle;
      padding-bottom: 0px; } }
  @media (min-width: 850px) {
    /* line 1679, ../scss/_main.scss */
    .contact_details {
      display: block;
      width: auto;
      z-index: 10;
      right: 10%;
      position: absolute;
      top: 0;
      -webkit-box-shadow: 0 0 80px rgba(37, 84, 182, 0.8);
      -moz-box-shadow: 0 0 80px rgba(37, 84, 182, 0.8);
      box-shadow: 0 0 80px rgba(37, 84, 182, 0.8);
      background: #5788e4;
      border: 23px solid #699bf9;
      padding: 30px 5%;
      margin-top: 20px; } }
  /* line 1684, ../scss/_main.scss */
  .contact_details a {
    font-size: 19px;
    color: #fff;
    text-decoration: underline; }
    /* line 1686, ../scss/_main.scss */
    .contact_details a:hover {
      text-decoration: none;
      border-bottom: 1px solid white; }
    @media (min-width: 850px) {
      /* line 1684, ../scss/_main.scss */
      .contact_details a {
        font-size: 24px; } }
  @media (min-width: 850px) {
    /* line 1691, ../scss/_main.scss */
    .contact_details h1 {
      margin: 10px 0 40px 0; } }
  /* line 1693, ../scss/_main.scss */
  .contact_details .tel_link {
    font-size: 19px;
    text-decoration: none; }
    /* line 1695, ../scss/_main.scss */
    .contact_details .tel_link:hover {
      border-bottom: none; }
    @media (min-width: 600px) {
      /* line 1693, ../scss/_main.scss */
      .contact_details .tel_link {
        font-size: 24px; } }
    @media (min-width: 850px) {
      /* line 1693, ../scss/_main.scss */
      .contact_details .tel_link {
        font-size: 30px; } }
  /* line 1702, ../scss/_main.scss */
  .contact_details ul {
    margin-top: 20px; }
    @media (min-width: 850px) {
      /* line 1702, ../scss/_main.scss */
      .contact_details ul {
        margin-top: 40px; } }
    /* line 1706, ../scss/_main.scss */
    .contact_details ul a {
      display: inline-block; }
      @media (min-width: 600px) {
        /* line 1706, ../scss/_main.scss */
        .contact_details ul a {
          font-size: 16px; } }
      @media (min-width: 850px) {
        /* line 1706, ../scss/_main.scss */
        .contact_details ul a {
          font-size: 18px; } }
  /* line 1715, ../scss/_main.scss */
  .contact_details #google_maps_link a {
    display: inline; }
  @media (min-width: 600px) {
    /* line 1717, ../scss/_main.scss */
    .contact_details li {
      font-size: 16px; } }
  /* line 1724, ../scss/_main.scss */
  .contact_details #social_contact a {
    display: inline-block;
    border: 1px solid white;
    padding: 8px;
    border-radius: 25px;
    margin-right: 10px;
    width: 25px;
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s; }
    /* line 1726, ../scss/_main.scss */
    .contact_details #social_contact a:hover {
      background: #699bf9; }
  /* line 1729, ../scss/_main.scss */
  .contact_details #social_contact li {
    display: inline; }

/* line 1733, ../scss/_main.scss */
#honey_pot {
  display: none; }

/* line 1735, ../scss/_main.scss */
#map_popup {
  padding: 10px 10px 0 10px;
  box-sizing: border-box;
  color: #000;
  font-family: 'bariol_regular'; }
  /* line 1736, ../scss/_main.scss */
  #map_popup h3 {
    text-transform: uppercase;
    margin-bottom: 0;
    font-family: 'bariol_bold'; }
  /* line 1737, ../scss/_main.scss */
  #map_popup a {
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s;
    background: #5788e4;
    font-size: 16px;
    font-family: 'bariol_bold';
    white-space: nowrap;
    padding-left: 20px;
    padding-right: 20px;
    letter-spacing: 0; }
    /* line 1738, ../scss/_main.scss */
    #map_popup a span {
      margin-right: 5px;
      display: inline-block;
      font-size: 17px; }
    /* line 1739, ../scss/_main.scss */
    #map_popup a:hover {
      background-image: none;
      background-color: #699bf9; }
  /* line 1741, ../scss/_main.scss */
  #map_popup p {
    font-size: 15px; }

/*======================= Listing Section ==================================*/
/* line 1747, ../scss/_main.scss */
.listing .hero {
  padding: 25px 0 20px 0; }
  @media (min-width: 600px) {
    /* line 1747, ../scss/_main.scss */
    .listing .hero {
      padding-bottom: 30px; } }
  @media (min-width: 850px) {
    /* line 1747, ../scss/_main.scss */
    .listing .hero {
      padding: 13px 0 17px 0; } }
  /* line 1750, ../scss/_main.scss */
  .listing .hero h1 {
    margin-bottom: 25px;
    text-align: center; }
    @media (min-width: 850px) {
      /* line 1750, ../scss/_main.scss */
      .listing .hero h1 {
        text-align: left; } }
  /* line 1753, ../scss/_main.scss */
  .listing .hero nav {
    margin-top: 20px; }
    @media (min-width: 600px) {
      /* line 1753, ../scss/_main.scss */
      .listing .hero nav {
        top: 5px;
        position: relative; } }
    @media (min-width: 850px) {
      /* line 1753, ../scss/_main.scss */
      .listing .hero nav {
        top: 7px; } }

/* line 1762, ../scss/_main.scss */
.slate {
  background-color: whitesmoke;
  padding: 60px 0;
  display: block;
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
  position: relative;
  overflow: hidden;
  border-bottom: 5px solid #eeeeee;
  border-top: 1px solid lightgrey;
  color: #000;
  cursor: pointer;
  text-align: center;
  /* some of the styles are taken from the section_intro class */
  /* this is because if the the work_example element had a class of section_intro attached to it */
  /* the link would only work when you click on it the second time in iOS */ }
  /* line 1768, ../scss/_main.scss */
  .slate .table_wrapper {
    display: table;
    width: 100%; }
  @media (min-width: 850px) {
    /* line 1762, ../scss/_main.scss */
    .slate {
      text-align: left; } }
  /* line 1772, ../scss/_main.scss */
  .slate h2 {
    color: #5788e4;
    text-transform: uppercase;
    font-size: 15px;
    font-family: 'bariol_bold';
    letter-spacing: 2px; }
    @media (min-width: 850px) {
      /* line 1772, ../scss/_main.scss */
      .slate h2 {
        font-size: 17px;
        letter-spacing: 3px;
        margin-top: 0; } }
  /* line 1776, ../scss/_main.scss */
  .slate h3 {
    color: #000;
    font-size: 30px;
    font-weight: normal;
    line-height: 1em;
    margin-top: 0.3em;
    margin-bottom: 1em; }
    @media (min-width: 600px) {
      /* line 1776, ../scss/_main.scss */
      .slate h3 {
        font-size: 40px;
        letter-spacing: -1px; } }
    @media (min-width: 850px) {
      /* line 1776, ../scss/_main.scss */
      .slate h3 {
        font-size: 42px; } }
    @media (min-width: 1281px) {
      /* line 1776, ../scss/_main.scss */
      .slate h3 {
        font-size: 48px; } }
  @media (min-width: 1281px) {
    /* line 1783, ../scss/_main.scss */
    .slate h3 {
      font-size: 42px; } }
  /* line 1786, ../scss/_main.scss */
  .slate:hover {
    background: #fff; }
  /* line 1788, ../scss/_main.scss */
  .slate img {
    width: 100%;
    height: auto;
    max-width: 450px;
    max-height: 450px; }
  /* line 1790, ../scss/_main.scss */
  .slate ul {
    padding: 0;
    display: none;
    overflow: hidden; }
    @media (min-width: 1281px) {
      /* line 1790, ../scss/_main.scss */
      .slate ul {
        display: block;
        margin: 0 0 25px; } }
    /* line 1794, ../scss/_main.scss */
    .slate ul li {
      margin: 0 5px 5px 0;
      float: left;
      border: 1px solid #999999;
      padding: 5px 10px;
      text-transform: uppercase;
      font-size: 12px; }
  /* line 1797, ../scss/_main.scss */
  .slate small {
    display: block;
    margin-top: 20px; }

/* line 1801, ../scss/_main.scss */
.blog_slate .more_column {
  background-color: #5788e4 !important; }
/* line 1802, ../scss/_main.scss */
.blog_slate p {
  color: #555; }
@media (min-width: 850px) {
  /* line 1803, ../scss/_main.scss */
  .blog_slate .screenshot_wrapper {
    width: 35%; } }
/* line 1806, ../scss/_main.scss */
.blog_slate .link_wrapper {
  margin-top: 15px; }
@media (min-width: 850px) {
  /* line 1807, ../scss/_main.scss */
  .blog_slate .intro_content {
    width: 65%;
    padding-left: 80px; } }

/* line 1813, ../scss/_main.scss */
.link_wrapper {
  visibility: visible;
  position: relative; }

/* line 1816, ../scss/_main.scss */
.link_wrapper.loading .more_results_content, .link_wrapper.loading span {
  visibility: hidden; }
/* line 1817, ../scss/_main.scss */
.link_wrapper.loading img {
  display: block;
  width: auto;
  position: absolute;
  left: 55px;
  right: 0;
  top: 6px; }

/* line 1821, ../scss/_main.scss */
.link_wrapper img {
  display: none; }

/* line 1824, ../scss/_main.scss */
.no-smil .link_wrapper.loading {
  background-image: url(img/loading-bubbles.png);
  background-repeat: no-repeat;
  background-position: center center; }

/* line 1826, ../scss/_main.scss */
.next_project.link_wrapper img {
  right: 0;
  left: auto;
  top: -7px; }

/* line 1827, ../scss/_main.scss */
.prev_project.link_wrapper img {
  right: auto;
  left: 0;
  top: -7px; }

/* line 1829, ../scss/_main.scss */
.intro_content {
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  @media (min-width: 850px) {
    /* line 1829, ../scss/_main.scss */
    .intro_content {
      width: 60%;
      display: table-cell;
      vertical-align: middle;
      padding-left: 50px;
      padding-right: 20px; } }

/* define the fade out animation for the screenshot */
@-webkit-keyframes screen-shot-fade-out {
  /* line 1836, ../scss/_main.scss */
  0% {
    opacity: 1; }

  /* line 1837, ../scss/_main.scss */
  100% {
    opacity: 0.15; } }

@-moz-keyframes screen-shot-fade-out {
  /* line 1840, ../scss/_main.scss */
  0% {
    opacity: 1; }

  /* line 1841, ../scss/_main.scss */
  100% {
    opacity: 0.15; } }

@-o-keyframes screen-shot-fade-out {
  /* line 1844, ../scss/_main.scss */
  0% {
    opacity: 1; }

  /* line 1845, ../scss/_main.scss */
  100% {
    opacity: 0.15; } }

@keyframes screen-shot-fade-out {
  /* line 1848, ../scss/_main.scss */
  0% {
    opacity: 1; }

  /* line 1849, ../scss/_main.scss */
  100% {
    opacity: 0.15; } }

/* line 1852, ../scss/_main.scss */
.screenshot_wrapper {
  position: relative;
  margin-bottom: 30px;
  text-align: center;
  cursor: pointer; }
  /* line 1853, ../scss/_main.scss */
  .screenshot_wrapper img {
    cursor: pointer; }
  @media (min-width: 850px) {
    /* line 1852, ../scss/_main.scss */
    .screenshot_wrapper {
      margin-bottom: 0;
      width: 40%;
      display: table-cell;
      vertical-align: middle; } }
  /* line 1855, ../scss/_main.scss */
  .screenshot_wrapper .screenshot {
    position: relative;
    z-index: 2;
    border: 10px solid white;
    box-shadow: 0px 0px 1px #888888;
    box-sizing: border-box;
    border-radius: 50%; }

@media (min-width: 850px) {
  /* line 1858, ../scss/_main.scss */
  .screenshot_wrapper.loading {
    background: none; } }
@media (max-width: 850px) {
  /* line 1860, ../scss/_main.scss */
  .screenshot_wrapper.loading .screenshot {
    -webkit-animation: screen-shot-fade-out 0.5s 1;
    -moz-animation: screen-shot-fade-out 0.5s 1;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation: screen-shot-fade-out 0.5s 1; } }
@media (min-width: 850px) {
  /* line 1860, ../scss/_main.scss */
  .screenshot_wrapper.loading .screenshot {
    opacity: 1; } }

/* line 1873, ../scss/_main.scss */
.loading_spinner {
  position: absolute;
  top: 0;
  z-index: 1;
  left: 50%;
  margin-left: -50%;
  border: 10px solid white;
  box-shadow: 0px 0px 1px #555555;
  box-sizing: border-box;
  border-radius: 50%; }
  @media (min-width: 530px) {
    /* line 1873, ../scss/_main.scss */
    .loading_spinner {
      margin-left: -225px; } }

/* line 1879, ../scss/_main.scss */
.more_column {
  background: url(img/plus_icon.png) no-repeat center center;
  background-size: 20px;
  display: none;
  text-indent: -9999px;
  position: absolute;
  z-index: 1;
  width: 50px;
  top: 0;
  right: -40px;
  height: 100%; }
  @media (min-width: 850px) {
    /* line 1879, ../scss/_main.scss */
    .more_column {
      display: block; } }

/* line 1883, ../scss/_main.scss */
.lt-ie9 .more_column.plus_icon {
  background: url(img/plus_icon_ie8.png) no-repeat center center; }

/* line 1886, ../scss/_main.scss */
.loading .more_column {
  background: url(img/plus-loading.gif) no-repeat center center;
  background-size: 20px; }

/* line 1890, ../scss/_main.scss */
.dark_column .more_column {
  background-image: url(img/plus_icon_white.png); }

/* line 1893, ../scss/_main.scss */
.lt-ie9 .dark_column .more_column.plus_icon {
  background-image: url(img/plus_icon_white_ie8.png); }

/* line 1896, ../scss/_main.scss */
.loading.dark_column .more_column {
  background-image: url(img/plus-loading-white.gif) !important; }

/* line 1900, ../scss/_main.scss */
#radiofm_work .more_column {
  background-color: #df2626; }

/* line 1904, ../scss/_main.scss */
#statewide_work .more_column {
  background-color: #fff625; }

/* line 1908, ../scss/_main.scss */
#aspect_work .more_column {
  background-color: #fbd22d; }

/* line 1912, ../scss/_main.scss */
#afc_work .more_column {
  background-color: #0f4237; }

/* line 1916, ../scss/_main.scss */
#chronicles_work .more_column {
  background-color: #00afed; }

/* line 1920, ../scss/_main.scss */
#fratelle_work .more_column {
  background-color: #e21c2b; }

/* line 1924, ../scss/_main.scss */
#platinum_work .more_column {
  background-color: #00ace3; }

/* line 1928, ../scss/_main.scss */
#fuelwatch_work .more_column {
  background-color: #491a6b; }

/* line 1932, ../scss/_main.scss */
#osit_work .more_column {
  background-color: #0056b8; }

/* line 1936, ../scss/_main.scss */
#gap_work .more_column {
  background-color: #ee3222; }

/* line 1939, ../scss/_main.scss */
#selected_clients {
  background: #fff; }
  /* line 1940, ../scss/_main.scss */
  #selected_clients img {
    width: 100%;
    height: auto;
    padding: 20px 0; }
  /* line 1941, ../scss/_main.scss */
  #selected_clients ul {
    border-bottom: 1px solid #e6e6e6;
    overflow: hidden;
    border-left: 1px solid #e6e6e6; }
  /* line 1943, ../scss/_main.scss */
  #selected_clients li {
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
    padding: 10px;
    position: relative;
    border-top: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
    width: 50%;
    box-sizing: border-box;
    float: left; }
    /* line 1944, ../scss/_main.scss */
    #selected_clients li:hover {
      background: whitesmoke; }
    /* line 1945, ../scss/_main.scss */
    #selected_clients li.border_left {
      border-left: 1px solid #e6e6e6; }
    @media (min-width: 600px) {
      /* line 1943, ../scss/_main.scss */
      #selected_clients li {
        width: 33.333333333%; } }
    @media (min-width: 850px) {
      /* line 1943, ../scss/_main.scss */
      #selected_clients li {
        width: 16.66666667%; } }
    /* line 1948, ../scss/_main.scss */
    #selected_clients li span {
      text-transform: uppercase;
      padding-top: 10px;
      position: absolute;
      bottom: 5%;
      width: 90%;
      display: block;
      border-top: 1px solid #e6e6e6;
      z-index: 10;
      font-size: 12px; }
  /* line 1950, ../scss/_main.scss */
  #selected_clients .screenshot {
    position: relative; }
    /* line 1951, ../scss/_main.scss */
    #selected_clients .screenshot img {
      position: absolute; }

/* Blog */
/* line 1957, ../scss/_main.scss */
.branding_wrapper {
  border-bottom: 1px solid #e6e6e6; }

/* line 1959, ../scss/_main.scss */
.branding_header {
  padding: 12px 0 22px 0; }
  /* line 1960, ../scss/_main.scss */
  .branding_header .close {
    background: #5788e4;
    color: #fff; }
  /* line 1961, ../scss/_main.scss */
  .branding_header a img {
    width: 155px; }

/* line 1965, ../scss/_main.scss */
.blog_page .border_wrapper {
  border-color: #5788e4; }
/* line 1966, ../scss/_main.scss */
.blog_page h1 {
  color: #5788e4;
  margin-bottom: 10px; }
  @media (min-width: 850px) {
    /* line 1966, ../scss/_main.scss */
    .blog_page h1 {
      padding-right: 50px; } }
/* line 1969, ../scss/_main.scss */
.blog_page .header_wrapper {
  padding: 0!important; }
/* line 1971, ../scss/_main.scss */
.blog_page .profile_details li {
  display: inline-block; }
/* line 1972, ../scss/_main.scss */
.blog_page .profile_details a {
  color: #aaaaaa;
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  transition-duration: 0.2s; }
  /* line 1973, ../scss/_main.scss */
  .blog_page .profile_details a:hover {
    color: #000; }
  /* line 1974, ../scss/_main.scss */
  .blog_page .profile_details a span {
    margin-right: 5px; }
/* line 1977, ../scss/_main.scss */
.blog_page .header_content {
  text-align: center;
  position: relative;
  padding: 0 0 10px 0; }
  @media (min-width: 850px) {
    /* line 1977, ../scss/_main.scss */
    .blog_page .header_content {
      text-align: left;
      width: 65%;
      display: table-cell;
      padding: 50px 0; } }
/* line 1980, ../scss/_main.scss */
.blog_page .author {
  text-transform: uppercase;
  padding: 40px 0 20px;
  margin: 0; }
  @media (min-width: 850px) {
    /* line 1980, ../scss/_main.scss */
    .blog_page .author {
      padding: 100px 0 60px; } }
  @media (min-width: 950px) {
    /* line 1980, ../scss/_main.scss */
    .blog_page .author {
      padding: 120px 0 60px; } }
  /* line 1983, ../scss/_main.scss */
  .blog_page .author span {
    display: block; }
  /* line 1984, ../scss/_main.scss */
  .blog_page .author .username {
    font-family: 'bariol_bold';
    font-size: 16px; }
  /* line 1985, ../scss/_main.scss */
  .blog_page .author .title {
    font-size: 12px;
    font-family: 'bariol_bold'; }
  /* line 1986, ../scss/_main.scss */
  .blog_page .author .avatar {
    border-radius: 50%;
    max-width: 90px;
    max-height: 90px; }
    @media (min-width: 850px) {
      /* line 1986, ../scss/_main.scss */
      .blog_page .author .avatar {
        float: left; } }
  /* line 1989, ../scss/_main.scss */
  .blog_page .author figcaption {
    margin-top: 20px; }
    @media (min-width: 850px) {
      /* line 1989, ../scss/_main.scss */
      .blog_page .author figcaption {
        float: left;
        width: 50%;
        margin-left: 40px;
        margin-top: 0; } }

/* line 1995, ../scss/_main.scss */
.blog_content_wrapper {
  background: #f5f5f5;
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6; }
  /* line 1996, ../scss/_main.scss */
  .blog_content_wrapper .blog_content {
    padding: 40px 0;
    font-size: 19px; }
    @media (min-width: 600px) {
      /* line 1996, ../scss/_main.scss */
      .blog_content_wrapper .blog_content {
        padding: 80px 0; } }
    @media (min-width: 850px) {
      /* line 1996, ../scss/_main.scss */
      .blog_content_wrapper .blog_content {
        padding: 120px 0; } }
    /* line 2000, ../scss/_main.scss */
    .blog_content_wrapper .blog_content strong {
      font-family: 'bariol_bold';
      font-weight: normal; }
    /* line 2001, ../scss/_main.scss */
    .blog_content_wrapper .blog_content ul {
      padding-left: 20px; }
    /* line 2002, ../scss/_main.scss */
    .blog_content_wrapper .blog_content li {
      list-style-type: disc; }
    /* line 2003, ../scss/_main.scss */
    .blog_content_wrapper .blog_content figure[style], .blog_content_wrapper .blog_content img {
      width: 100%!important;
      height: auto!important;
      margin: 20px 0;
      padding: 0; }
  /* line 2005, ../scss/_main.scss */
  .blog_content_wrapper .blog_intro {
    font-size: 25px;
    line-height: 1.2; }
  /* line 2006, ../scss/_main.scss */
  .blog_content_wrapper h2 {
    font-size: 30px;
    color: #000;
    line-height: 1em;
    margin: 1.2em 0 0.83em 0; }
    @media (min-width: 600px) {
      /* line 2006, ../scss/_main.scss */
      .blog_content_wrapper h2 {
        font-size: 36px; } }
  /* line 2009, ../scss/_main.scss */
  .blog_content_wrapper .pull_quote {
    margin: 30px 0;
    color: #5788e4;
    font-size: 26px;
    border-left: 4px solid #5788e4;
    padding-left: 20px;
    font-family: 'bariol_bold';
    text-transform: uppercase;
    line-height: 1.2; }
    @media (min-width: 850px) {
      /* line 2009, ../scss/_main.scss */
      .blog_content_wrapper .pull_quote {
        font-size: 36px; } }

@media (min-width: 850px) {
  /* line 2014, ../scss/_main.scss */
  .blog_inner_wrapper {
    display: table;
    width: 100%;
    position: relative; } }
/* line 2016, ../scss/_main.scss */
.blog_inner_wrapper:after {
  background: url(img/arrow_up_blog@2x.png);
  background-size: 19px 11px;
  width: 18px;
  height: 11px;
  content: '';
  bottom: -2px;
  position: absolute;
  left: 50%;
  margin-left: -9px; }
  @media (min-width: 850px) {
    /* line 2016, ../scss/_main.scss */
    .blog_inner_wrapper:after {
      left: 38px;
      margin-left: 0px; } }

/* line 2021, ../scss/_main.scss */
.blog_image_wrapper {
  display: block;
  text-align: center; }
  @media (min-width: 850px) {
    /* line 2021, ../scss/_main.scss */
    .blog_image_wrapper {
      width: 35%;
      display: table-cell;
      vertical-align: middle;
      text-align: right; } }

/* line 2024, ../scss/_main.scss */
.blog_image {
  width: 100%;
  height: auto;
  max-width: 357px;
  max-height: 357px;
  border-radius: 50%;
  margin: 20px 0;
  border: 10px solid white;
  box-shadow: 0px 0px 1px black;
  box-sizing: border-box; }
  @media (min-width: 850px) {
    /* line 2024, ../scss/_main.scss */
    .blog_image {
      width: auto; } }

/* line 2029, ../scss/_main.scss */
.listing .hero .blog_section_header h1 {
  padding: 0;
  margin: 0px 0 10px 0; }
  @media (min-width: 850px) {
    /* line 2029, ../scss/_main.scss */
    .listing .hero .blog_section_header h1 {
      margin: 18px 0 22px 0; } }

/* commenting */
/* line 2036, ../scss/_main.scss */
.disqus_thread {
  margin-bottom: 50px;
  padding-top: 30px; }
  @media (min-width: 600px) {
    /* line 2036, ../scss/_main.scss */
    .disqus_thread {
      margin-bottom: 120px; } }

/*======================= Case Studies ==================================*/
/* line 2042, ../scss/_main.scss */
.border_wrapper {
  border-left-width: 5px;
  border-left-style: solid; }
  @media (min-width: 850px) {
    /* line 2042, ../scss/_main.scss */
    .border_wrapper {
      border-left-width: 10px; } }

/* line 2046, ../scss/_main.scss */
.case_study_wrapper {
  margin-bottom: 25px; }
  @media (min-width: 850px) {
    /* line 2046, ../scss/_main.scss */
    .case_study_wrapper {
      margin-bottom: 40px; } }

@media (min-width: 850px) {
  /* line 2050, ../scss/_main.scss */
  .no_margin_bottom {
    margin-bottom: 0; } }

/* line 2054, ../scss/_main.scss */
.subpage-content {
  overflow: hidden; }
  /* line 2055, ../scss/_main.scss */
  .subpage-content header {
    padding: 30px 0 20px 0; }
    @media (min-width: 600px) {
      /* line 2055, ../scss/_main.scss */
      .subpage-content header {
        padding: 70px 0 30px 0; } }
    /* line 2057, ../scss/_main.scss */
    .subpage-content header h1 {
      line-height: 1.1;
      margin-top: 0; }
      @media (min-width: 600px) {
        /* line 2057, ../scss/_main.scss */
        .subpage-content header h1 {
          padding-right: 15px;
          font-size: 42px; } }
      @media (min-width: 850px) {
        /* line 2057, ../scss/_main.scss */
        .subpage-content header h1 {
          font-size: 52px; } }
    /* line 2061, ../scss/_main.scss */
    .subpage-content header .tags {
      margin-top: 30px; }
      /* line 2062, ../scss/_main.scss */
      .subpage-content header .tags li {
        border: 1px solid #555555;
        display: inline-block;
        padding: 5px 10px;
        text-transform: uppercase;
        margin: 5px 5px 0 0;
        font-size: 12px; }
        /* line 2063, ../scss/_main.scss */
        .subpage-content header .tags li:last-child {
          margin-right: 0; }
        @media (min-width: 600px) {
          /* line 2062, ../scss/_main.scss */
          .subpage-content header .tags li {
            margin-bottom: 0; } }
    /* line 2068, ../scss/_main.scss */
    .subpage-content header .case_study_logo {
      text-align: center;
      float: left;
      margin-bottom: 30px; }
    /* line 2070, ../scss/_main.scss */
    .subpage-content header .header_content {
      clear: both; }
      @media (min-width: 600px) {
        /* line 2070, ../scss/_main.scss */
        .subpage-content header .header_content {
          clear: none; } }
  /* line 2075, ../scss/_main.scss */
  .subpage-content img {
    width: 100%;
    height: auto; }
  @media (min-width: 1281px) {
    /* line 2078, ../scss/_main.scss */
    .subpage-content .screenshot {
      position: absolute;
      width: 1700px;
      left: 50%;
      margin-left: -850px;
      max-height: 850px;
      bottom: 0;
      z-index: 1; } }
  /* line 2081, ../scss/_main.scss */
  .subpage-content .testimonial {
    text-align: center;
    padding: 50px 0 100px 0;
    line-height: 1.2; }
    @media (min-width: 600px) {
      /* line 2081, ../scss/_main.scss */
      .subpage-content .testimonial {
        padding: 100px 0 175px 0; } }
  /* line 2085, ../scss/_main.scss */
  .subpage-content blockquote {
    font-size: 20px; }
    @media (min-width: 600px) {
      /* line 2085, ../scss/_main.scss */
      .subpage-content blockquote {
        font-size: 24px; } }
    @media (min-width: 850px) {
      /* line 2085, ../scss/_main.scss */
      .subpage-content blockquote {
        font-size: 30px; } }
  /* line 2090, ../scss/_main.scss */
  .subpage-content cite {
    font-style: normal;
    display: block;
    font-size: 20px;
    margin-top: 20px; }
    @media (min-width: 600px) {
      /* line 2090, ../scss/_main.scss */
      .subpage-content cite {
        font-size: 25px; } }
    /* line 2092, ../scss/_main.scss */
    .subpage-content cite span {
      display: block;
      font-size: 13px; }
      @media (min-width: 600px) {
        /* line 2092, ../scss/_main.scss */
        .subpage-content cite span {
          font-size: 17px; } }

/* line 2099, ../scss/_main.scss */
#case_study_footer {
  position: fixed;
  width: 100%;
  background: #5788e4;
  bottom: 0;
  z-index: 1000;
  color: #fff;
  padding: 10px 0;
  height: 28px; }
  @media (min-width: 600px) {
    /* line 2099, ../scss/_main.scss */
    #case_study_footer {
      height: 44px; } }
  /* line 2101, ../scss/_main.scss */
  #case_study_footer .pagination {
    color: #fff;
    position: absolute;
    right: 6.25%;
    top: 4px;
    text-transform: uppercase;
    font-family: 'bariol_bold';
    font-size: 15px;
    letter-spacing: 1px; }
    @media (min-width: 600px) {
      /* line 2101, ../scss/_main.scss */
      #case_study_footer .pagination {
        top: 12px; } }
    /* line 2103, ../scss/_main.scss */
    #case_study_footer .pagination.prev_project {
      left: 6.25%;
      max-width: 200px; }
    /* line 2104, ../scss/_main.scss */
    #case_study_footer .pagination .icon {
      position: relative;
      top: 1px; }
    /* line 2105, ../scss/_main.scss */
    #case_study_footer .pagination img {
      height: 32px;
      width: 32px; }
  /* line 2108, ../scss/_main.scss */
  #case_study_footer .inner_wrapper {
    position: relative; }
  /* line 2109, ../scss/_main.scss */
  #case_study_footer .call_to_action:hover {
    background: #78a7fc; }
  /* line 2111, ../scss/_main.scss */
  #case_study_footer ul {
    text-align: center;
    padding: 0;
    margin: 0; }
    /* line 2112, ../scss/_main.scss */
    #case_study_footer ul li {
      display: inline-block; }
    /* line 2113, ../scss/_main.scss */
    #case_study_footer ul a {
      background-color: #73a3f8;
      background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #70a0f5), color-stop(100%, #73a3f8));
      background-image: -webkit-linear-gradient(bottom, #70a0f5, #73a3f8);
      background-image: -moz-linear-gradient(bottom, #70a0f5, #73a3f8);
      background-image: -o-linear-gradient(bottom, #70a0f5, #73a3f8);
      background-image: linear-gradient(bottom, #70a0f5, #73a3f8);
      display: inline-block;
      width: 110px;
      padding-left: 0;
      padding-right: 0; }
      /* line 2114, ../scss/_main.scss */
      #case_study_footer ul a:hover {
        background-color: #78a7fc;
        color: #fff; }

/* line 2119, ../scss/_main.scss */
.close {
  color: #000;
  position: fixed;
  top: 20px;
  right: 20px;
  z-index: 10000;
  border: none;
  background: #fff;
  border-radius: 27px;
  padding: 10px 11px;
  font-size: 20px;
  line-height: 1; }
  @media (min-width: 850px) {
    /* line 2119, ../scss/_main.scss */
    .close {
      font-size: 25px;
      padding: 11px 12px; } }

/* line 2125, ../scss/_main.scss */
.example_wrapper {
  padding-bottom: 100px;
  background-position: bottom center;
  background-size: 29px 17px;
  background-repeat: no-repeat; }

/* line 2126, ../scss/_main.scss */
.case_study_wrapper {
  position: relative;
  overflow: hidden; }

/* line 2127, ../scss/_main.scss */
.case_study_content {
  z-index: 100;
  position: relative; }
  @media (min-width: 1281px) {
    /* line 2127, ../scss/_main.scss */
    .case_study_content {
      min-height: 850px; }
      /* line 2129, ../scss/_main.scss */
      .case_study_content.small_screenshot {
        min-height: 600px; }
      /* line 2130, ../scss/_main.scss */
      .case_study_content.medium_screenshot {
        min-height: 700px; }
      /* line 2131, ../scss/_main.scss */
      .case_study_content.medium_large_screenshot {
        min-height: 750px; }
      /* line 2132, ../scss/_main.scss */
      .case_study_content.large_screenshot {
        min-height: 950px; }
      /* line 2133, ../scss/_main.scss */
      .case_study_content.xlarge_screenshot {
        min-height: 1050px; } }
  /* line 2135, ../scss/_main.scss */
  .case_study_content h2 {
    font-size: 25px; }
  /* line 2136, ../scss/_main.scss */
  .case_study_content p {
    font-size: 18px; }
  @media (min-width: 850px) {
    /* line 2138, ../scss/_main.scss */
    .case_study_content .content_overlayed {
      margin-bottom: -115px; } }
  @media (min-width: 950px) {
    /* line 2141, ../scss/_main.scss */
    .case_study_content .content_overlayed {
      margin-bottom: -125px; } }
  @media (min-width: 1281px) {
    /* line 2144, ../scss/_main.scss */
    .case_study_content .content_overlayed {
      margin-bottom: -130px; } }

/* 96fm */
/* line 2151, ../scss/_main.scss */
#case_study_96fm {
  background: #000;
  color: #fff; }
  /* line 2153, ../scss/_main.scss */
  #case_study_96fm .border_wrapper {
    border-left-color: #df2626; }
  /* line 2155, ../scss/_main.scss */
  #case_study_96fm .case_study_logo img {
    max-width: 170px;
    max-height: 210px; }
  /* line 2157, ../scss/_main.scss */
  #case_study_96fm .example_wrapper {
    padding-bottom: 0; }
  /* line 2159, ../scss/_main.scss */
  #case_study_96fm .nintysix_result {
    background: #df2626 url(img/triangle_up_case_study@2x.png) no-repeat bottom center;
    background-size: 29px 17px;
    text-align: center;
    padding: 50px 0; }
    @media (min-width: 600px) {
      /* line 2159, ../scss/_main.scss */
      #case_study_96fm .nintysix_result {
        padding: 100px 0; } }
    /* line 2161, ../scss/_main.scss */
    #case_study_96fm .nintysix_result h3 {
      text-transform: uppercase;
      font-size: 18px;
      margin-bottom: 0px; }
      @media (min-width: 600px) {
        /* line 2161, ../scss/_main.scss */
        #case_study_96fm .nintysix_result h3 {
          font-size: 23px; } }
    /* line 2164, ../scss/_main.scss */
    #case_study_96fm .nintysix_result h4 {
      margin-top: 10px;
      line-height: 1.1;
      font-size: 30px; }
      @media (min-width: 600px) {
        /* line 2164, ../scss/_main.scss */
        #case_study_96fm .nintysix_result h4 {
          font-size: 43px; } }
    /* line 2168, ../scss/_main.scss */
    #case_study_96fm .nintysix_result ul li {
      display: inline-block; }
    /* line 2169, ../scss/_main.scss */
    #case_study_96fm .nintysix_result ul small {
      font-size: 16px;
      display: block; }
    /* line 2170, ../scss/_main.scss */
    #case_study_96fm .nintysix_result ul p {
      font-size: 22px; }
    /* line 2171, ../scss/_main.scss */
    #case_study_96fm .nintysix_result ul h5 {
      font-size: 33px;
      margin-bottom: 0;
      margin-top: 5px; }
    /* line 2172, ../scss/_main.scss */
    #case_study_96fm .nintysix_result ul span {
      background: url(img/circle_case_studies@2x.png) center center;
      width: 75px;
      background-size: 75px 75px;
      display: inline-block;
      height: 75px;
      font-size: 30px;
      text-align: center;
      line-height: 2.7; }

/* line 2177, ../scss/_main.scss */
.lt-ie9 .nintysix_result {
  background: #df2626 url(img/triangle_up_case_study.png) no-repeat bottom center; }

/* Fratelle */
/* line 2183, ../scss/_main.scss */
#case_study_fratelle .border_wrapper {
  border-left-color: #e21c2b; }
/* line 2184, ../scss/_main.scss */
#case_study_fratelle h1, #case_study_fratelle h2 {
  color: #e21c2b; }
@media (min-width: 600px) {
  /* line 2185, ../scss/_main.scss */
  #case_study_fratelle .case_study_logo {
    margin-top: -18px; } }
/* line 2187, ../scss/_main.scss */
#case_study_fratelle .case_study_logo img {
  max-width: 150px;
  max-height: 200px; }
/* line 2189, ../scss/_main.scss */
#case_study_fratelle .testimonial {
  background: #e21c2b;
  color: #fff; }
/* line 2190, ../scss/_main.scss */
#case_study_fratelle .close {
  background: #e21c2b;
  color: #fff; }
/* line 2191, ../scss/_main.scss */
#case_study_fratelle .example_wrapper {
  background-image: url(img/arrow_up_fratelle@2x.png); }

/* line 2196, ../scss/_main.scss */
.lt-ie9 #case_study_fratelle .example_wrapper {
  background-image: url(img/arrow_up_fratelle.png); }

/* Aspect */
/* line 2201, ../scss/_main.scss */
#case_study_aspects .border_wrapper {
  border-left-color: #fbd22d; }
/* line 2202, ../scss/_main.scss */
#case_study_aspects .testimonial {
  background: #fbd22d; }
/* line 2203, ../scss/_main.scss */
#case_study_aspects .close {
  background: #555;
  color: #fff; }
/* line 2204, ../scss/_main.scss */
#case_study_aspects .example_wrapper {
  background-image: url(img/arrow_up_aspects@2x.png); }
/* line 2205, ../scss/_main.scss */
#case_study_aspects .case_study_logo {
  max-width: 260px;
  max-height: 220px; }
  @media (min-width: 600px) {
    /* line 2205, ../scss/_main.scss */
    #case_study_aspects .case_study_logo {
      margin-top: 10px; } }

/* line 2210, ../scss/_main.scss */
.lt-ie9 #case_study_aspects .example_wrapper {
  background-image: url(img/arrow_up_aspects.png); }

/* Fuelwatch */
/* line 2215, ../scss/_main.scss */
#case_study_fuelwatch .border_wrapper {
  border-left-color: #491a6b; }
/* line 2216, ../scss/_main.scss */
#case_study_fuelwatch h1, #case_study_fuelwatch h2 {
  color: #491a6b; }
/* line 2217, ../scss/_main.scss */
#case_study_fuelwatch .testimonial {
  background: #491a6b;
  color: #fff; }
/* line 2218, ../scss/_main.scss */
#case_study_fuelwatch .example_wrapper {
  background-image: url(img/arrow_up_fuelwatch@2x.png); }
/* line 2219, ../scss/_main.scss */
#case_study_fuelwatch .close {
  background: #491a6b;
  color: #fff; }
/* line 2220, ../scss/_main.scss */
#case_study_fuelwatch .case_study_logo {
  max-width: 336px;
  max-height: 112px; }

/* line 2223, ../scss/_main.scss */
.lt-ie9 #case_study_fuelwatch .example_wrapper {
  background-image: url(img/arrow_up_fuelwatch.png); }

/* Platinum Homes */
/* line 2228, ../scss/_main.scss */
#case_study_platinum .border_wrapper {
  border-left-color: #00ace3; }
/* line 2229, ../scss/_main.scss */
#case_study_platinum h1, #case_study_platinum h2 {
  color: #00ace3; }
@media (min-width: 600px) {
  /* line 2230, ../scss/_main.scss */
  #case_study_platinum .case_study_logo {
    margin-top: 30px; } }
/* line 2232, ../scss/_main.scss */
#case_study_platinum .case_study_logo img {
  max-width: 310px;
  max-height: 75px; }
/* line 2234, ../scss/_main.scss */
#case_study_platinum .testimonial {
  background: #00ace3;
  color: #fff; }
/* line 2235, ../scss/_main.scss */
#case_study_platinum .example_wrapper {
  background-image: url(img/arrow_up_platinum@2x.png); }
/* line 2236, ../scss/_main.scss */
#case_study_platinum .close {
  background: #00ace3;
  color: #fff; }

/* line 2239, ../scss/_main.scss */
.lt-ie9 #case_study_platinum .example_wrapper {
  background-image: url(img/arrow_up_platinum.png); }

/* OSIT */
/* line 2244, ../scss/_main.scss */
#case_study_osit .border_wrapper {
  border-left-color: #0056b8; }
/* line 2245, ../scss/_main.scss */
#case_study_osit h1, #case_study_osit h2 {
  color: #0056b8; }
@media (min-width: 600px) {
  /* line 2246, ../scss/_main.scss */
  #case_study_osit .case_study_logo {
    margin-top: 30px; } }
/* line 2248, ../scss/_main.scss */
#case_study_osit .case_study_logo img {
  max-width: 370px;
  max-height: 155px; }
/* line 2250, ../scss/_main.scss */
#case_study_osit .testimonial {
  background: #0056b8;
  color: #fff; }
/* line 2251, ../scss/_main.scss */
#case_study_osit .example_wrapper {
  background-image: url(img/arrow_up_osit@2x.png); }
/* line 2252, ../scss/_main.scss */
#case_study_osit .close {
  background: #0056b8;
  color: #fff; }

/* line 2255, ../scss/_main.scss */
.lt-ie9 #case_study_platinum .example_wrapper {
  background-image: url(img/arrow_up_osit.png); }

/* GAP */
/* line 2260, ../scss/_main.scss */
#case_study_gap .border_wrapper {
  border-left-color: #ee3222; }
/* line 2261, ../scss/_main.scss */
#case_study_gap h1, #case_study_gap h2 {
  color: #ee3222; }
@media (min-width: 600px) {
  /* line 2262, ../scss/_main.scss */
  #case_study_gap .case_study_logo {
    margin-top: 30px; } }
/* line 2264, ../scss/_main.scss */
#case_study_gap .case_study_logo img {
  max-width: 320px;
  max-height: 180px; }
/* line 2266, ../scss/_main.scss */
#case_study_gap .testimonial {
  background: #ee3222;
  color: #fff; }
/* line 2267, ../scss/_main.scss */
#case_study_gap .example_wrapper {
  background-image: url(img/arrow_up_gap@2x.png); }
/* line 2268, ../scss/_main.scss */
#case_study_gap .close {
  background: #ee3222;
  color: #fff; }

/* line 2271, ../scss/_main.scss */
.lt-ie9 #case_study_platinum .example_wrapper {
  background-image: url(img/arrow_up_gap.png); }

/* Statewide Cleaning */
/* line 2275, ../scss/_main.scss */
#case_study_statewide {
  background: #222;
  color: #fff; }
  /* line 2276, ../scss/_main.scss */
  #case_study_statewide .border_wrapper {
    border-left-color: #fff625; }
  /* line 2277, ../scss/_main.scss */
  #case_study_statewide h1, #case_study_statewide h2 {
    color: #fff625; }
  @media (min-width: 600px) {
    /* line 2278, ../scss/_main.scss */
    #case_study_statewide .case_study_logo {
      margin-top: 17px; } }
  /* line 2280, ../scss/_main.scss */
  #case_study_statewide .case_study_logo img {
    max-width: 340px;
    max-height: 110px; }
  /* line 2282, ../scss/_main.scss */
  #case_study_statewide .testimonial {
    background: #fff625;
    color: #222; }
  /* line 2283, ../scss/_main.scss */
  #case_study_statewide .close {
    background: #fff625;
    color: #222; }
  /* line 2284, ../scss/_main.scss */
  #case_study_statewide .example_wrapper {
    background-image: url(img/arrow_up_statewide@2x.png); }
  /* line 2285, ../scss/_main.scss */
  #case_study_statewide #easy_order {
    margin-top: 50px; }

/* line 2288, ../scss/_main.scss */
.lt-ie9 #case_study_statewide .example_wrapper {
  background-image: url(img/arrow_up_statewide.png); }

/* Chronicle */
/* line 2292, ../scss/_main.scss */
#case_study_chronicle {
  background: #f7f7f7; }
  /* line 2293, ../scss/_main.scss */
  #case_study_chronicle .border_wrapper {
    border-left-color: #00afed; }
  /* line 2294, ../scss/_main.scss */
  #case_study_chronicle h1, #case_study_chronicle h2 {
    color: #00afed; }
  /* line 2295, ../scss/_main.scss */
  #case_study_chronicle .testimonial {
    background: #00afed;
    color: #fff; }
  /* line 2296, ../scss/_main.scss */
  #case_study_chronicle .close {
    background: #00afed;
    color: #fff; }
  /* line 2297, ../scss/_main.scss */
  #case_study_chronicle .example_wrapper {
    background-image: url(img/arrow_up_chronicle@2x.png); }
  /* line 2298, ../scss/_main.scss */
  #case_study_chronicle .case_study_logo {
    max-width: 357px;
    max-height: 110px; }
    @media (min-width: 600px) {
      /* line 2298, ../scss/_main.scss */
      #case_study_chronicle .case_study_logo {
        margin-top: 10px; } }
    @media (min-width: 850px) {
      /* line 2298, ../scss/_main.scss */
      #case_study_chronicle .case_study_logo {
        margin-top: 15px; } }

/* line 2304, ../scss/_main.scss */
.lt-ie9 #case_study_chronicle .example_wrapper {
  background-image: url(img/arrow_up_chronicle.png); }

/* Australian Fine China */
/* line 2308, ../scss/_main.scss */
#case_study_afc {
  background: #faf8ef; }
  /* line 2309, ../scss/_main.scss */
  #case_study_afc .border_wrapper {
    border-left-color: #0f4237; }
  /* line 2310, ../scss/_main.scss */
  #case_study_afc h1, #case_study_afc h2 {
    color: #0f4237; }
  /* line 2311, ../scss/_main.scss */
  #case_study_afc .testimonial {
    background: #0f4237;
    color: #faf8ef; }
  /* line 2312, ../scss/_main.scss */
  #case_study_afc .close {
    background: #0f4237;
    color: #faf8ef; }
  /* line 2313, ../scss/_main.scss */
  #case_study_afc .example_wrapper {
    background-image: url(img/arrow_up_chronicle@2x.png); }
  /* line 2314, ../scss/_main.scss */
  #case_study_afc .case_study_logo {
    max-width: 354px;
    max-height: 113px; }
    @media (min-width: 600px) {
      /* line 2314, ../scss/_main.scss */
      #case_study_afc .case_study_logo {
        margin-top: 20px; } }

/* line 2319, ../scss/_main.scss */
.lt-ie9 #case_study_afc .example_wrapper {
  background-image: url(img/arrow_up_chronicle@2x.png); }

/*======================= Xero Landing Page ==================================*/
/* line 2323, ../scss/_main.scss */
.xero_intro {
  background: #fff;
  text-align: left;
  border: 1px solid #e6e6e6; }
  /* line 2325, ../scss/_main.scss */
  .xero_intro img {
    box-sizing: border-box;
    max-width: 100%;
    height: auto;
    margin-bottom: 2em; }
    @media (min-width: 600px) {
      /* line 2325, ../scss/_main.scss */
      .xero_intro img {
        margin-bottom: 1.5em; } }
    @media (min-width: 850px) {
      /* line 2325, ../scss/_main.scss */
      .xero_intro img {
        padding: 0 5%; } }
  @media (min-width: 850px) {
    /* line 2332, ../scss/_main.scss */
    .xero_intro h3 {
      font-size: 34px; } }
  /* line 2336, ../scss/_main.scss */
  .xero_intro p {
    font-size: 19px; }
    @media (min-width: 600px) {
      /* line 2336, ../scss/_main.scss */
      .xero_intro p {
        font-size: 22px;
        color: #555555;
        line-height: 1.3; } }

/* line 2342, ../scss/_main.scss */
.xero_features .section_intro h3 {
  font-size: 28px; }
  @media (min-width: 600px) {
    /* line 2342, ../scss/_main.scss */
    .xero_features .section_intro h3 {
      font-size: 32px; } }
@media (min-width: 850px) {
  /* line 2348, ../scss/_main.scss */
  .xero_features ul {
    padding-top: 20px; } }
/* line 2350, ../scss/_main.scss */
.xero_features li {
  border: 1px solid #e6e6e6;
  line-height: 1.2;
  padding: 30px;
  background: #fff;
  box-sizing: border-box;
  color: #000;
  font-size: 19px;
  margin-bottom: 25px; }
  @media (min-width: 600px) {
    /* line 2350, ../scss/_main.scss */
    .xero_features li {
      height: 230px; } }
  @media (min-width: 850px) {
    /* line 2350, ../scss/_main.scss */
    .xero_features li {
      height: 290px;
      font-size: 18px; } }
  @media (min-width: 1281px) {
    /* line 2350, ../scss/_main.scss */
    .xero_features li {
      height: 250px;
      font-size: 19px; } }
  /* line 2356, ../scss/_main.scss */
  .xero_features li span {
    font-size: 60px;
    display: block;
    color: #5788e4;
    margin-bottom: 20px; }

/* line 2361, ../scss/_main.scss */
.xero-header {
  text-align: center;
  padding: 40px 0 30px 0; }
  @media (min-width: 600px) {
    /* line 2361, ../scss/_main.scss */
    .xero-header {
      padding: 40px 0px; } }
  @media (min-width: 850px) {
    /* line 2361, ../scss/_main.scss */
    .xero-header {
      padding: 70px 0px; } }
  @media (min-width: 1281px) {
    /* line 2361, ../scss/_main.scss */
    .xero-header {
      padding: 80px 0px; } }
  /* line 2367, ../scss/_main.scss */
  .xero-header h1 {
    margin-bottom: 10%; }
    @media (min-width: 1281px) {
      /* line 2367, ../scss/_main.scss */
      .xero-header h1 {
        margin-bottom: 60px;
        width: 90%;
        display: block;
        margin-left: auto;
        margin-right: auto; } }

/* line 2375, ../scss/_main.scss */
#xero_page .contact {
  background-image: none; }
  @media (min-width: 1281px) {
    /* line 2375, ../scss/_main.scss */
    #xero_page .contact {
      background: #5788e4 url(img/flying-bird-850@2x.png) no-repeat center 250px;
      background-size: 900px 100px; } }

/* line 2381, ../scss/_main.scss */
#xero_animation svg {
  height: 500px;
  margin-bottom: 10px; }

@media (min-width: 600px) {
  /* line 2386, ../scss/_main.scss */
  #xero_animation {
    height: 0;
    padding-top: 35%;
    /* 332px/950px */
    position: relative; }
    /* line 2391, ../scss/_main.scss */
    #xero_animation svg {
      height: 100%;
      display: block;
      width: 100%;
      position: absolute;
      top: 0;
      left: 0; } }
/*======================= Hosting Page ==================================*/
/* line 2406, ../scss/_main.scss */
.hosting_terms {
  text-align: left; }
  /* line 2407, ../scss/_main.scss */
  .hosting_terms ul li {
    list-style-type: disc;
    margin-left: 20px;
    padding-bottom: 15px; }

/* line 2410, ../scss/_main.scss */
.host_terms_header {
  text-align: center;
  padding: 40px 0; }
  @media (min-width: 600px) {
    /* line 2410, ../scss/_main.scss */
    .host_terms_header {
      padding: 50px 0px; } }
  @media (min-width: 850px) {
    /* line 2410, ../scss/_main.scss */
    .host_terms_header {
      padding: 60px 0px; } }
  /* line 2413, ../scss/_main.scss */
  .host_terms_header h1 {
    margin: 0;
    padding: 0; }

/* line 2419, ../scss/_main.scss */
[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "xero" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

/* line 2431, ../scss/_main.scss */
.icon-clock-streamline-time:before {
  content: "a"; }

/* line 2435, ../scss/_main.scss */
.icon-caddie-shop-shopping-streamline:before {
  content: "b"; }

/* line 2439, ../scss/_main.scss */
.icon-notebook-streamline:before {
  content: "c"; }

/* line 2443, ../scss/_main.scss */
.icon-streamline-sync:before {
  content: "e"; }

/* line 2447, ../scss/_main.scss */
.icon-database-streamline:before {
  content: "f"; }

/* line 2451, ../scss/_main.scss */
.icon-browser-streamline-window:before {
  content: "i"; }

/* line 2455, ../scss/_main.scss */
.icon-settings-streamline-2:before {
  content: "j"; }

/* line 2459, ../scss/_main.scss */
.icon-factory-lift-streamline-warehouse:before {
  content: "k"; }

/*=========================== lower than ie9 ========================*/
/* line 2466, ../scss/_main.scss */
.lt-ie9 .link_wrapper.loading {
  visibility: visible; }

/* line 2468, ../scss/_main.scss */
.lt-ie9 .picturefill_wrapper {
  background: none!important; }

/* line 2470, ../scss/_main.scss */
.lt-ie9 #enquiry_type label {
  background: none;
  height: auto;
  display: inline; }

/* line 2471, ../scss/_main.scss */
.lt-ie9 #enquiry_type li {
  padding-bottom: 5px; }

/* line 2472, ../scss/_main.scss */
.lt-ie9 .contact_form #enquiry_type input {
  display: inline; }

/* line 2473, ../scss/_main.scss */
.lt-ie9 .contact_form select {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }

/* line 2475, ../scss/_main.scss */
.lt-ie9 .contact {
  background-image: url(img/flying-bird-900.png); }

/* line 2477, ../scss/_main.scss */
.xero-fallback {
  display: none; }

/* line 2479, ../scss/_main.scss */
.no-svg .xero-fallback {
  display: block;
  background: url(/images/xero/xero.png) no-repeat;
  height: 332px;
  width: 100%; }

/* line 2484, ../scss/_main.scss */
.no-svg #xero_animation {
  display: none; }

/*===========  Navigation Slide In-Out Effect=============*/
@media (min-width: 850px) {
  /* when hidden it goes up */
  /* line 2493, ../scss/_main.scss */
  .desktop_nav_all.invisible {
    -webkit-transform: translate(0, -70px);
    -moz-transform: translate(0, -70px);
    -ms-transform: translate(0, -70px);
    -o-transform: translate(0, -70px);
    transform: translate(0, -70px);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s; }

  /* line 2498, ../scss/_main.scss */
  .footer_navigation.invisible {
    -webkit-transform: translate(0, 64px);
    -moz-transform: translate(0, 64px);
    -ms-transform: translate(0, 64px);
    -o-transform: translate(0, 64px);
    transform: translate(0, 64px);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s; }

  /* when shown & detached position is fixed */
  /* line 2505, ../scss/_main.scss */
  .desktop_nav_all.detached {
    position: fixed;
    width: 100%;
    z-index: 1000;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s; }
  /* line 2520, ../scss/_main.scss */
  .detached_footer {
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 1000;
    border-top: 1px solid white;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s; } }
  @media (min-width: 850px) and (min-width: 850px) {
    /* line 2505, ../scss/_main.scss */
    .desktop_nav_all.detached {
      background: #fff;
      border-bottom: 1px solid #e6e6e6; }
      /* line 2510, ../scss/_main.scss */
      .desktop_nav_all.detached .main_nav {
        font-size: 20px;
        margin-top: 12px; }
        /* line 2511, ../scss/_main.scss */
        .desktop_nav_all.detached .main_nav li {
          padding-bottom: 0; }
      /* line 2514, ../scss/_main.scss */
      .desktop_nav_all.detached h1 {
        padding: 0;
        margin: 0 0 5px 0;
        background-image: none; }
        /* line 2515, ../scss/_main.scss */
        .desktop_nav_all.detached h1 img {
          width: 120px; } }

/*
* css Extracted from jQuery Mobile Framework
* Copyright (c) jQuery Project
*/
/* line 5, ../scss/_transition.scss */
.spin {
  -webkit-transform: rotate(360deg);
  -webkit-animation-name: spin;
  -webkit-animation-duration: 1s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-transform: rotate(360deg);
  -moz-animation-name: spin;
  -moz-animation-duration: 1s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear; }

@-webkit-keyframes spin {
  /* line 18, ../scss/_transition.scss */
  from {
    -webkit-transform: rotate(0deg); }

  /* line 19, ../scss/_transition.scss */
  to {
    -webkit-transform: rotate(360deg); } }

@-moz-keyframes spin {
  /* line 22, ../scss/_transition.scss */
  from {
    -moz-transform: rotate(0deg); }

  /* line 23, ../scss/_transition.scss */
  to {
    -moz-transform: rotate(360deg); } }

/* Transitions from jQtouch (with small modifications): http://www.jqtouch.com/
Built by David Kaneda and maintained by Jonathan Stark.
*/
/* line 28, ../scss/_transition.scss */
.in, .out {
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-duration: 705ms;
  -moz-animation-timing-function: ease-in-out;
  -moz-animation-duration: 705ms; }

/* line 36, ../scss/_transition.scss */
.slide.out {
  -webkit-transform: translateX(-100%);
  -webkit-animation-name: slideouttoleft;
  -moz-transform: translateX(-100%);
  -moz-animation-name: slideouttoleft; }

/* line 43, ../scss/_transition.scss */
.slide.in {
  -webkit-transform: translateX(0);
  -webkit-animation-name: slideinfromright;
  -moz-transform: translateX(0);
  -moz-animation-name: slideinfromright; }

/* line 50, ../scss/_transition.scss */
.slide.out.reverse {
  -webkit-transform: translateX(100%);
  -webkit-animation-name: slideouttoright;
  -moz-transform: translateX(100%);
  -moz-animation-name: slideouttoright; }

/* line 57, ../scss/_transition.scss */
.slide.in.reverse {
  -webkit-transform: translateX(0);
  -webkit-animation-name: slideinfromleft;
  -moz-transform: translateX(0);
  -moz-animation-name: slideinfromleft; }

/* line 64, ../scss/_transition.scss */
.slideup.out {
  -webkit-animation-name: dontmove;
  -moz-animation-name: dontmove;
  z-index: 0; }

/* line 70, ../scss/_transition.scss */
.slideup.in {
  -webkit-transform: translateY(0);
  -webkit-animation-name: slideinfrombottom;
  -moz-transform: translateY(0);
  -moz-animation-name: slideinfrombottom;
  z-index: 10; }

/* line 78, ../scss/_transition.scss */
.slideup.in.reverse {
  z-index: 0;
  -webkit-animation-name: dontmove;
  -moz-animation-name: dontmove; }

/* line 84, ../scss/_transition.scss */
.slideup.out.reverse {
  -webkit-transform: translateY(100%);
  z-index: 10;
  -webkit-animation-name: slideouttobottom;
  -moz-transform: translateY(100%);
  -moz-animation-name: slideouttobottom; }

/* line 92, ../scss/_transition.scss */
.slidedown.out {
  -webkit-animation-name: dontmove;
  -moz-animation-name: dontmove;
  z-index: 0; }

/* line 98, ../scss/_transition.scss */
.slidedown.in {
  -webkit-transform: translateY(0);
  -webkit-animation-name: slideinfromtop;
  -moz-transform: translateY(0);
  -moz-animation-name: slideinfromtop;
  z-index: 10; }

/* line 106, ../scss/_transition.scss */
.slidedown.in.reverse {
  z-index: 0;
  -webkit-animation-name: dontmove;
  -moz-animation-name: dontmove; }

/* line 112, ../scss/_transition.scss */
.slidedown.out.reverse {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  z-index: 10;
  -webkit-animation-name: slideouttotop;
  -moz-animation-name: slideouttotop; }

@-webkit-keyframes slideinfromright {
  /* line 121, ../scss/_transition.scss */
  from {
    -webkit-transform: translateX(100%); }

  /* line 122, ../scss/_transition.scss */
  to {
    -webkit-transform: translateX(0); } }

@-webkit-keyframes slideinfromleft {
  /* line 126, ../scss/_transition.scss */
  from {
    -webkit-transform: translateX(-100%); }

  /* line 127, ../scss/_transition.scss */
  to {
    -webkit-transform: translateX(0); } }

@-webkit-keyframes slideouttoleft {
  /* line 131, ../scss/_transition.scss */
  from {
    -webkit-transform: translateX(0); }

  /* line 132, ../scss/_transition.scss */
  to {
    -webkit-transform: translateX(-100%); } }

@-webkit-keyframes slideouttoright {
  /* line 136, ../scss/_transition.scss */
  from {
    -webkit-transform: translateX(0); }

  /* line 137, ../scss/_transition.scss */
  to {
    -webkit-transform: translateX(100%); } }

@-webkit-keyframes slideinfromtop {
  /* line 141, ../scss/_transition.scss */
  from {
    -webkit-transform: translateY(-100%); }

  /* line 142, ../scss/_transition.scss */
  to {
    -webkit-transform: translateY(0); } }

@-webkit-keyframes slideinfrombottom {
  /* line 146, ../scss/_transition.scss */
  from {
    -webkit-transform: translateY(100%); }

  /* line 147, ../scss/_transition.scss */
  to {
    -webkit-transform: translateY(0); } }

@-webkit-keyframes slideouttobottom {
  /* line 153, ../scss/_transition.scss */
  from {
    -webkit-transform: translateY(0); }

  /* line 154, ../scss/_transition.scss */
  to {
    -webkit-transform: translateY(100%); } }

@-webkit-keyframes slideouttotop {
  /* line 158, ../scss/_transition.scss */
  from {
    -webkit-transform: translateY(0); }

  /* line 159, ../scss/_transition.scss */
  to {
    -webkit-transform: translateY(-100%); } }

@-webkit-keyframes fadein {
  /* line 162, ../scss/_transition.scss */
  from {
    opacity: 0; }

  /* line 163, ../scss/_transition.scss */
  to {
    opacity: 1; } }

@-webkit-keyframes fadeout {
  /* line 167, ../scss/_transition.scss */
  from {
    opacity: 1; }

  /* line 168, ../scss/_transition.scss */
  to {
    opacity: 0; } }

@-moz-keyframes slideinfromright {
  /* line 172, ../scss/_transition.scss */
  from {
    -moz-transform: translateX(100%); }

  /* line 173, ../scss/_transition.scss */
  to {
    -moz-transform: translateX(0); } }

@-moz-keyframes slideinfromleft {
  /* line 177, ../scss/_transition.scss */
  from {
    -moz-transform: translateX(-100%); }

  /* line 178, ../scss/_transition.scss */
  to {
    -moz-transform: translateX(0); } }

@-moz-keyframes slideouttoleft {
  /* line 182, ../scss/_transition.scss */
  from {
    -moz-transform: translateX(0); }

  /* line 183, ../scss/_transition.scss */
  to {
    -moz-transform: translateX(-100%); } }

@-moz-keyframes slideouttoright {
  /* line 187, ../scss/_transition.scss */
  from {
    -moz-transform: translateX(0); }

  /* line 188, ../scss/_transition.scss */
  to {
    -moz-transform: translateX(100%); } }

@-moz-keyframes slideinfromtop {
  /* line 192, ../scss/_transition.scss */
  from {
    -moz-transform: translateY(-100%); }

  /* line 193, ../scss/_transition.scss */
  to {
    -moz-transform: translateY(0); } }

@-moz-keyframes slideinfrombottom {
  /* line 197, ../scss/_transition.scss */
  from {
    -moz-transform: translateY(100%); }

  /* line 198, ../scss/_transition.scss */
  to {
    -moz-transform: translateY(0); } }

@-moz-keyframes slideouttobottom {
  /* line 201, ../scss/_transition.scss */
  from {
    -moz-transform: translateY(0); }

  /* line 202, ../scss/_transition.scss */
  to {
    -moz-transform: translateY(100%); } }

@-moz-keyframes slideouttotop {
  /* line 206, ../scss/_transition.scss */
  from {
    -moz-transform: translateY(0); }

  /* line 207, ../scss/_transition.scss */
  to {
    -moz-transform: translateY(-100%); } }

@-moz-keyframes fadein {
  /* line 210, ../scss/_transition.scss */
  from {
    opacity: 0; }

  /* line 211, ../scss/_transition.scss */
  to {
    opacity: 1; } }

@-moz-keyframes fadeout {
  /* line 215, ../scss/_transition.scss */
  from {
    opacity: 1; }

  /* line 216, ../scss/_transition.scss */
  to {
    opacity: 0; } }

/* line 218, ../scss/_transition.scss */
.fade.out {
  z-index: 0;
  -webkit-animation-name: fadeout;
  -moz-animation-name: fadeout; }

/* line 224, ../scss/_transition.scss */
.fade.in {
  opacity: 1;
  z-index: 10;
  -webkit-animation-name: fadein;
  -moz-animation-name: fadein; }

/* The properties in this rule are only necessary for the 'flip' transition.
 * We need specify the perspective to create a projection matrix. This will add
 * some depth as the element flips. The depth number represents the distance of
 * the viewer from the z-plane. According to the CSS3 spec, 1000 is a moderate
 * value.
 */
/* line 237, ../scss/_transition.scss */
.viewport-flip {
  -webkit-perspective: 1000;
  -moz-perspective: 1000;
  position: absolute; }

/* line 244, ../scss/_transition.scss */
.ui-mobile-viewport-transitioning,
.ui-mobile-viewport-transitioning .ui-page {
  width: 100%;
  height: 100%;
  overflow: hidden; }

/* line 250, ../scss/_transition.scss */
.flip {
  -webkit-animation-duration: .65s;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateX(0);
  /* Needed to work around an iOS 3.1 bug that causes listview thumbs to disappear when -webkit-visibility:hidden is used. */
  -moz-animation-duration: .65s;
  -moz-backface-visibility: hidden;
  -moz-transform: translateX(0);
  /* Needed to work around an iOS 3.1 bug that causes listview thumbs to disappear when -moz-visibility:hidden is used. */ }

/* line 259, ../scss/_transition.scss */
.flip.out {
  -webkit-transform: rotateY(-180deg) scale(0.8);
  -webkit-animation-name: flipouttoleft;
  -moz-transform: rotateY(-180deg) scale(0.8);
  -moz-animation-name: flipouttoleft; }

/* line 266, ../scss/_transition.scss */
.flip.in {
  -webkit-transform: rotateY(0) scale(1);
  -webkit-animation-name: flipinfromleft;
  -moz-transform: rotateY(0) scale(1);
  -moz-animation-name: flipinfromleft; }

/* Shake it all about */
/* line 274, ../scss/_transition.scss */
.flip.out.reverse {
  -webkit-transform: rotateY(180deg) scale(0.8);
  -webkit-animation-name: flipouttoright;
  -moz-transform: rotateY(180deg) scale(0.8);
  -moz-animation-name: flipouttoright; }

/* line 281, ../scss/_transition.scss */
.flip.in.reverse {
  -webkit-transform: rotateY(0) scale(1);
  -webkit-animation-name: flipinfromright;
  -moz-transform: rotateY(0) scale(1);
  -moz-animation-name: flipinfromright; }

@-webkit-keyframes flipinfromright {
  /* line 289, ../scss/_transition.scss */
  from {
    -webkit-transform: rotateY(-180deg) scale(0.8); }

  /* line 290, ../scss/_transition.scss */
  to {
    -webkit-transform: rotateY(0) scale(1); } }

@-webkit-keyframes flipinfromleft {
  /* line 294, ../scss/_transition.scss */
  from {
    -webkit-transform: rotateY(180deg) scale(0.8); }

  /* line 295, ../scss/_transition.scss */
  to {
    -webkit-transform: rotateY(0) scale(1); } }

@-webkit-keyframes flipouttoleft {
  /* line 299, ../scss/_transition.scss */
  from {
    -webkit-transform: rotateY(0) scale(1); }

  /* line 300, ../scss/_transition.scss */
  to {
    -webkit-transform: rotateY(-180deg) scale(0.8); } }

@-webkit-keyframes flipouttoright {
  /* line 304, ../scss/_transition.scss */
  from {
    -webkit-transform: rotateY(0) scale(1); }

  /* line 305, ../scss/_transition.scss */
  to {
    -webkit-transform: rotateY(180deg) scale(0.8); } }

@-moz-keyframes flipinfromright {
  /* line 308, ../scss/_transition.scss */
  from {
    -moz-transform: rotateY(-180deg) scale(0.8); }

  /* line 309, ../scss/_transition.scss */
  to {
    -moz-transform: rotateY(0) scale(1); } }

@-moz-keyframes flipinfromleft {
  /* line 313, ../scss/_transition.scss */
  from {
    -moz-transform: rotateY(180deg) scale(0.8); }

  /* line 314, ../scss/_transition.scss */
  to {
    -moz-transform: rotateY(0) scale(1); } }

@-moz-keyframes flipouttoleft {
  /* line 318, ../scss/_transition.scss */
  from {
    -moz-transform: rotateY(0) scale(1); }

  /* line 319, ../scss/_transition.scss */
  to {
    -moz-transform: rotateY(-180deg) scale(0.8); } }

@-moz-keyframes flipouttoright {
  /* line 323, ../scss/_transition.scss */
  from {
    -moz-transform: rotateY(0) scale(1); }

  /* line 324, ../scss/_transition.scss */
  to {
    -moz-transform: rotateY(180deg) scale(0.8); } }

/* Hackish, but reliable. */
@-webkit-keyframes dontmove {
  /* line 331, ../scss/_transition.scss */
  from {
    opacity: 1; }

  /* line 332, ../scss/_transition.scss */
  to {
    opacity: 1; } }

@-moz-keyframes dontmove {
  /* line 335, ../scss/_transition.scss */
  from {
    opacity: 1; }

  /* line 336, ../scss/_transition.scss */
  to {
    opacity: 1; } }

/* line 339, ../scss/_transition.scss */
.pop {
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%; }

/* line 344, ../scss/_transition.scss */
.pop.in {
  -webkit-transform: scale(1);
  opacity: 1;
  -webkit-animation-name: popin;
  z-index: 10;
  -moz-transform: scale(1);
  -moz-animation-name: popin; }

/* line 353, ../scss/_transition.scss */
.pop.in.reverse {
  z-index: 0;
  -webkit-animation-name: dontmove;
  -moz-animation-name: dontmove; }

/* line 359, ../scss/_transition.scss */
.pop.out.reverse {
  -webkit-transform: scale(0.2);
  opacity: 0;
  -webkit-animation-name: popout;
  z-index: 10;
  -moz-transform: scale(0.2);
  -moz-animation-name: popout; }

@-webkit-keyframes popin {
  /* line 369, ../scss/_transition.scss */
  from {
    -webkit-transform: scale(0.2);
    -moz-transform: scale(0.2);
    opacity: 0; }

  /* line 374, ../scss/_transition.scss */
  to {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    opacity: 1; } }

@-webkit-keyframes popout {
  /* line 382, ../scss/_transition.scss */
  from {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    opacity: 1; }

  /* line 387, ../scss/_transition.scss */
  to {
    -webkit-transform: scale(0.2);
    -moz-transform: scale(0.2);
    opacity: 0; } }

/* ==========================================================================
   Helper classes
   ========================================================================== */
/*
 * Image replacement
 */
/* line 10, ../scss/_helper.scss */
.ir {
  background-color: transparent;
  border: 0;
  overflow: hidden;
  /* IE 6/7 fallback */
  *text-indent: -9999px; }

/* line 18, ../scss/_helper.scss */
.ir:before {
  content: "";
  display: block;
  width: 0;
  height: 150%; }

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */
/* line 29, ../scss/_helper.scss */
.hidden {
  display: none !important;
  visibility: hidden; }

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */
/* line 38, ../scss/_helper.scss */
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */
/* line 55, ../scss/_helper.scss */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto; }

/*
 * Hide visually and from screenreaders, but maintain layout
 */
/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
/* line 82, ../scss/_helper.scss */
.clearfix:before,
.clearfix:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */ }

/* line 87, ../scss/_helper.scss */
.clearfix:after {
  clear: both; }

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
/* line 96, ../scss/_helper.scss */
.clearfix {
  *zoom: 1; }

/*
* css Extracted from jQuery Mobile Framework
* Copyright (c) jQuery Project
*/
/* line 5, ../scss/_transitions.scss */
.spin {
  -webkit-transform: rotate(360deg);
  -webkit-animation-name: spin;
  -webkit-animation-duration: 1s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-transform: rotate(360deg);
  -moz-animation-name: spin;
  -moz-animation-duration: 1s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear; }

@-webkit-keyframes spin {
  /* line 18, ../scss/_transitions.scss */
  from {
    -webkit-transform: rotate(0deg); }

  /* line 19, ../scss/_transitions.scss */
  to {
    -webkit-transform: rotate(360deg); } }

@-moz-keyframes spin {
  /* line 22, ../scss/_transitions.scss */
  from {
    -moz-transform: rotate(0deg); }

  /* line 23, ../scss/_transitions.scss */
  to {
    -moz-transform: rotate(360deg); } }

/* Transitions from jQtouch (with small modifications): http://www.jqtouch.com/
Built by David Kaneda and maintained by Jonathan Stark.
*/
/* line 28, ../scss/_transitions.scss */
.in, .out {
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-duration: 705ms;
  -moz-animation-timing-function: ease-in-out;
  -moz-animation-duration: 705ms; }

/* line 36, ../scss/_transitions.scss */
.slide.out {
  -webkit-transform: translateX(-100%);
  -webkit-animation-name: slideouttoleft;
  -moz-transform: translateX(-100%);
  -moz-animation-name: slideouttoleft; }

/* line 43, ../scss/_transitions.scss */
.slide.in {
  -webkit-transform: translateX(0);
  -webkit-animation-name: slideinfromright;
  -moz-transform: translateX(0);
  -moz-animation-name: slideinfromright; }

/* line 50, ../scss/_transitions.scss */
.slide.out.reverse {
  -webkit-transform: translateX(100%);
  -webkit-animation-name: slideouttoright;
  -moz-transform: translateX(100%);
  -moz-animation-name: slideouttoright; }

/* line 57, ../scss/_transitions.scss */
.slide.in.reverse {
  -webkit-transform: translateX(0);
  -webkit-animation-name: slideinfromleft;
  -moz-transform: translateX(0);
  -moz-animation-name: slideinfromleft; }

/* line 64, ../scss/_transitions.scss */
.slideup.out {
  -webkit-animation-name: dontmove;
  -moz-animation-name: dontmove;
  z-index: 0; }

/* line 70, ../scss/_transitions.scss */
.slideup.in {
  -webkit-transform: translateY(0);
  -webkit-animation-name: slideinfrombottom;
  -moz-transform: translateY(0);
  -moz-animation-name: slideinfrombottom;
  z-index: 10; }

/* line 78, ../scss/_transitions.scss */
.slideup.in.reverse {
  z-index: 0;
  -webkit-animation-name: dontmove;
  -moz-animation-name: dontmove; }

/* line 84, ../scss/_transitions.scss */
.slideup.out.reverse {
  -webkit-transform: translateY(100%);
  z-index: 10;
  -webkit-animation-name: slideouttobottom;
  -moz-transform: translateY(100%);
  -moz-animation-name: slideouttobottom; }

/* line 92, ../scss/_transitions.scss */
.slidedown.out {
  -webkit-animation-name: dontmove;
  -moz-animation-name: dontmove;
  z-index: 0; }

/* line 98, ../scss/_transitions.scss */
.slidedown.in {
  -webkit-transform: translateY(0);
  -webkit-animation-name: slideinfromtop;
  -moz-transform: translateY(0);
  -moz-animation-name: slideinfromtop;
  z-index: 10; }

/* line 106, ../scss/_transitions.scss */
.slidedown.in.reverse {
  z-index: 0;
  -webkit-animation-name: dontmove;
  -moz-animation-name: dontmove; }

/* line 112, ../scss/_transitions.scss */
.slidedown.out.reverse {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  z-index: 10;
  -webkit-animation-name: slideouttotop;
  -moz-animation-name: slideouttotop; }

@-webkit-keyframes slideinfromright {
  /* line 121, ../scss/_transitions.scss */
  from {
    -webkit-transform: translateX(100%); }

  /* line 122, ../scss/_transitions.scss */
  to {
    -webkit-transform: translateX(0); } }

@-webkit-keyframes slideinfromleft {
  /* line 126, ../scss/_transitions.scss */
  from {
    -webkit-transform: translateX(-100%); }

  /* line 127, ../scss/_transitions.scss */
  to {
    -webkit-transform: translateX(0); } }

@-webkit-keyframes slideouttoleft {
  /* line 131, ../scss/_transitions.scss */
  from {
    -webkit-transform: translateX(0); }

  /* line 132, ../scss/_transitions.scss */
  to {
    -webkit-transform: translateX(-100%); } }

@-webkit-keyframes slideouttoright {
  /* line 136, ../scss/_transitions.scss */
  from {
    -webkit-transform: translateX(0); }

  /* line 137, ../scss/_transitions.scss */
  to {
    -webkit-transform: translateX(100%); } }

@-webkit-keyframes slideinfromtop {
  /* line 141, ../scss/_transitions.scss */
  from {
    -webkit-transform: translateY(-100%); }

  /* line 142, ../scss/_transitions.scss */
  to {
    -webkit-transform: translateY(0); } }

@-webkit-keyframes slideinfrombottom {
  /* line 146, ../scss/_transitions.scss */
  from {
    -webkit-transform: translateY(100%); }

  /* line 147, ../scss/_transitions.scss */
  to {
    -webkit-transform: translateY(0); } }

@-webkit-keyframes slideouttobottom {
  /* line 153, ../scss/_transitions.scss */
  from {
    -webkit-transform: translateY(0); }

  /* line 154, ../scss/_transitions.scss */
  to {
    -webkit-transform: translateY(100%); } }

@-webkit-keyframes slideouttotop {
  /* line 158, ../scss/_transitions.scss */
  from {
    -webkit-transform: translateY(0); }

  /* line 159, ../scss/_transitions.scss */
  to {
    -webkit-transform: translateY(-100%); } }

@-webkit-keyframes fadein {
  /* line 162, ../scss/_transitions.scss */
  from {
    opacity: 0; }

  /* line 163, ../scss/_transitions.scss */
  to {
    opacity: 1; } }

@-webkit-keyframes fadeout {
  /* line 167, ../scss/_transitions.scss */
  from {
    opacity: 1; }

  /* line 168, ../scss/_transitions.scss */
  to {
    opacity: 0; } }

@-moz-keyframes slideinfromright {
  /* line 172, ../scss/_transitions.scss */
  from {
    -moz-transform: translateX(100%); }

  /* line 173, ../scss/_transitions.scss */
  to {
    -moz-transform: translateX(0); } }

@-moz-keyframes slideinfromleft {
  /* line 177, ../scss/_transitions.scss */
  from {
    -moz-transform: translateX(-100%); }

  /* line 178, ../scss/_transitions.scss */
  to {
    -moz-transform: translateX(0); } }

@-moz-keyframes slideouttoleft {
  /* line 182, ../scss/_transitions.scss */
  from {
    -moz-transform: translateX(0); }

  /* line 183, ../scss/_transitions.scss */
  to {
    -moz-transform: translateX(-100%); } }

@-moz-keyframes slideouttoright {
  /* line 187, ../scss/_transitions.scss */
  from {
    -moz-transform: translateX(0); }

  /* line 188, ../scss/_transitions.scss */
  to {
    -moz-transform: translateX(100%); } }

@-moz-keyframes slideinfromtop {
  /* line 192, ../scss/_transitions.scss */
  from {
    -moz-transform: translateY(-100%); }

  /* line 193, ../scss/_transitions.scss */
  to {
    -moz-transform: translateY(0); } }

@-moz-keyframes slideinfrombottom {
  /* line 197, ../scss/_transitions.scss */
  from {
    -moz-transform: translateY(100%); }

  /* line 198, ../scss/_transitions.scss */
  to {
    -moz-transform: translateY(0); } }

@-moz-keyframes slideouttobottom {
  /* line 201, ../scss/_transitions.scss */
  from {
    -moz-transform: translateY(0); }

  /* line 202, ../scss/_transitions.scss */
  to {
    -moz-transform: translateY(100%); } }

@-moz-keyframes slideouttotop {
  /* line 206, ../scss/_transitions.scss */
  from {
    -moz-transform: translateY(0); }

  /* line 207, ../scss/_transitions.scss */
  to {
    -moz-transform: translateY(-100%); } }

@-moz-keyframes fadein {
  /* line 210, ../scss/_transitions.scss */
  from {
    opacity: 0; }

  /* line 211, ../scss/_transitions.scss */
  to {
    opacity: 1; } }

@-moz-keyframes fadeout {
  /* line 215, ../scss/_transitions.scss */
  from {
    opacity: 1; }

  /* line 216, ../scss/_transitions.scss */
  to {
    opacity: 0; } }

/* line 218, ../scss/_transitions.scss */
.fade.out {
  z-index: 0;
  -webkit-animation-name: fadeout;
  -moz-animation-name: fadeout; }

/* line 224, ../scss/_transitions.scss */
.fade.in {
  opacity: 1;
  z-index: 10;
  -webkit-animation-name: fadein;
  -moz-animation-name: fadein; }

/* The properties in this rule are only necessary for the 'flip' transition.
 * We need specify the perspective to create a projection matrix. This will add
 * some depth as the element flips. The depth number represents the distance of
 * the viewer from the z-plane. According to the CSS3 spec, 1000 is a moderate
 * value.
 */
/* line 237, ../scss/_transitions.scss */
.viewport-flip {
  -webkit-perspective: 1000;
  -moz-perspective: 1000;
  position: absolute; }

/* line 244, ../scss/_transitions.scss */
.ui-mobile-viewport-transitioning,
.ui-mobile-viewport-transitioning .ui-page {
  width: 100%;
  height: 100%;
  overflow: hidden; }

/* line 250, ../scss/_transitions.scss */
.flip {
  -webkit-animation-duration: .65s;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateX(0);
  /* Needed to work around an iOS 3.1 bug that causes listview thumbs to disappear when -webkit-visibility:hidden is used. */
  -moz-animation-duration: .65s;
  -moz-backface-visibility: hidden;
  -moz-transform: translateX(0);
  /* Needed to work around an iOS 3.1 bug that causes listview thumbs to disappear when -moz-visibility:hidden is used. */ }

/* line 259, ../scss/_transitions.scss */
.flip.out {
  -webkit-transform: rotateY(-180deg) scale(0.8);
  -webkit-animation-name: flipouttoleft;
  -moz-transform: rotateY(-180deg) scale(0.8);
  -moz-animation-name: flipouttoleft; }

/* line 266, ../scss/_transitions.scss */
.flip.in {
  -webkit-transform: rotateY(0) scale(1);
  -webkit-animation-name: flipinfromleft;
  -moz-transform: rotateY(0) scale(1);
  -moz-animation-name: flipinfromleft; }

/* Shake it all about */
/* line 274, ../scss/_transitions.scss */
.flip.out.reverse {
  -webkit-transform: rotateY(180deg) scale(0.8);
  -webkit-animation-name: flipouttoright;
  -moz-transform: rotateY(180deg) scale(0.8);
  -moz-animation-name: flipouttoright; }

/* line 281, ../scss/_transitions.scss */
.flip.in.reverse {
  -webkit-transform: rotateY(0) scale(1);
  -webkit-animation-name: flipinfromright;
  -moz-transform: rotateY(0) scale(1);
  -moz-animation-name: flipinfromright; }

@-webkit-keyframes flipinfromright {
  /* line 289, ../scss/_transitions.scss */
  from {
    -webkit-transform: rotateY(-180deg) scale(0.8); }

  /* line 290, ../scss/_transitions.scss */
  to {
    -webkit-transform: rotateY(0) scale(1); } }

@-webkit-keyframes flipinfromleft {
  /* line 294, ../scss/_transitions.scss */
  from {
    -webkit-transform: rotateY(180deg) scale(0.8); }

  /* line 295, ../scss/_transitions.scss */
  to {
    -webkit-transform: rotateY(0) scale(1); } }

@-webkit-keyframes flipouttoleft {
  /* line 299, ../scss/_transitions.scss */
  from {
    -webkit-transform: rotateY(0) scale(1); }

  /* line 300, ../scss/_transitions.scss */
  to {
    -webkit-transform: rotateY(-180deg) scale(0.8); } }

@-webkit-keyframes flipouttoright {
  /* line 304, ../scss/_transitions.scss */
  from {
    -webkit-transform: rotateY(0) scale(1); }

  /* line 305, ../scss/_transitions.scss */
  to {
    -webkit-transform: rotateY(180deg) scale(0.8); } }

@-moz-keyframes flipinfromright {
  /* line 308, ../scss/_transitions.scss */
  from {
    -moz-transform: rotateY(-180deg) scale(0.8); }

  /* line 309, ../scss/_transitions.scss */
  to {
    -moz-transform: rotateY(0) scale(1); } }

@-moz-keyframes flipinfromleft {
  /* line 313, ../scss/_transitions.scss */
  from {
    -moz-transform: rotateY(180deg) scale(0.8); }

  /* line 314, ../scss/_transitions.scss */
  to {
    -moz-transform: rotateY(0) scale(1); } }

@-moz-keyframes flipouttoleft {
  /* line 318, ../scss/_transitions.scss */
  from {
    -moz-transform: rotateY(0) scale(1); }

  /* line 319, ../scss/_transitions.scss */
  to {
    -moz-transform: rotateY(-180deg) scale(0.8); } }

@-moz-keyframes flipouttoright {
  /* line 323, ../scss/_transitions.scss */
  from {
    -moz-transform: rotateY(0) scale(1); }

  /* line 324, ../scss/_transitions.scss */
  to {
    -moz-transform: rotateY(180deg) scale(0.8); } }

/* Hackish, but reliable. */
@-webkit-keyframes dontmove {
  /* line 331, ../scss/_transitions.scss */
  from {
    opacity: 1; }

  /* line 332, ../scss/_transitions.scss */
  to {
    opacity: 1; } }

@-moz-keyframes dontmove {
  /* line 335, ../scss/_transitions.scss */
  from {
    opacity: 1; }

  /* line 336, ../scss/_transitions.scss */
  to {
    opacity: 1; } }

/* line 339, ../scss/_transitions.scss */
.pop {
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%; }

/* line 344, ../scss/_transitions.scss */
.pop.in {
  -webkit-transform: scale(1);
  opacity: 1;
  -webkit-animation-name: popin;
  z-index: 10;
  -moz-transform: scale(1);
  -moz-animation-name: popin; }

/* line 353, ../scss/_transitions.scss */
.pop.in.reverse {
  z-index: 0;
  -webkit-animation-name: dontmove;
  -moz-animation-name: dontmove; }

/* line 359, ../scss/_transitions.scss */
.pop.out.reverse {
  -webkit-transform: scale(0.2);
  opacity: 0;
  -webkit-animation-name: popout;
  z-index: 10;
  -moz-transform: scale(0.2);
  -moz-animation-name: popout; }

@-webkit-keyframes popin {
  /* line 369, ../scss/_transitions.scss */
  from {
    -webkit-transform: scale(0.2);
    -moz-transform: scale(0.2);
    opacity: 0; }

  /* line 374, ../scss/_transitions.scss */
  to {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    opacity: 1; } }

@-webkit-keyframes popout {
  /* line 382, ../scss/_transitions.scss */
  from {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    opacity: 1; }

  /* line 387, ../scss/_transitions.scss */
  to {
    -webkit-transform: scale(0.2);
    -moz-transform: scale(0.2);
    opacity: 0; } }

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */
@media print {
  /* line 7, ../scss/_print.scss */
  * {
    background: transparent !important;
    color: black !important;
    /* Black prints faster: h5bp.com/s */
    box-shadow: none !important;
    text-shadow: none !important; }

  /* line 15, ../scss/_print.scss */
  a,
  a:visited {
    text-decoration: underline; }

  /* line 19, ../scss/_print.scss */
  a[href]:after {
    content: " (" attr(href) ")"; }

  /* line 23, ../scss/_print.scss */
  abbr[title]:after {
    content: " (" attr(title) ")"; }

  /*
   * Don't show links for images, or javascript/internal links
   */
  /* line 33, ../scss/_print.scss */
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: ""; }

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

  /* line 43, ../scss/_print.scss */
  thead {
    display: table-header-group;
    /* h5bp.com/t */ }

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

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

  @page {
    margin: 0.5cm; }

  /* line 62, ../scss/_print.scss */
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3; }

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