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

/* line 22, ../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
html {
  line-height: 1;
}

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

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

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

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

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

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

/* line 10, vendor/_skrollstrap.scss */
html, body {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  overflow-x: hidden;
}

/* line 18, vendor/_skrollstrap.scss */
header {
  height: 84px;
  background-color: black;
  opacity: 0.2;
}

/* line 24, vendor/_skrollstrap.scss */
section {
  overflow: hidden;
  position: relative;
}

/* line 28, vendor/_skrollstrap.scss */
.skrollable {
  position: fixed;
  z-index: 100;
  width: 100%;
}

/* line 33, vendor/_skrollstrap.scss */
.skrollable .skrollable {
  position: absolute;
}

/* line 36, vendor/_skrollstrap.scss */
.skrollable .skrollable .skrollable {
  position: static;
}

/* line 40, vendor/_skrollstrap.scss */
.skrollr-desktop .skrollable .skrollable {
  position: relative;
}

/* line 44, vendor/_skrollstrap.scss */
#scrollbar {
  position: fixed;
  right: 2px;
  height: 50px;
  width: 6px;
  background: #444;
  background: rgba(0, 0, 0, 0.6);
  border: 1px solid rgba(255, 255, 255, 0.6);
  z-index: 300;
  border-radius: 3px;
}

/* line 56, vendor/_skrollstrap.scss */
.skrollr-desktop #scrollbar {
  display: none;
}

/* line 58, vendor/_skrollstrap.scss */
.scroll-hud {
  position: fixed;
  padding: 5px;
  top: 0px;
  right: 0px;
  background-color: gray;
  color: white;
  z-index: 9999;
}

/* line 68, vendor/_skrollstrap.scss */
.content {
  position: relative;
  z-index: 999;
}

/* line 73, vendor/_skrollstrap.scss */
.background-container-sticky {
  width: 100%;
  overflow: hidden;
}

/* line 78, vendor/_skrollstrap.scss */
.background-container,
.background-fixed,
.background-container-sticky {
  position: absolute !important;
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

/* line 87, vendor/_skrollstrap.scss */
.background-container {
  width: 100%;
  overflow: hidden;
}

/* line 92, vendor/_skrollstrap.scss */
.background-fixed,
.background-full {
  width: 100%;
  height: 100%;
}

/* line 97, vendor/_skrollstrap.scss */
.background-still,
.foreground-still {
  position: absolute;
  height: 100%;
  width: 100%;
}

/* line 103, vendor/_skrollstrap.scss */
.foreground-still {
  z-index: 9997;
  pointer-events: none;
}

/* line 107, vendor/_skrollstrap.scss */
.background {
  height: 120%;
  width: 100%;
}

/* line 111, vendor/_skrollstrap.scss */
.foreground {
  height: 120%;
  width: 100%;
  z-index: 9999;
}

/* line 117, vendor/_skrollstrap.scss */
#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
  /* change if the mask should have another color then white */
  z-index: 9998;
  /* makes sure it stays on top */
}

/* line 127, vendor/_skrollstrap.scss */
#status {
  width: 200px;
  height: 200px;
  position: absolute;
  background-repeat: no-repeat;
  background-position: center;
  left: 50%;
  /* centers the loading animation horizontally one the screen */
  top: 50%;
  /* centers the loading animation vertically one the screen */
  margin: -100px 0 0 -100px;
  /* is width and height divided by two */
}

/* line 140, vendor/_skrollstrap.scss */
#compatibility_mask {
  display: none;
  padding-top: 40px;
  padding-left: 10px;
  padding-right: 10px;
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: white;
  z-index: 9999;
  margin: 0;
  text-align: center;
}

/* line 155, vendor/_skrollstrap.scss */
.skrollr-mobile .skrollable {
  position: absolute;
}

/* line 158, vendor/_skrollstrap.scss */
.skrollr-mobile #skrollr-body {
  margin-top: 84px;
}

/*  *********
    variables 
    *********  */
/* 
you can also use SVGs to clip paths (for ie):

  <svg width="0" height="0">
  <defs>
    <clipPath id="myClip">
      <circle cx="100" cy="100" r="40" />
      <circle cx="60" cy="60" r="40" />
    </clipPath>
  </defs>
</svg>
.clip-svg {
  clip-path: url(#myClip);
} 
// 

possibilities:
rectangle(x, y, width, height, rounded-x, rounded-y)        
inset-rectangle(from top, from right, from bottom, from left, rounded-x, rounded-y)
polygon(a, bunch, of, points)
circle(radius at x, y)
ellipse(radius-x, radius-y at x, y)
*/
/* line 46, modules/_clipper.scss */
.line-from-left {
  -webkit-clip-path: inset(90% 100% 0% 0%);
  -moz-clip-path: inset(90% 100% 0% 0%);
  -ms-clip-path: inset(90% 100% 0% 0%);
  clip-path: inset(90% 100% 0% 0%);
  -moz-animation: left-clipper 3s linear 1s forwards;
  -webkit-animation: left-clipper 3s linear 1s forwards;
  animation: left-clipper 3s linear 1s forwards;
}
@-moz-keyframes left-clipper {
  0% {
    -webkit-clip-path: inset(90% 100% 0% 0%);
    -moz-clip-path: inset(90% 100% 0% 0%);
    -ms-clip-path: inset(90% 100% 0% 0%);
    clip-path: inset(90% 100% 0% 0%);
  }
  50% {
    -webkit-clip-path: inset(90% 47% 0% 0%);
    -moz-clip-path: inset(90% 47% 0% 0%);
    -ms-clip-path: inset(90% 47% 0% 0%);
    clip-path: inset(90% 47% 0% 0%);
  }
  100% {
    -webkit-clip-path: inset(50% 47% 0% 0%);
    -moz-clip-path: inset(50% 47% 0% 0%);
    -ms-clip-path: inset(50% 47% 0% 0%);
    clip-path: inset(50% 47% 0% 0%);
  }
}
@-webkit-keyframes left-clipper {
  0% {
    -webkit-clip-path: inset(90% 100% 0% 0%);
    -moz-clip-path: inset(90% 100% 0% 0%);
    -ms-clip-path: inset(90% 100% 0% 0%);
    clip-path: inset(90% 100% 0% 0%);
  }
  50% {
    -webkit-clip-path: inset(90% 47% 0% 0%);
    -moz-clip-path: inset(90% 47% 0% 0%);
    -ms-clip-path: inset(90% 47% 0% 0%);
    clip-path: inset(90% 47% 0% 0%);
  }
  100% {
    -webkit-clip-path: inset(50% 47% 0% 0%);
    -moz-clip-path: inset(50% 47% 0% 0%);
    -ms-clip-path: inset(50% 47% 0% 0%);
    clip-path: inset(50% 47% 0% 0%);
  }
}
@keyframes left-clipper {
  0% {
    -webkit-clip-path: inset(90% 100% 0% 0%);
    -moz-clip-path: inset(90% 100% 0% 0%);
    -ms-clip-path: inset(90% 100% 0% 0%);
    clip-path: inset(90% 100% 0% 0%);
  }
  50% {
    -webkit-clip-path: inset(90% 47% 0% 0%);
    -moz-clip-path: inset(90% 47% 0% 0%);
    -ms-clip-path: inset(90% 47% 0% 0%);
    clip-path: inset(90% 47% 0% 0%);
  }
  100% {
    -webkit-clip-path: inset(50% 47% 0% 0%);
    -moz-clip-path: inset(50% 47% 0% 0%);
    -ms-clip-path: inset(50% 47% 0% 0%);
    clip-path: inset(50% 47% 0% 0%);
  }
}
/* line 59, modules/_clipper.scss */
.line-from-right {
  -webkit-clip-path: inset(95% 0% 0% 100%);
  -moz-clip-path: inset(95% 0% 0% 100%);
  -ms-clip-path: inset(95% 0% 0% 100%);
  clip-path: inset(95% 0% 0% 100%);
  -moz-animation: right-clipper 3s linear 1s forwards;
  -webkit-animation: right-clipper 3s linear 1s forwards;
  animation: right-clipper 3s linear 1s forwards;
}
@-moz-keyframes right-clipper {
  0% {
    -webkit-clip-path: inset(95% 0% 0% 100%);
    -moz-clip-path: inset(95% 0% 0% 100%);
    -ms-clip-path: inset(95% 0% 0% 100%);
    clip-path: inset(95% 0% 0% 100%);
  }
  50% {
    -webkit-clip-path: inset(95% 0% 0% 50%);
    -moz-clip-path: inset(95% 0% 0% 50%);
    -ms-clip-path: inset(95% 0% 0% 50%);
    clip-path: inset(95% 0% 0% 50%);
  }
  100% {
    -webkit-clip-path: inset(50% 0% 0% 50%);
    -moz-clip-path: inset(50% 0% 0% 50%);
    -ms-clip-path: inset(50% 0% 0% 50%);
    clip-path: inset(50% 0% 0% 50%);
  }
}
@-webkit-keyframes right-clipper {
  0% {
    -webkit-clip-path: inset(95% 0% 0% 100%);
    -moz-clip-path: inset(95% 0% 0% 100%);
    -ms-clip-path: inset(95% 0% 0% 100%);
    clip-path: inset(95% 0% 0% 100%);
  }
  50% {
    -webkit-clip-path: inset(95% 0% 0% 50%);
    -moz-clip-path: inset(95% 0% 0% 50%);
    -ms-clip-path: inset(95% 0% 0% 50%);
    clip-path: inset(95% 0% 0% 50%);
  }
  100% {
    -webkit-clip-path: inset(50% 0% 0% 50%);
    -moz-clip-path: inset(50% 0% 0% 50%);
    -ms-clip-path: inset(50% 0% 0% 50%);
    clip-path: inset(50% 0% 0% 50%);
  }
}
@keyframes right-clipper {
  0% {
    -webkit-clip-path: inset(95% 0% 0% 100%);
    -moz-clip-path: inset(95% 0% 0% 100%);
    -ms-clip-path: inset(95% 0% 0% 100%);
    clip-path: inset(95% 0% 0% 100%);
  }
  50% {
    -webkit-clip-path: inset(95% 0% 0% 50%);
    -moz-clip-path: inset(95% 0% 0% 50%);
    -ms-clip-path: inset(95% 0% 0% 50%);
    clip-path: inset(95% 0% 0% 50%);
  }
  100% {
    -webkit-clip-path: inset(50% 0% 0% 50%);
    -moz-clip-path: inset(50% 0% 0% 50%);
    -ms-clip-path: inset(50% 0% 0% 50%);
    clip-path: inset(50% 0% 0% 50%);
  }
}
/* line 73, modules/_clipper.scss */
.line-from-bottom {
  -webkit-clip-path: inset(100% 0% 0% 0%);
  -moz-clip-path: inset(100% 0% 0% 0%);
  -ms-clip-path: inset(100% 0% 0% 0%);
  clip-path: inset(100% 0% 0% 0%);
  -moz-animation: bottom-clipper 3s linear 1s forwards;
  -webkit-animation: bottom-clipper 3s linear 1s forwards;
  animation: bottom-clipper 3s linear 1s forwards;
}
@-moz-keyframes bottom-clipper {
  0% {
    -webkit-clip-path: inset(100% 0% 0% 0%);
    -moz-clip-path: inset(100% 0% 0% 0%);
    -ms-clip-path: inset(100% 0% 0% 0%);
    clip-path: inset(100% 0% 0% 0%);
  }
  100% {
    -webkit-clip-path: inset(0% 0% 0% 0%);
    -moz-clip-path: inset(0% 0% 0% 0%);
    -ms-clip-path: inset(0% 0% 0% 0%);
    clip-path: inset(0% 0% 0% 0%);
  }
}
@-webkit-keyframes bottom-clipper {
  0% {
    -webkit-clip-path: inset(100% 0% 0% 0%);
    -moz-clip-path: inset(100% 0% 0% 0%);
    -ms-clip-path: inset(100% 0% 0% 0%);
    clip-path: inset(100% 0% 0% 0%);
  }
  100% {
    -webkit-clip-path: inset(0% 0% 0% 0%);
    -moz-clip-path: inset(0% 0% 0% 0%);
    -ms-clip-path: inset(0% 0% 0% 0%);
    clip-path: inset(0% 0% 0% 0%);
  }
}
@keyframes bottom-clipper {
  0% {
    -webkit-clip-path: inset(100% 0% 0% 0%);
    -moz-clip-path: inset(100% 0% 0% 0%);
    -ms-clip-path: inset(100% 0% 0% 0%);
    clip-path: inset(100% 0% 0% 0%);
  }
  100% {
    -webkit-clip-path: inset(0% 0% 0% 0%);
    -moz-clip-path: inset(0% 0% 0% 0%);
    -ms-clip-path: inset(0% 0% 0% 0%);
    clip-path: inset(0% 0% 0% 0%);
  }
}
/* line 87, modules/_clipper.scss */
.clip-circle {
  -webkit-clip-path: circle(60px at center);
  -moz-clip-path: circle(60px at center);
  -ms-clip-path: circle(60px at center);
  clip-path: circle(60px at center);
  -moz-transition: all 1s linear;
  -o-transition: all 1s linear;
  -webkit-transition: all 1s linear;
  transition: all 1s linear;
}
/* line 90, modules/_clipper.scss */
.clip-circle:hover {
  -webkit-clip-path: circle(100px at center);
  -moz-clip-path: circle(100px at center);
  -ms-clip-path: circle(100px at center);
  clip-path: circle(100px at center);
}

/* line 94, modules/_clipper.scss */
.clip-ellipse {
  clip-path: ellipse(60px 40px at center);
}

/* line 97, modules/_clipper.scss */
.clip-polygon {
  clip-path: polygon(5% 5%, 100% 0%, 100% 75%, 75% 75%, 75% 100%, 50% 75%, 0% 75%);
}

/* line 37, style-mobile.scss */
.overlay {
  z-index: 50000;
}

@-moz-keyframes loading {
  from {
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -moz-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes loading {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes loading {
  from {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/* line 50, style-mobile.scss */
.middle {
  display: table;
  position: absolute;
  width: 100%;
  height: 100%;
}
/* line 7, modules/_pk-mixins.scss */
.middle > div {
  display: table-cell;
  vertical-align: middle;
}
/* line 10, modules/_pk-mixins.scss */
.middle > div > div {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
/* line 52, style-mobile.scss */
.middle .bounce-wrapper {
  -moz-transition: all 1s linear;
  -o-transition: all 1s linear;
  -webkit-transition: all 1s linear;
  transition: all 1s linear;
}
/* line 54, style-mobile.scss */
.middle .bounce-wrapper.bounced {
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -webkit-transform: scale(0);
  transform: scale(0);
}
/* line 59, style-mobile.scss */
.middle .loading-icon {
  width: 100px;
  height: 100px;
  display: inline-block;
  position: relative;
  background-image: url('../media/images/gui-elements/boat-wheel.png?1438887875');
  background-size: contain;
  background-repeat: no-repeat;
  -moz-animation: loading 1s linear 0s forwards infinite;
  -webkit-animation: loading 1s linear 0s forwards infinite;
  animation: loading 1s linear 0s forwards infinite;
}

/* ********************************************
 * Global
 * ********************************************/
/* line 77, style-mobile.scss */
* {
  -webkit-font-smoothing: subpixel-antialiased;
}
/* line 53, ../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/css3/_selection.scss */
*::-moz-selection {
  color: white;
  background-color: #0b3d5c;
}
/* line 53, ../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/css3/_selection.scss */
*::selection {
  color: white;
  background-color: #0b3d5c;
}

/* line 82, style-mobile.scss */
mark {
  background-color: transparent;
  color: #06a7e2;
}

/* line 87, style-mobile.scss */
body {
  padding-top: 6%;
  font-family: "BenchNine", sans-serif;
  font-size: 16px;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  color: #0b3d5c;
}

/* line 105, style-mobile.scss */
.btn {
  -moz-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
  -webkit-transition: all 0.5s linear;
  transition: all 0.5s linear;
  background-image: none;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  background-color: #06a7e2;
  text-transform: uppercase;
  padding: 10px;
  outline: 0;
  border-color: transparent;
}
/* line 115, style-mobile.scss */
.btn:focus {
  outline: 0;
  border-color: #0b3d5c;
}
/* line 119, style-mobile.scss */
.btn:hover {
  border-color: #0b3d5c;
}

/* line 125, style-mobile.scss */
.invisible {
  opacity: 0;
}

/* line 130, style-mobile.scss */
#skrollr-body {
  margin-top: 60px;
}

/* line 134, style-mobile.scss */
p {
  margin: 0 0 20px;
}

/* line 138, style-mobile.scss */
a {
  color: #0b3d5c;
}
/* line 140, style-mobile.scss */
a:hover {
  text-decoration: none;
}

/* line 144, style-mobile.scss */
a:hover {
  text-decoration: none;
}

/* line 148, style-mobile.scss */
img {
  width: 100%;
}

/* line 152, style-mobile.scss */
hr {
  border-top: 1px dotted #333;
}

/* line 157, style-mobile.scss */
h1 {
  margin-bottom: 20px;
  font-family: "BenchNine", sans-serif;
  font-size: 86px;
  font-weight: 200;
}

/* line 165, style-mobile.scss */
h2, h3 {
  font-family: "BenchNine", sans-serif;
  font-weight: 400;
}

/* line 170, style-mobile.scss */
h2 {
  font-size: 24px;
}

/* line 174, style-mobile.scss */
h3 {
  font-size: 20px;
}

/* line 178, style-mobile.scss */
h4 {
  line-height: 150%;
}

/* line 182, style-mobile.scss */
#background-color {
  width: 100%;
  height: 100%;
  top: 0;
  background-color: white;
  background-position: center top;
  background-repeat: none;
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}

/* line 193, style-mobile.scss */
.background-still, .foreground-still {
  position: absolute;
  width: 100%;
  height: 100%;
}

/* line 199, style-mobile.scss */
.foreground-still {
  z-index: 9997;
  pointer-events: none;
}

/* line 204, style-mobile.scss */
.background {
  width: 100%;
  height: 120%;
}

/* line 209, style-mobile.scss */
.foreground {
  z-index: 9999;
  width: 100%;
  height: 120%;
}

/* line 215, style-mobile.scss */
.background-full {
  width: 100%;
  height: 100%;
}

/* line 220, style-mobile.scss */
.source {
  color: gray;
}

/* line 226, style-mobile.scss */
.scroll-hud {
  display: none;
}

/* line 230, style-mobile.scss */
.titlebreak {
  display: none;
}

/* line 235, style-mobile.scss */
.quote {
  font-size: 24px;
  font-family: 'Poiret One';
  display: inline-block;
  margin-bottom: 20px;
}

/* line 242, style-mobile.scss */
.line-link {
  text-decoration: underline !important;
}

/* line 246, style-mobile.scss */
.credits {
  text-align: center;
  color: white;
  font-family: 'Roboto';
}

/* line 251, style-mobile.scss */
.boats-skyblue {
  background-color: #b7e3f2;
}

/* line 254, style-mobile.scss */
.mobile-boat-wrap {
  min-height: 100vh;
  background-color: #bae3f1;
}
/* line 258, style-mobile.scss */
.mobile-boat-wrap .boat-backdrop {
  display: block;
  width: 100%;
  height: auto;
  position: relative;
  z-index: 5;
  margin-top: 50px;
}
/* line 266, style-mobile.scss */
.mobile-boat-wrap .mobile-boat {
  width: 60%;
  height: auto;
  z-index: 6;
  position: absolute;
  left: 20%;
  bottom: -30%;
  -moz-animation: boating 10s linear 3s infinite;
  -webkit-animation: boating 10s linear 3s infinite;
  animation: boating 10s linear 3s infinite;
  cursor: pointer;
}
/* line 277, style-mobile.scss */
.mobile-boat-wrap .boat-bg {
  bottom: 0%;
  position: absolute;
  -moz-animation: fade-in 15s linear 0s forwards;
  -webkit-animation: fade-in 15s linear 0s forwards;
  animation: fade-in 15s linear 0s forwards;
}
/* line 283, style-mobile.scss */
.mobile-boat-wrap h1 {
  z-index: 7;
  font-size: 35px;
  color: #0b3d5c;
  position: absolute;
  top: -10%;
  display: block;
  text-align: center;
  width: 100%;
}
/* line 293, style-mobile.scss */
.mobile-boat-wrap .chapter-content {
  color: black;
}
/* line 298, style-mobile.scss */
.mobile-boat-wrap .info-boxes-wrap {
  margin-top: 40px;
  margin-bottom: 10px;
  display: block;
  text-align: center;
  z-index: 8;
}
/* line 305, style-mobile.scss */
.mobile-boat-wrap .info-boxes {
  display: inline-block;
  text-align: left;
}
/* line 309, style-mobile.scss */
.mobile-boat-wrap .info-wrap {
  margin: 0 auto 10px auto;
  display: block;
  vertical-align: top;
  height: 40px;
  cursor: pointer;
  white-space: nowrap;
}
/* line 316, style-mobile.scss */
.mobile-boat-wrap .info-wrap * {
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
/* line 320, style-mobile.scss */
.mobile-boat-wrap .info-wrap.open .info-icon {
  opacity: 1;
}
/* line 323, style-mobile.scss */
.mobile-boat-wrap .info-wrap.open .info-text {
  opacity: 1;
}
/* line 329, style-mobile.scss */
.mobile-boat-wrap .icon-wrap,
.mobile-boat-wrap .info-icon {
  display: inline-block;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  border: 1px transparent solid;
  vertical-align: top;
}
/* line 336, style-mobile.scss */
.mobile-boat-wrap .icon-wrap {
  width: 40px;
  height: 40px;
  background-color: white;
  border: 1px gray solid;
  position: relative;
}
@-moz-keyframes pulser {
  0% {
    -moz-transform: scale(1.2);
    transform: scale(1.2);
  }
  100% {
    -moz-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes pulser {
  0% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes pulser {
  0% {
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
  100% {
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
/* line 351, style-mobile.scss */
.mobile-boat-wrap .icon-wrap.icon-wrap1 {
  -moz-animation: pulser 2.35s linear 0s alternate infinite;
  -webkit-animation: pulser 2.35s linear 0s alternate infinite;
  animation: pulser 2.35s linear 0s alternate infinite;
}
/* line 351, style-mobile.scss */
.mobile-boat-wrap .icon-wrap.icon-wrap2 {
  -moz-animation: pulser 3.906s linear 0s alternate infinite;
  -webkit-animation: pulser 3.906s linear 0s alternate infinite;
  animation: pulser 3.906s linear 0s alternate infinite;
}
/* line 351, style-mobile.scss */
.mobile-boat-wrap .icon-wrap.icon-wrap3 {
  -moz-animation: pulser 1.11s linear 0s alternate infinite;
  -webkit-animation: pulser 1.11s linear 0s alternate infinite;
  animation: pulser 1.11s linear 0s alternate infinite;
}
/* line 351, style-mobile.scss */
.mobile-boat-wrap .icon-wrap.icon-wrap4 {
  -moz-animation: pulser 2.878s linear 0s alternate infinite;
  -webkit-animation: pulser 2.878s linear 0s alternate infinite;
  animation: pulser 2.878s linear 0s alternate infinite;
}
/* line 351, style-mobile.scss */
.mobile-boat-wrap .icon-wrap.icon-wrap5 {
  -moz-animation: pulser 4.011s linear 0s alternate infinite;
  -webkit-animation: pulser 4.011s linear 0s alternate infinite;
  animation: pulser 4.011s linear 0s alternate infinite;
}
/* line 351, style-mobile.scss */
.mobile-boat-wrap .icon-wrap.icon-wrap6 {
  -moz-animation: pulser 1.373s linear 0s alternate infinite;
  -webkit-animation: pulser 1.373s linear 0s alternate infinite;
  animation: pulser 1.373s linear 0s alternate infinite;
}
/* line 351, style-mobile.scss */
.mobile-boat-wrap .icon-wrap.icon-wrap7 {
  -moz-animation: pulser 2.388s linear 0s alternate infinite;
  -webkit-animation: pulser 2.388s linear 0s alternate infinite;
  animation: pulser 2.388s linear 0s alternate infinite;
}
/* line 351, style-mobile.scss */
.mobile-boat-wrap .icon-wrap.icon-wrap8 {
  -moz-animation: pulser 4.44s linear 0s alternate infinite;
  -webkit-animation: pulser 4.44s linear 0s alternate infinite;
  animation: pulser 4.44s linear 0s alternate infinite;
}
/* line 351, style-mobile.scss */
.mobile-boat-wrap .icon-wrap.icon-wrap9 {
  -moz-animation: pulser 1.149s linear 0s alternate infinite;
  -webkit-animation: pulser 1.149s linear 0s alternate infinite;
  animation: pulser 1.149s linear 0s alternate infinite;
}
/* line 351, style-mobile.scss */
.mobile-boat-wrap .icon-wrap.icon-wrap10 {
  -moz-animation: pulser 2.968s linear 0s alternate infinite;
  -webkit-animation: pulser 2.968s linear 0s alternate infinite;
  animation: pulser 2.968s linear 0s alternate infinite;
}
/* line 351, style-mobile.scss */
.mobile-boat-wrap .icon-wrap.icon-wrap11 {
  -moz-animation: pulser 4.032s linear 0s alternate infinite;
  -webkit-animation: pulser 4.032s linear 0s alternate infinite;
  animation: pulser 4.032s linear 0s alternate infinite;
}
/* line 351, style-mobile.scss */
.mobile-boat-wrap .icon-wrap.icon-wrap12 {
  -moz-animation: pulser 1.223s linear 0s alternate infinite;
  -webkit-animation: pulser 1.223s linear 0s alternate infinite;
  animation: pulser 1.223s linear 0s alternate infinite;
}
/* line 359, style-mobile.scss */
.mobile-boat-wrap .info-icon {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-size: 75%;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
}
/* line 372, style-mobile.scss */
.mobile-boat-wrap .info-icon.icon1 {
  background-image: url('../media/images/gui-elements/ch4/info1.png?1439929103');
}
/* line 373, style-mobile.scss */
.mobile-boat-wrap .info-icon.icon2 {
  background-image: url('../media/images/gui-elements/ch4/info2.png?1439929134');
}
/* line 374, style-mobile.scss */
.mobile-boat-wrap .info-icon.icon3 {
  background-image: url('../media/images/gui-elements/ch4/info3.png?1439929147');
}
/* line 376, style-mobile.scss */
.mobile-boat-wrap .info-text {
  display: inline-block;
  opacity: 0;
  height: 40px;
  font-size: 15px;
  border: 1px transparent solid;
  padding-left: 2%;
}

/* line 391, style-mobile.scss */
html, body {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  overflow-x: hidden;
}

/* line 401, style-mobile.scss */
header {
  height: 6%;
  background-color: #eff8fb;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  display: block;
  z-index: 9998;
  top: 0;
  width: 100%;
  height: 6%;
  opacity: 1;
  background-image: url('../media/images/header_gradient.png?1438017324');
  border-bottom: 1px gray solid;
  font-family: "BenchNine", sans-serif;
  font-weight: 200;
  overflow: hidden;
  white-space: nowrap;
}
/* line 419, style-mobile.scss */
header .vs-link {
  position: absolute;
  display: inline-block;
  left: 2%;
  top: 0;
  height: 100%;
  width: 40%;
  background-image: url('../media/images/logos/via-satellite.png?1438270998');
  background-size: auto 60%;
  background-repeat: no-repeat;
  background-position: 0% 50%;
}
/* line 431, style-mobile.scss */
header .social-icons {
  width: auto;
  right: 0;
  top: 0;
  float: right;
  font-size: 20px;
  padding: 5px;
  height: 100%;
  display: inline-block;
  position: relative;
  margin-right: 2%;
  margin-top: 1%;
}
/* line 445, style-mobile.scss */
header .social-icons a {
  height: 100%;
  position: relative;
  vertical-align: middle;
  line-height: 100%;
  margin-left: 10px;
}
/* line 451, style-mobile.scss */
header .social-icons a:first-child {
  margin-left: 0px;
}

/* line 458, style-mobile.scss */
section {
  overflow: hidden;
  position: relative;
  display: block;
}

/* line 464, style-mobile.scss */
.chapter-content {
  padding: 2%;
  display: block;
  z-index: 7;
  position: relative;
}

/* line 471, style-mobile.scss */
#scrollbar {
  position: fixed;
  right: 2px;
  height: 50px;
  width: 6px;
  background: #444;
  background: rgba(0, 0, 0, 0.6);
  border: 1px solid rgba(255, 255, 255, 0.6);
  z-index: 300;
  border-radius: 3px;
}

/* line 483, style-mobile.scss */
.skrollr-desktop #scrollbar {
  display: none;
}

/* line 485, style-mobile.scss */
.scroll-hud {
  position: fixed;
  padding: 5px;
  top: 0px;
  right: 0px;
  background-color: gray;
  color: white;
  z-index: 9999;
}

/* line 495, style-mobile.scss */
.content {
  position: relative;
  z-index: 999;
}

/* line 500, style-mobile.scss */
.background-container-sticky {
  width: 100%;
  overflow: hidden;
}

/* line 505, style-mobile.scss */
.background-container,
.background-fixed,
.background-container-sticky {
  position: absolute !important;
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

/* line 514, style-mobile.scss */
.background-container {
  width: 100%;
  overflow: hidden;
}

/* line 519, style-mobile.scss */
.background-fixed,
.background-full {
  width: 100%;
  height: 100%;
}

/* line 524, style-mobile.scss */
.background-still,
.foreground-still {
  position: absolute;
  height: 100%;
  width: 100%;
}

/* line 530, style-mobile.scss */
.foreground-still {
  z-index: 9997;
  pointer-events: none;
}

/* line 534, style-mobile.scss */
.background {
  height: 120%;
  width: 100%;
}

/* line 538, style-mobile.scss */
.foreground {
  height: 120%;
  width: 100%;
  z-index: 9999;
}

/* line 544, style-mobile.scss */
.skrollr-mobile .skrollable {
  position: absolute;
}

/* line 547, style-mobile.scss */
.skrollr-mobile #skrollr-body {
  margin-top: 84px;
}

@-moz-keyframes boating {
  0% {
    -moz-transform: scale(1) rotate(0deg) translateX(0px);
    transform: scale(1) rotate(0deg) translateX(0px);
  }
  50% {
    -moz-transform: scale(1.04) translateX(5px) rotate(1deg);
    transform: scale(1.04) translateX(5px) rotate(1deg);
  }
  100% {
    -moz-transform: scale(1) rotate(0deg) translateX(0px);
    transform: scale(1) rotate(0deg) translateX(0px);
  }
}
@-webkit-keyframes boating {
  0% {
    -webkit-transform: scale(1) rotate(0deg) translateX(0px);
    transform: scale(1) rotate(0deg) translateX(0px);
  }
  50% {
    -webkit-transform: scale(1.04) translateX(5px) rotate(1deg);
    transform: scale(1.04) translateX(5px) rotate(1deg);
  }
  100% {
    -webkit-transform: scale(1) rotate(0deg) translateX(0px);
    transform: scale(1) rotate(0deg) translateX(0px);
  }
}
@keyframes boating {
  0% {
    -moz-transform: scale(1) rotate(0deg) translateX(0px);
    -ms-transform: scale(1) rotate(0deg) translateX(0px);
    -webkit-transform: scale(1) rotate(0deg) translateX(0px);
    transform: scale(1) rotate(0deg) translateX(0px);
  }
  50% {
    -moz-transform: scale(1.04) translateX(5px) rotate(1deg);
    -ms-transform: scale(1.04) translateX(5px) rotate(1deg);
    -webkit-transform: scale(1.04) translateX(5px) rotate(1deg);
    transform: scale(1.04) translateX(5px) rotate(1deg);
  }
  100% {
    -moz-transform: scale(1) rotate(0deg) translateX(0px);
    -ms-transform: scale(1) rotate(0deg) translateX(0px);
    -webkit-transform: scale(1) rotate(0deg) translateX(0px);
    transform: scale(1) rotate(0deg) translateX(0px);
  }
}
/* line 30, partials/_boats.scss */
.boat {
  -moz-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  -webkit-transition: all 0.1s linear;
  transition: all 0.1s linear;
  width: 35%;
  height: auto;
  position: fixed;
  z-index: 5001 !important;
  left: 50%;
  -moz-transform: translate(200%, 0%);
  -ms-transform: translate(200%, 0%);
  -webkit-transform: translate(200%, 0%);
  transform: translate(200%, 0%);
}
/* line 38, partials/_boats.scss */
.boat.floating {
  -moz-animation: boating 10s linear 3s infinite;
  -webkit-animation: boating 10s linear 3s infinite;
  animation: boating 10s linear 3s infinite;
}
/* line 41, partials/_boats.scss */
.boat.away {
  -moz-transform: translateX(-100vw);
  -ms-transform: translateX(-100vw);
  -webkit-transform: translateX(-100vw);
  transform: translateX(-100vw);
}
/* line 44, partials/_boats.scss */
.boat img {
  z-index: 6000 !important;
}

/* line 53, partials/_boats.scss */
.bg,
.boats-bg {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
}
/* line 63, partials/_boats.scss */
.bg .sky,
.bg .clouds,
.bg .clouds-alt,
.bg .clouds-reflected,
.bg .water,
.boats-bg .sky,
.boats-bg .clouds,
.boats-bg .clouds-alt,
.boats-bg .clouds-reflected,
.boats-bg .water {
  position: absolute;
  display: block;
  width: 100%;
  background-repeat: repeat-x;
  background-size: cover;
}
/* line 75, partials/_boats.scss */
.bg .clouds-alt,
.boats-bg .clouds-alt {
  background-size: stretch;
}
/* line 78, partials/_boats.scss */
.bg .clouds-reflected,
.boats-bg .clouds-reflected {
  background-size: stretch;
}
/* line 81, partials/_boats.scss */
.bg .sky,
.boats-bg .sky {
  top: 0;
  z-index: 3;
  background-image: url('../media/images/backgrounds/shared/sky.png?1438274295');
}
/* line 87, partials/_boats.scss */
.bg .clouds,
.boats-bg .clouds {
  z-index: 4;
  background-position: 50% 0;
  background-image: url('../media/images/backgrounds/shared/bg-white-clouds.png?1438275373');
}
/* line 94, partials/_boats.scss */
.bg .clouds-reflected,
.boats-bg .clouds-reflected {
  background-image: url('../media/images/gui-elements/clouds-reflection.png?1438886267');
  background-size: stretch;
  z-index: 6;
  opacity: 0.5;
}
/* line 101, partials/_boats.scss */
.bg .clouds-alt,
.boats-bg .clouds-alt {
  z-index: 4;
  background-position: 50% 100%;
  background-image: url('../media/images/gui-elements/clouds-boating.png?1438886317');
}
/* line 109, partials/_boats.scss */
.bg .water,
.boats-bg .water {
  bottom: 0;
  z-index: 5;
  background-position: bottom center;
  background-image: url('../media/images/backgrounds/shared/water.png?1438274281');
}

/* line 118, partials/_boats.scss */
#clouds-reflected {
  background-position: 90% 0% !important;
}

/* line 122, partials/_boats.scss */
.title-sequence .clouds-alt,
.title-sequence .clouds-reflected {
  background-position: 90% 0% !important;
  background-size: stretch !important;
}

/* line 158, partials/_boats.scss */
.arrow-right,
.arrow-left {
  width: 40px;
  height: 40px;
  position: absolute !important;
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  top: 40%;
  z-index: 5002;
}

/* line 173, partials/_boats.scss */
.arrow-right {
  background-image: url('../media/images/gui-elements/arrow-right.png?1438369178');
  right: -10%;
}

/* line 177, partials/_boats.scss */
.arrow-left {
  background-image: url('../media/images/gui-elements/arrow-left.png?1438369192');
  left: -10%;
}

/* line 182, partials/_boats.scss */
.bottom-text {
  top: 72%;
  color: #0b3d5c;
  width: 70%;
  left: 15%;
  display: block;
  font-weight: 300;
  position: absolute !important;
}
/* line 192, partials/_boats.scss */
.bottom-text p {
  font-size: 1rem;
  line-height: 1rem;
  margin-bottom: 10px;
}

/* line 560, style-mobile.scss */
.title-sequence {
  min-height: 100vh;
}
/* line 131, partials/_boats.scss */
.title-sequence .boat {
  bottom: 12% !important;
}
/* line 134, partials/_boats.scss */
.title-sequence .sky {
  height: 78%;
}
/* line 137, partials/_boats.scss */
.title-sequence .clouds {
  height: 78%;
  bottom: 22%;
}
/* line 141, partials/_boats.scss */
.title-sequence .clouds-alt {
  height: 78%;
  bottom: 22%;
}
/* line 145, partials/_boats.scss */
.title-sequence .clouds-reflected {
  height: 22%;
  bottom: 0;
}
/* line 149, partials/_boats.scss */
.title-sequence .water {
  height: 22% !important;
}
/* line 563, style-mobile.scss */
.title-sequence .title-sequence-boat {
  -moz-transform: none;
  -ms-transform: none;
  -webkit-transform: none;
  transform: none;
  width: 60%;
  bottom: 10% !important;
  left: 30%;
  position: absolute !important;
}
/* line 572, style-mobile.scss */
.title-sequence .title-sequence-bg {
  height: 80px;
  width: 242.16216px;
  position: absolute;
  bottom: 20%;
  z-index: 500 !important;
}
/* line 585, style-mobile.scss */
.title-sequence .title-sequence-bg svg {
  bottom: 0;
  position: absolute;
  left: -60px;
}
/* line 590, style-mobile.scss */
.title-sequence .title-sequence-bg #mountain-front {
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  -moz-animation: trees-in 1.5s ease-in 1s forwards;
  -webkit-animation: trees-in 1.5s ease-in 1s forwards;
  animation: trees-in 1.5s ease-in 1s forwards;
}
/* line 597, style-mobile.scss */
.title-sequence .title-sequence-bg #mountain-back {
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  -moz-animation: trees-in 2s ease-in 1s forwards;
  -webkit-animation: trees-in 2s ease-in 1s forwards;
  animation: trees-in 2s ease-in 1s forwards;
}
/* line 604, style-mobile.scss */
.title-sequence .title-container {
  -moz-animation: fade-in 1s linear 0.5s forwards;
  -webkit-animation: fade-in 1s linear 0.5s forwards;
  animation: fade-in 1s linear 0.5s forwards;
  position: absolute;
  display: inline-block;
  left: 0;
  top: 0;
  width: auto;
  z-index: 5000;
  opacity: 0;
  margin-top: 20%;
}
/* line 617, style-mobile.scss */
.title-sequence .title-container h1, .title-sequence .title-container span {
  color: #0b3d5c;
}
/* line 620, style-mobile.scss */
.title-sequence .title-container h1 {
  font-size: 3rem;
  font-weight: 200;
  font-family: "BenchNine", sans-serif;
  position: relative;
  overflow: hidden;
  line-height: 3rem;
}
/* line 630, style-mobile.scss */
.title-sequence .title-container span {
  font-size: 1rem;
  margin: 5px 0;
  display: block;
}
/* line 635, style-mobile.scss */
.title-sequence .title-container img {
  width: 50%;
}
/* line 640, style-mobile.scss */
.title-sequence .title-sequence-line {
  width: 0;
  height: 1px;
  border-bottom: 1px black dashed;
  margin-top: 10px;
}
@-moz-keyframes titles-line-animation {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}
@-webkit-keyframes titles-line-animation {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}
@keyframes titles-line-animation {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}
/* line 649, style-mobile.scss */
.title-sequence .title-sequence-line.go {
  -moz-animation: titles-line-animation 2s linear 0s forwards;
  -webkit-animation: titles-line-animation 2s linear 0s forwards;
  animation: titles-line-animation 2s linear 0s forwards;
}

@-moz-keyframes spinner {
  0% {
    -moz-transform: rotate(360deg);
    transform: rotate(360deg);
  }
  100% {
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
@-webkit-keyframes spinner {
  0% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
@keyframes spinner {
  0% {
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
  100% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
/* line 670, style-mobile.scss */
.intro-spinner.animate {
  -moz-animation: spinner 1s linear 0.5s forwards;
  -webkit-animation: spinner 1s linear 0.5s forwards;
  animation: spinner 1s linear 0.5s forwards;
}

/* line 675, style-mobile.scss */
.vcenter {
  display: table;
  position: absolute;
  width: 100%;
  height: 100%;
}
/* line 7, modules/_pk-mixins.scss */
.vcenter > div {
  display: table-cell;
  vertical-align: middle;
}
/* line 10, modules/_pk-mixins.scss */
.vcenter > div > div {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

/* line 680, style-mobile.scss */
.title-container {
  text-align: center;
  opacity: 0;
  text-transform: uppercase;
  margin-top: 20px;
}
/* line 687, style-mobile.scss */
.title-container h1 {
  font-size: 50px;
  color: #0b3d5c;
}

/* line 693, style-mobile.scss */
#scroll-arrow-down {
  width: 100%;
  margin: 100px 0 10px 0;
  text-align: center;
  color: white;
  font-family: "Poiret One";
  font-size: 24px;
  font-weight: bold;
  white-space: nowrap;
  -moz-animation: scrollflash 2s infinite;
  -webkit-animation: scrollflash 2s infinite;
  animation: scrollflash 2s infinite;
  -moz-animation-delay: 1s;
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}

/* line 707, style-mobile.scss */
.choicevalue {
  margin-top: 50px;
}

/* line 716, style-mobile.scss */
section,
.chapter {
  left: 0;
  display: block;
  width: 100%;
}
/* line 725, style-mobile.scss */
section .content,
section .container,
section .row,
section .column,
.chapter .content,
.chapter .container,
.chapter .row,
.chapter .column {
  height: 100%;
  width: 100%;
  z-index: 5000;
}
/* line 733, style-mobile.scss */
section.chapter-boat,
.chapter.chapter-boat {
  background-color: #b7e3f2;
}

/* line 754, style-mobile.scss */
.text-content {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 100%;
  width: 100%;
  position: absolute !important;
  display: table-cell;
  vertical-align: middle;
}

/* line 764, style-mobile.scss */
.text-vert-centered {
  display: table;
  position: absolute;
  width: 100%;
  height: 100%;
  text-align: left;
  max-width: 90%;
}
/* line 744, style-mobile.scss */
.text-vert-centered > div {
  display: table-cell;
  vertical-align: middle;
}
/* line 747, style-mobile.scss */
.text-vert-centered > div > div {
  margin-left: auto;
  margin-right: auto;
}

/* line 769, style-mobile.scss */
.fully-centered {
  display: table;
  position: absolute;
  width: 100%;
  height: 100%;
  margin: 0 auto;
}
/* line 7, modules/_pk-mixins.scss */
.fully-centered > div {
  display: table-cell;
  vertical-align: middle;
}
/* line 10, modules/_pk-mixins.scss */
.fully-centered > div > div {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

@-moz-keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/* line 797, style-mobile.scss */
p {
  font-weight: 400;
  font-size: 1.1rem;
  line-height: 1.6rem;
  font-family: "Source Sans Pro", sans-serif;
}

/* line 804, style-mobile.scss */
figure {
  position: relative;
  margin: 5vh auto;
  max-width: 80%;
  display: block;
}
/* line 809, style-mobile.scss */
figure img {
  display: block;
  margin-bottom: 4%;
}
/* line 814, style-mobile.scss */
figure.fifty {
  max-width: 50%;
}

/* line 818, style-mobile.scss */
.quote-box {
  font-size: 1.5rem;
  line-height: 2.1rem;
  max-width: 50%;
  font-weight: 400;
  color: white;
  background-color: #0b3d5c;
  float: right;
  padding: 4%;
  margin: 2%;
}

/* line 831, style-mobile.scss */
.container-fluid {
  padding: 0;
}

/* line 834, style-mobile.scss */
.row {
  margin: 0;
}

/* line 837, style-mobile.scss */
h3 {
  display: block;
  text-align: center;
  margin-top: 3rem;
}
/* line 841, style-mobile.scss */
h3 div {
  margin-left: auto;
  margin-right: auto;
  background-color: #06a7e2;
  color: white;
  padding: 10px;
  display: inline-block;
  position: relative;
  width: auto;
  font-size: 16pt;
}

@-moz-keyframes trees-in {
  from {
    -moz-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  to {
    -moz-transform: translateX(0);
    transform: translateX(0);
  }
}
@-webkit-keyframes trees-in {
  from {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  to {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes trees-in {
  from {
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  to {
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
/* line 864, style-mobile.scss */
#mobile-body {
  display: block;
  position: absolute;
  width: 100%;
  height: 94%;
  right: 0;
  left: 0;
  bottom: 0;
  top: 6%;
  overflow-y: scroll;
  overflow-x: hidden;
}

/* line 882, style-mobile.scss */
.choicevalue {
  background-color: #d7eef6;
}
/* line 884, style-mobile.scss */
.choicevalue .mountains {
  width: 100%;
  position: relative;
  height: auto;
}

/* line 891, style-mobile.scss */
figure {
  text-align: center;
}

/* line 895, style-mobile.scss */
.servicepartners,
.satellitepartners {
  background-color: #064c7a;
  overflow: visible;
}
/* line 907, style-mobile.scss */
.servicepartners h3,
.satellitepartners h3 {
  margin-top: 30px;
  margin-bottom: 10px;
}
/* line 911, style-mobile.scss */
.servicepartners .center-content,
.satellitepartners .center-content {
  overflow: visible;
  padding-top: 30px;
}
/* line 916, style-mobile.scss */
.servicepartners .center-content .first-p,
.satellitepartners .center-content .first-p {
  margin-top: 50px;
}
/* line 919, style-mobile.scss */
.servicepartners .center-content p,
.satellitepartners .center-content p {
  margin-top: 10px;
  color: white !important;
  font-weight: 400;
  font-size: 15px;
}
/* line 926, style-mobile.scss */
.servicepartners .col-md-12,
.satellitepartners .col-md-12 {
  padding: 0;
  margin: 0;
}
/* line 930, style-mobile.scss */
.servicepartners .container, .servicepartners .row, .servicepartners .col-md-4,
.satellitepartners .container,
.satellitepartners .row,
.satellitepartners .col-md-4 {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
/* line 933, style-mobile.scss */
.servicepartners .partner-wrap,
.satellitepartners .partner-wrap {
  margin: 15px auto;
}

/* line 939, style-mobile.scss */
.partner-list .pbox {
  border: none !important;
}
/* line 942, style-mobile.scss */
.partner-list .row {
  margin-bottom: 20px;
}
/* line 945, style-mobile.scss */
.partner-list .partner-pic {
  margin-top: 2%;
}
/* line 948, style-mobile.scss */
.partner-list .partner-name {
  margin-bottom: 5px;
}
/* line 952, style-mobile.scss */
.partner-list .top-bar h4 {
  padding-left: 2%;
  background-color: #0b3d5c;
  color: white;
  text-transform: uppercase;
}

/* line 961, style-mobile.scss */
.pbox {
  border: 1px rgba(200, 200, 200, 0.3) outset;
}

/* line 967, style-mobile.scss */
.partners-box {
  background-color: white;
}
/* line 968, style-mobile.scss */
.partners-box .partner-wrap {
  width: 100%;
  max-width: 100%;
}
/* line 973, style-mobile.scss */
.partners-box h4 {
  display: block;
  background-color: #0b3d5c;
  color: white;
  text-align: left;
  padding: 10px;
  margin: 0 !important;
}

/* line 984, style-mobile.scss */
.partner-pop {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 10000;
  background-color: white;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
/* line 995, style-mobile.scss */
.partner-pop .partner-interview {
  margin-top: 10px;
}
/* line 998, style-mobile.scss */
.partner-pop .partner-pic-wrap {
  padding-right: 0px;
}
/* line 1001, style-mobile.scss */
.partner-pop .question {
  font-size: 1.2rem;
  border-bottom: 1px gray solid;
  font-weight: bold;
  margin-bottom: 5px;
}
/* line 1007, style-mobile.scss */
.partner-pop .answer {
  font-size: 1rem;
  margin-bottom: 20px;
}
/* line 1011, style-mobile.scss */
.partner-pop .partner-logo img {
  width: 100px;
  height: auto;
}
/* line 1015, style-mobile.scss */
.partner-pop .close-pop {
  z-index: 10000;
  position: absolute;
  top: 10px;
  right: 15px;
  width: 30px;
  height: 30px;
  display: inline-block;
  cursor: pointer;
  text-align: center;
  vertical-align: middle;
}
/* line 1028, style-mobile.scss */
.partner-pop .close-pop span {
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
  font-size: 30px;
  position: relative;
  line-height: 100%;
  vertical-align: middle;
}
/* line 1036, style-mobile.scss */
.partner-pop .close-pop:active span {
  font-size: 0;
}

/* line 1043, style-mobile.scss */
.scrollbox {
  width: 100%;
  height: 100%;
  position: absolute;
}
/* line 1047, style-mobile.scss */
.scrollbox > div {
  position: relative;
  padding-right: 30px;
  padding-top: 20px;
}

/* line 1054, style-mobile.scss */
.container, .col-md-4 {
  margin: 0;
  padding: 0;
}

/* line 1058, style-mobile.scss */
.no-margin {
  margin: 0px;
  padding: 0px;
}

/* line 1068, style-mobile.scss */
.info-bubble-wrap {
  position: absolute;
  overflow: visible;
  margin: 0;
  padding: 0;
}
/* line 1074, style-mobile.scss */
.info-bubble-wrap .info-bubble,
.info-bubble-wrap .info-line {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 4000;
}
/* line 1085, style-mobile.scss */
.info-bubble-wrap .info-bubble {
  opacity: 0;
}
/* line 1088, style-mobile.scss */
.info-bubble-wrap .info-text {
  position: absolute !important;
  bottom: 100%;
  font-size: 1.2rem;
  color: #0b3d5c;
  text-align: center;
  width: 175%;
  left: -37.5%;
  opacity: 0;
}
/* line 1101, style-mobile.scss */
.info-bubble-wrap .info-text .span {
  color: gray !important;
}

/* line 1109, style-mobile.scss */
.floatingcommunities {
  color: white;
  z-index: 5000;
}
/* line 1112, style-mobile.scss */
.floatingcommunities .info-bubble-wrap {
  top: -44%;
}
/* line 1115, style-mobile.scss */
.floatingcommunities .info-bubble-wrap * {
  position: absolute !important;
}
/* line 1119, style-mobile.scss */
.floatingcommunities .info-bubble-left {
  left: 1%;
  height: 200px;
  width: 100px;
}
/* line 1125, style-mobile.scss */
.floatingcommunities .info-bubble-right {
  right: 0%;
  height: 200px;
  width: 100px;
}
/* line 1131, style-mobile.scss */
.floatingcommunities .info-bubble-center {
  right: 40%;
  height: 200px;
  width: 100px;
}
/* line 1137, style-mobile.scss */
.floatingcommunities .info-bubble {
  opacity: 0;
  position: absolute !important;
}
/* line 1141, style-mobile.scss */
.floatingcommunities .floatingcommunities-bg {
  width: 100% !important;
  position: absolute;
  bottom: 38% !important;
  z-index: 6000;
}
/* line 1145, style-mobile.scss */
.floatingcommunities .floatingcommunities-bg svg {
  position: absolute;
  width: 100%;
  bottom: 0;
}
/* line 1152, style-mobile.scss */
.floatingcommunities .floatingcommunities-boat {
  left: 30%;
  bottom: 0%;
  position: absolute !important;
}
/* line 1157, style-mobile.scss */
.floatingcommunities .boats-fc {
  height: 100%;
}

/* line 1164, style-mobile.scss */
.info-bubble-wrap * {
  position: absolute !important;
}

/* line 1171, style-mobile.scss */
.info-bubble-left {
  left: 1%;
  height: 200px;
  width: 100px;
}

/* line 1176, style-mobile.scss */
.info-bubble-right {
  right: 0%;
  height: 200px;
  width: 100px;
}

/* line 1182, style-mobile.scss */
.info-bubble-center {
  right: 40%;
  height: 200px;
  width: 100px;
}

/* line 1188, style-mobile.scss */
.info-bubble {
  opacity: 0;
  position: absolute !important;
}

/* line 1194, style-mobile.scss */
.youtubevideo {
  z-index: 9000;
}
/* line 1197, style-mobile.scss */
.youtubevideo video {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: block;
  margin: 0;
  padding: 0;
}
/* line 1209, style-mobile.scss */
.youtubevideo .vjs-big-play-button {
  display: none;
}

/* line 1214, style-mobile.scss */
.overlay {
  z-index: 10000;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  display: block;
  background-color: white;
}

/* line 1230, style-mobile.scss */
.idirectleadership h1 {
  font-size: 3rem;
  margin-top: 30px;
}
/* line 1234, style-mobile.scss */
.idirectleadership p {
  font-size: 1.2rem;
}
/* line 1237, style-mobile.scss */
.idirectleadership .middle-section {
  display: block;
}
/* line 1241, style-mobile.scss */
.idirectleadership .graph-side {
  margin-right: 2%;
  width: 275px;
  float: left;
}
/* line 1247, style-mobile.scss */
.idirectleadership .graph-side figure img {
  margin-top: 0px;
  max-width: 100%;
}
/* line 1256, style-mobile.scss */
.idirectleadership .graph-box {
  text-align: center;
  position: relative;
  background-color: #f0eeee;
  display: block;
  padding: 10px;
  margin-top: 10px;
  margin-right: 10px;
  max-width: 275px;
}
/* line 1269, style-mobile.scss */
.idirectleadership .graph-box .circle-graph {
  display: inline-block;
  max-width: 100%;
  width: 250px;
  height: 250px;
  top: 0;
  left: 0;
}
/* line 1279, style-mobile.scss */
.idirectleadership .graph-box .graph-piece {
  width: 250px;
  height: 250px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-position: center;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
/* line 1295, style-mobile.scss */
.idirectleadership .wrap-little-boats {
  padding: 10px;
}
/* line 1299, style-mobile.scss */
.idirectleadership .little-boat {
  width: 40px;
  height: auto;
  margin: 5px;
  opacity: 0;
}
/* line 1312, style-mobile.scss */
.idirectleadership .little-boat-rev {
  -moz-perspective: 1000;
  -webkit-perspective: 1000;
  perspective: 1000;
  -moz-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
}

/* line 1319, style-mobile.scss */
.riggedup {
  color: white;
  z-index: 5000;
}
/* line 1322, style-mobile.scss */
.riggedup .riggedup-bg {
  bottom: 38%;
  height: 62%;
  z-index: 5000 !important;
  width: 100%;
  position: absolute !important;
}
/* line 1329, style-mobile.scss */
.riggedup .riggedup-bg * {
  bottom: 0 !important;
  width: 200px;
  height: auto;
  position: absolute !important;
}
/* line 1335, style-mobile.scss */
.riggedup .riggedup-bg .riggedup-bg-left-back {
  left: 0 !important;
}
/* line 1338, style-mobile.scss */
.riggedup .riggedup-bg .riggedup-bg-left-front {
  left: 0 !important;
}
/* line 1341, style-mobile.scss */
.riggedup .riggedup-bg .riggedup-bg-right {
  right: 0px !important;
}
/* line 1345, style-mobile.scss */
.riggedup .bg {
  width: 100% !important;
  position: absolute;
  z-index: 4500;
}
/* line 1350, style-mobile.scss */
.riggedup .bg * {
  position: absolute !important;
}
/* line 1353, style-mobile.scss */
.riggedup .bg svg {
  position: absolute;
  width: 100%;
  bottom: 0;
}
/* line 1360, style-mobile.scss */
.riggedup .riggedup-boat {
  left: 30%;
  position: absolute !important;
}
/* line 1364, style-mobile.scss */
.riggedup .info-bubble-wrap {
  top: -13% !important;
}
/* line 1366, style-mobile.scss */
.riggedup .info-bubble-wrap * {
  position: absolute !important;
}
/* line 1370, style-mobile.scss */
.riggedup .info-bubble-left {
  left: 0%;
}
/* line 1373, style-mobile.scss */
.riggedup .info-bubble-right {
  right: -12%;
}
/* line 1376, style-mobile.scss */
.riggedup .info-bubble-center {
  right: 46%;
}
/* line 1379, style-mobile.scss */
.riggedup .info-bubble {
  opacity: 0;
  position: absolute !important;
}

/* line 1385, style-mobile.scss */
.abigcatch {
  color: white;
  z-index: 5000;
}
/* line 1389, style-mobile.scss */
.abigcatch .abigcatch-bg {
  bottom: 38%;
  height: 62%;
  z-index: 5000 !important;
  width: 100%;
  position: absolute !important;
}
/* line 1397, style-mobile.scss */
.abigcatch .abigcatch-bg * {
  bottom: 0 !important;
  width: 300px;
  height: auto;
  position: absolute !important;
}
/* line 1403, style-mobile.scss */
.abigcatch .abigcatch-bg .abigcatch-bg-left-back {
  left: 0 !important;
}
/* line 1406, style-mobile.scss */
.abigcatch .abigcatch-bg .abigcatch-bg-left-front {
  left: 0 !important;
}
/* line 1409, style-mobile.scss */
.abigcatch .abigcatch-bg .abigcatch-bg-right {
  right: 0px !important;
}
/* line 1413, style-mobile.scss */
.abigcatch .abigcatch-boat {
  left: 32% !important;
  bottom: 0% !important;
  margin-bottom: 5%;
  position: absolute !important;
}
/* line 1421, style-mobile.scss */
.abigcatch .info-bubble-wrap {
  top: -15% !important;
}
/* line 1423, style-mobile.scss */
.abigcatch .info-bubble-wrap * {
  position: absolute !important;
}
/* line 1427, style-mobile.scss */
.abigcatch .info-bubble-left {
  left: 2%;
}
/* line 1430, style-mobile.scss */
.abigcatch .info-bubble-right {
  right: -11%;
}
/* line 1433, style-mobile.scss */
.abigcatch .info-bubble-center {
  right: 40%;
}
/* line 1436, style-mobile.scss */
.abigcatch .info-bubble {
  opacity: 0;
  position: absolute !important;
}

/* line 1443, style-mobile.scss */
.riggedup .clouds {
  background-position-x: -25%;
}

/* line 1447, style-mobile.scss */
.allaboard {
  color: white;
  z-index: 5000;
}
/* line 1450, style-mobile.scss */
.allaboard .allaboard-bg {
  bottom: 38%;
  height: 62%;
  z-index: 5000 !important;
  left: 0;
  width: 100%;
  position: absolute !important;
}
/* line 1458, style-mobile.scss */
.allaboard .allaboard-bg * {
  bottom: 0 !important;
  width: 100%;
  height: auto;
  position: absolute !important;
}
/* line 1464, style-mobile.scss */
.allaboard .allaboard-bg .allaboard-bg-left-back {
  left: 0 !important;
}
/* line 1467, style-mobile.scss */
.allaboard .allaboard-bg .allaboard-bg-left-front {
  left: 0 !important;
}
/* line 1470, style-mobile.scss */
.allaboard .allaboard-bg .allaboard-bg-right {
  right: 0px !important;
}
/* line 1474, style-mobile.scss */
.allaboard .info-bubble-wrap {
  top: -48%;
}
/* line 1477, style-mobile.scss */
.allaboard .allaboard-boat {
  left: 30% !important;
  bottom: 0% !important;
  margin-bottom: 5%;
  position: absolute !important;
}
/* line 1485, style-mobile.scss */
.allaboard .info-bubble-wrap {
  top: -20% !important;
}
/* line 1487, style-mobile.scss */
.allaboard .info-bubble-wrap * {
  position: absolute !important;
}
/* line 1491, style-mobile.scss */
.allaboard .info-bubble-left {
  left: -10%;
}
/* line 1494, style-mobile.scss */
.allaboard .info-bubble-right {
  right: -7%;
}
/* line 1497, style-mobile.scss */
.allaboard .info-bubble-center {
  right: 40%;
}
/* line 1500, style-mobile.scss */
.allaboard .info-bubble {
  opacity: 0;
  position: absolute !important;
}

/* line 1509, style-mobile.scss */
.dash-line {
  background-image: url('../media/images/gui-elements/dashed-line.png?1438809339');
  background-size: 1291px 22px;
  background-position: center left;
  background-repeat: no-repeat;
  height: 22px;
  width: 85%;
  right: 0;
  margin-left: auto;
  display: block;
  position: absolute;
  top: 24%;
  z-index: 10000;
}

/* line 1524, style-mobile.scss */
h1 {
  font-size: 2rem;
}

/* line 1527, style-mobile.scss */
.credits {
  display: block;
  text-align: center;
  z-index: 5000;
}
/* line 1528, style-mobile.scss */
.credits h1 {
  font-size: 3rem;
  margin: 40px auto;
  text-align: center;
  display: block;
}
/* line 1537, style-mobile.scss */
.credits .idirect {
  width: 200px;
  height: auto;
}
/* line 1541, style-mobile.scss */
.credits .credits-bottom {
  background-color: #00263d;
  width: 100%;
  height: 40%;
  position: relative;
  display: block;
  padding-top: 50px;
}
/* line 1550, style-mobile.scss */
.credits .credits-text {
  padding: 30px 0px;
  width: 800px;
  max-width: 90%;
  margin: 0 auto;
  display: block;
  color: #0b3d5c;
  height: 60%;
  text-align: left;
}
/* line 1560, style-mobile.scss */
.credits .copyright {
  font-size: 0.75rem;
  font-weight: 200;
}

/* line 1567, style-mobile.scss */
figcaption {
  max-width: 90%;
  position: relative;
  font-size: 1.2rem;
  text-transform: uppercase;
  margin: 0 auto;
}

/* line 48, partials/_info-circles.scss */
.circle-line#sec0-left {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  position: absolute;
  z-index: 5000;
  display: inline-block;
  width: 19px;
  height: 90px;
  overflow: hidden;
  position: absolute;
  left: 20%;
  top: 50%;
}
/* line 28, partials/_info-circles.scss */
.circle-line#sec0-left:before {
  background-repeat: no-repeat;
  background-clip: border-box;
  background-image: url('../media/images/gui-elements/left-line.png?1438181072');
  position: absolute;
  width: 100%;
  height: 0%;
  content: "";
}
/* line 41, partials/_info-circles.scss */
.circle-line#sec0-left.show-from-bottom:before {
  height: 100%;
}

/*  ********
    partners 
    ********  */
/* line 1596, style-mobile.scss */
.section4,
.partner-profiles {
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  background-color: white;
  width: 100%;
  height: 100%;
  margin-top: 6%;
  position: fixed;
  z-index: 8000;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
/* line 1610, style-mobile.scss */
.section4 .read-more-overlay,
.partner-profiles .read-more-overlay {
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  position: fixed;
  width: 100%;
  top: 60px;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: white;
  z-index: 9000;
  margin-top: 6%;
}
/* line 1625, style-mobile.scss */
.section4 .read-more-overlay .back-to-list,
.partner-profiles .read-more-overlay .back-to-list {
  position: absolute;
  right: 0;
  top: 20%;
}
/* line 1631, style-mobile.scss */
.section4 .read-more-overlay.invisible,
.partner-profiles .read-more-overlay.invisible {
  opacity: 0;
}
/* line 1635, style-mobile.scss */
.section4 .read-more-overlay .partner-pic,
.partner-profiles .read-more-overlay .partner-pic {
  float: left;
  position: relative;
  width: 25%;
  margin-right: 20px;
  margin-bottom: 20px;
}
/* line 1641, style-mobile.scss */
.section4 .read-more-overlay .partner-pic img,
.partner-profiles .read-more-overlay .partner-pic img {
  width: 100%;
  height: auto;
  border: 7px #0b3d5c solid;
}
/* line 1648, style-mobile.scss */
.section4 .read-more-overlay .partner-name,
.section4 .read-more-overlay .partner-title,
.partner-profiles .read-more-overlay .partner-name,
.partner-profiles .read-more-overlay .partner-title {
  font-family: "Source Sans Pro", sans-serif;
}
/* line 1653, style-mobile.scss */
.section4 .read-more-overlay .partner-name,
.partner-profiles .read-more-overlay .partner-name {
  color: #0b3d5c;
  font-weight: 600;
  margin-top: 12%;
  font-size: 3rem;
}
/* line 1659, style-mobile.scss */
.section4 .read-more-overlay .partner-title,
.partner-profiles .read-more-overlay .partner-title {
  font-size: 1rem;
}
/* line 1664, style-mobile.scss */
.section4 .read-more-overlay .partner-logo,
.partner-profiles .read-more-overlay .partner-logo {
  max-width: 220px;
  width: 220px;
  display: inline-block;
}
/* line 1672, style-mobile.scss */
.section4 .read-more-overlay .partner-header,
.partner-profiles .read-more-overlay .partner-header {
  width: 100%;
  height: 30%;
  position: relative;
  display: block;
  margin: 0;
  padding: 0;
  left: 0;
  background-size: cover;
  background-position-x: center;
  background-position-y: 0%;
  background-repeat: no-repeat;
  -moz-transition: background-position 0.1s linear;
  -o-transition: background-position 0.1s linear;
  -webkit-transition: background-position 0.1s linear;
  transition: background-position 0.1s linear;
}
/* line 1686, style-mobile.scss */
.section4 .read-more-overlay .partner-center-box,
.partner-profiles .read-more-overlay .partner-center-box {
  width: 70%;
  height: auto;
  position: absolute;
  top: 20%;
  margin-left: 15%;
}
/* line 1695, style-mobile.scss */
.section4 .read-more-overlay .partner-center-box .interview-box,
.partner-profiles .read-more-overlay .partner-center-box .interview-box {
  display: block;
  max-height: 250px;
  height: 250px;
  position: relative;
  width: 100%;
  overflow-y: scroll;
  font-size: 1rem;
  padding-right: 20px;
}
/* line 1705, style-mobile.scss */
.section4 .read-more-overlay .partner-center-box .interview-box .question,
.partner-profiles .read-more-overlay .partner-center-box .interview-box .question {
  display: block;
  font-weight: bold;
  font-size: 1.5rem;
}
/* line 1710, style-mobile.scss */
.section4 .read-more-overlay .partner-center-box .interview-box .answer,
.partner-profiles .read-more-overlay .partner-center-box .interview-box .answer {
  margin-top: 10px;
  font-weight: normal;
  font-size: 1rem;
}
/* line 1722, style-mobile.scss */
.section4 h2,
.partner-profiles h2 {
  margin: 0;
  padding: 0;
  vertical-align: middle;
}
/* line 1727, style-mobile.scss */
.section4 .page-title,
.partner-profiles .page-title {
  vertical-align: middle;
  padding: 0 !important;
  margin-left: -10px;
  margin-top: 8px;
}
/* line 1733, style-mobile.scss */
.section4 .top-bar,
.partner-profiles .top-bar {
  background-color: #0b3d5c;
  color: white;
  height: 6%;
  display: inline-block;
  width: 100%;
  padding: 10px;
}
/* line 1742, style-mobile.scss */
.section4 .partner-wrap,
.partner-profiles .partner-wrap {
  float: left;
}

/* line 1747, style-mobile.scss */
.vcenter {
  vertical-align: middle;
  background-color: transparent;
  display: inline-block;
}

/* line 1752, style-mobile.scss */
.partners {
  margin-left: auto;
  margin-right: auto;
  margin-top: 1%;
  text-align: center;
  max-width: 510%;
}

/* line 1760, style-mobile.scss */
.servicepartners .partner-wrap {
  float: none;
  text-align: center;
}

/* line 1765, style-mobile.scss */
.partner-wrap {
  text-align: center;
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  margin: 1%;
}
/* line 1771, style-mobile.scss */
.partner-wrap .partner-name {
  margin-top: 10px;
  font-size: 1.3rem;
}
/* line 1775, style-mobile.scss */
.partner-wrap .partner-logo {
  width: 70%;
  margin: 0 auto;
  position: relative;
  display: block;
}
/* line 1781, style-mobile.scss */
.partner-wrap .partner-pic {
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  position: relative;
  width: 100%;
  border: 1px gray solid;
}
/* line 1787, style-mobile.scss */
.partner-wrap .partner-title {
  margin: 2% 0px 0px 0px;
  font-size: 12.8px;
  display: block;
  height: 3em;
}

/* line 1796, style-mobile.scss */
.read-more {
  margin-top: 20px;
  font-size: 16px;
}

/* perfect-scrollbar v0.6.4 */
/* line 1806, style-mobile.scss */
.ps-container {
  -ms-touch-action: none;
  overflow: hidden !important;
}
/* line 1809, style-mobile.scss */
.ps-container.ps-active-x > .ps-scrollbar-x-rail, .ps-container .ps-container.ps-active-y > .ps-scrollbar-y-rail {
  display: block;
}
/* line 1812, style-mobile.scss */
.ps-container.ps-in-scrolling {
  pointer-events: none;
}
/* line 1815, style-mobile.scss */
.ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail {
  background-color: #eee;
  opacity: 0.9;
}
/* line 1819, style-mobile.scss */
.ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x {
  background-color: #999;
}
/* line 1822, style-mobile.scss */
.ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail {
  background-color: #eee;
  opacity: 0.9;
}
/* line 1826, style-mobile.scss */
.ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y {
  background-color: #999;
}
/* line 1830, style-mobile.scss */
.ps-container > .ps-scrollbar-x-rail {
  display: none;
  position: absolute;
  /* please don't change 'position' */
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  opacity: 0;
  -moz-transition: background-color 0.2s linear, opacity 0.2s linear;
  -o-transition: background-color 0.2s linear, opacity 0.2s linear;
  -webkit-transition: background-color 0.2s linear, opacity 0.2s linear;
  transition: background-color 0.2s linear, opacity 0.2s linear;
  bottom: 3px;
  /* there must be 'bottom' for ps-scrollbar-x-rail */
  height: 8px;
}
/* line 1840, style-mobile.scss */
.ps-container > .ps-scrollbar-x-rail > .ps-scrollbar-x {
  position: absolute;
  /* please don't change 'position' */
  background-color: #aaa;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  -moz-transition: background-color 0.2s linear;
  -o-transition: background-color 0.2s linear;
  -webkit-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
  bottom: 0;
  /* there must be 'bottom' for ps-scrollbar-x */
  height: 8px;
}
/* line 1851, style-mobile.scss */
.ps-container > .ps-scrollbar-y-rail {
  padding: 3px;
  position: absolute;
  /* please don't change 'position' */
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  opacity: 0.5;
  -moz-transition: background-color 0.2s linear, opacity 0.2s linear;
  -o-transition: background-color 0.2s linear, opacity 0.2s linear;
  -webkit-transition: background-color 0.2s linear, opacity 0.2s linear;
  transition: background-color 0.2s linear, opacity 0.2s linear;
  right: 0px;
  /* there must be 'right' for ps-scrollbar-y-rail */
  width: 10px;
  background-color: #c8c8c8;
}
/* line 1863, style-mobile.scss */
.ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y {
  position: absolute;
  /* please don't change 'position' */
  background-color: #0b3d5c;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  -moz-transition: background-color 0.2s linear;
  -o-transition: background-color 0.2s linear;
  -webkit-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
  padding: 4px 0px;
  background-clip: content-box;
  right: 1px;
  /* there must be 'right' for ps-scrollbar-y */
  width: 8px;
}
/* line 1877, style-mobile.scss */
.ps-container:hover.ps-in-scrolling {
  pointer-events: none;
}
/* line 1880, style-mobile.scss */
.ps-container:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail {
  background-color: #eee;
  opacity: 0.9;
}
/* line 1884, style-mobile.scss */
.ps-container:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x {
  background-color: #999;
}
/* line 1887, style-mobile.scss */
.ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail {
  background-color: #eee;
  opacity: 0.9;
}
/* line 1891, style-mobile.scss */
.ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y {
  background-color: #999;
}
/* line 1894, style-mobile.scss */
.ps-container:hover > .ps-scrollbar-x-rail, .ps-container:hover > .ps-scrollbar-y-rail {
  opacity: 0.6;
}
/* line 1897, style-mobile.scss */
.ps-container:hover > .ps-scrollbar-x-rail:hover, .ps-container:hover > .ps-scrollbar-y-rail:hover {
  background-color: #eee;
  opacity: 0.9;
}
/* line 1900, style-mobile.scss */
.ps-container:hover > .ps-scrollbar-x-rail:hover .ps-scrollbar-x,
.ps-container:hover > .ps-scrollbar-x-rail:hover .ps-scrollbar-y, .ps-container:hover > .ps-scrollbar-y-rail:hover .ps-scrollbar-x,
.ps-container:hover > .ps-scrollbar-y-rail:hover .ps-scrollbar-y {
  background-color: #999;
}

/*# sourceMappingURL=style-mobile.css.map */