h5,
label#map-toggle {
  font-weight: 600;
  color: #2db6ec;
}

h5 {
  margin-top: 20px;
  font-size: 18px;
}

#help-hideable,
input#hide,
input#hide:checked~#help-hideable,
input#show {
  display: none;
}

#hide-label,
#show-label {
  margin-top: 10px;
  color: #2db6ec;
}

input#show:checked~#help-hideable {
  display: block;
}

label#map-toggle:hover {
  color: #1782ac;
  cursor: pointer;
}

label.disabled {
  color: #aaa;
}

button .fa {
  margin-right: 6px;
}

h3:first-child .fa {
  margin-right: 4px;
}

.share-button {
  width: 160px;
  height: 33px;
  position: relative;
  float: right;
  margin-top: -3px;
  color: #afb908;
  border-radius: 6px;
  border-color: #afb908;
  border-width: 1.5px;
  border-style: solid;
  background-color: #fff;
  font-family: Exo2-SemiBoldItalic,sans-serif;
  font-size: 16px;
  text-align: center;
}

.cssload-whirlpool,
.cssload-whirlpool::after,
.cssload-whirlpool::before {
  position: absolute;
  top: 50%;
  left: 50%;
  border: 2px solid #397ca3;
  border-left-color: #2db6ec;
  border-radius: 1499px;
  -o-border-radius: 1499px;
  -ms-border-radius: 1499px;
  -webkit-border-radius: 1499px;
  -moz-border-radius: 1499px;
}

.cssload-whirlpool {
  margin: -38px 0 0 -38px;
  height: 75px;
  width: 75px;
  background-color: #fff;
  z-index: 9999;
  animation: cssload-rotate 1.9s linear infinite;
  -o-animation: cssload-rotate 1.9s linear infinite;
  -ms-animation: cssload-rotate 1.9s linear infinite;
  -webkit-animation: cssload-rotate 1.9s linear infinite;
  -moz-animation: cssload-rotate 1.9s linear infinite;
}

.cssload-whirlpool::before {
  content: "";
  margin: -35px 0 0 -35px;
  height: 66px;
  width: 66px;
  animation: cssload-rotate 1.9s linear infinite;
  -o-animation: cssload-rotate 1.9s linear infinite;
  -ms-animation: cssload-rotate 1.9s linear infinite;
  -webkit-animation: cssload-rotate 1.9s linear infinite;
  -moz-animation: cssload-rotate 1.9s linear infinite;
}

.cssload-whirlpool::after {
  content: "";
  margin: -44px 0 0 -44px;
  height: 84px;
  width: 84px;
  animation: cssload-rotate 3.8s linear infinite;
  -o-animation: cssload-rotate 3.8s linear infinite;
  -ms-animation: cssload-rotate 3.8s linear infinite;
  -webkit-animation: cssload-rotate 3.8s linear infinite;
  -moz-animation: cssload-rotate 3.8s linear infinite;
}

@keyframes cssload-rotate {
  100% {
    transform: rotate(360deg);
  }
}

@-o-keyframes cssload-rotate {
  100% {
    -o-transform: rotate(360deg);
  }
}

@-ms-keyframes cssload-rotate {
  100% {
    -ms-transform: rotate(360deg);
  }
}

@-webkit-keyframes cssload-rotate {
  100% {
    -webkit-transform: rotate(360deg);
  }
}

@-moz-keyframes cssload-rotate {
  100% {
    -moz-transform: rotate(360deg);
  }
}

video::-webkit-media-controls-start-playback-button {
  display: none!important;
  -webkit-appearance: none;
}

video::-webkit-media-controls-overlay-play-button {
  display: none;
}

@media (min-width:768px) {
  .modal-dialog-wide {
    width: 700px!important;
    margin: 30px auto;
  }
}

@media (min-width:992px) {
  .modal-dialog-wide {
    width: 800px!important;
    margin: 30px auto;
  }
}
@font-face {
  font-family: Titillium;
  src: url("https://dg3pi8cjmqwyp.cloudfront.net/fonts/titillium.woff2");
}

@font-face {
  font-family: Exo2-Black;
  src: url("https://dg3pi8cjmqwyp.cloudfront.net/fonts/Exo2-Black.ttf");
}

@font-face {
  font-family: Exo2-BlackItalic;
  src: url("https://dg3pi8cjmqwyp.cloudfront.net/fonts/Exo2-BlackItalic.ttf");
}

@font-face {
  font-family: Exo2-Bold;
  src: url("https://dg3pi8cjmqwyp.cloudfront.net/fonts/Exo2-Bold.ttf");
}

@font-face {
  font-family: Exo2-BoldItalic;
  src: url("https://dg3pi8cjmqwyp.cloudfront.net/fonts/Exo2-BoldItalic.ttf");
}

@font-face {
  font-family: Exo2-ExtraBold;
  src: url("https://dg3pi8cjmqwyp.cloudfront.net/fonts/Exo2-ExtraBold.ttf");
}

@font-face {
  font-family: Exo2-ExtraBoldItalic;
  src: url("https://dg3pi8cjmqwyp.cloudfront.net/fonts/Exo2-ExtraBoldItalic.ttf");
}

@font-face {
  font-family: Exo2-ExtraLight;
  src: url("https://dg3pi8cjmqwyp.cloudfront.net/fonts/Exo2-ExtraLight.ttf");
}

@font-face {
  font-family: Exo2-ExtraLightItalic;
  src: url("https://dg3pi8cjmqwyp.cloudfront.net/fonts/Exo2-ExtraLightItalic.ttf");
}

@font-face {
  font-family: Exo2-Italic;
  src: url("https://dg3pi8cjmqwyp.cloudfront.net/fonts/Exo2-Italic.ttf");
}

@font-face {
  font-family: Exo2-Light;
  src: url("https://dg3pi8cjmqwyp.cloudfront.net/fonts/Exo2-Light.ttf");
}

@font-face {
  font-family: Exo2-LightItalic;
  src: url("https://dg3pi8cjmqwyp.cloudfront.net/fonts/Exo2-LightItalic.ttf");
}

@font-face {
  font-family: Exo2-Medium;
  src: url("https://dg3pi8cjmqwyp.cloudfront.net/fonts/Exo2-Medium.ttf");
}

@font-face {
  font-family: Exo2-MediumItalic;
  src: url("https://dg3pi8cjmqwyp.cloudfront.net/fonts/Exo2-MediumItalic.ttf");
}

@font-face {
  font-family: Exo2-Regular;
  src: url("https://dg3pi8cjmqwyp.cloudfront.net/fonts/Exo2-Regular.ttf");
}

@font-face {
  font-family: Exo2-SemiBold;
  src: url("https://dg3pi8cjmqwyp.cloudfront.net/fonts/Exo2-SemiBold.ttf");
}

@font-face {
  font-family: Exo2-SemiBoldItalic;
  src: url("https://dg3pi8cjmqwyp.cloudfront.net/fonts/Exo2-SemiBoldItalic.ttf");
}

@font-face {
  font-family: Exo2-Thin;
  src: url("https://dg3pi8cjmqwyp.cloudfront.net/fonts/Exo2-Thin.ttf");
}

@font-face {
  font-family: Exo2-ThinItalic;
  src: url("https://dg3pi8cjmqwyp.cloudfront.net/fonts/Exo2-ThinItalic.ttf");
}

body {
  background-color: #000;
}

::-webkit-scrollbar {
  -webkit-appearance: none;
  -webkit-overflow-scrolling: auto;
  width: 4px;
}

::-webkit-scrollbar-track {
  background: rgba(217,237,247,.7);
  border-radius: 2px;
}

::-webkit-scrollbar-thumb {
  background: rgba(26,125,203,.5);
  border-radius: 2px;
}

::-webkit-scrollbar-thumb:hover {
  background: rgba(26,125,203,.5);
}

.boat-detail-paragraph {
  font-family: Exo2-Light;
  font-size: 15px;
}

.load-hidden {
  opacity: 0;
  -webkit-transition: 1s opacity;
  transition: 1s opacity;
}

.fg {
  height: 110%;
  width: 100%;
  padding: 0;
  position: absolute;
  z-index: 10;
  font-size: 18px;
  font-weight: 500;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

.fg-ipad.desktop,
.fg-ipad.mobile {
  background-size: 50%;
  background-position: 90% 50%;
}

.float-left-header {
  float: left;
  width: 90%;
  margin: 40px 20px 20px;
  font-family: Exo2-Bold;
  color: #0f77be;
  text-align: center;
}

.float-left-column,
.float-right-column {
  width: 40%;
  font-family: Exo2-Light;
}

.float-left-column {
  float: left;
  margin: 0 0 0 20px;
}

.float-right-column {
  float: right;
  margin: 0 20px 0 0;
}

h1,
h2,
h3,
h4 {
  font-family: Exo2-MediumItalic;
  color: #0f77be;
}

.plx-credit.desktop,
.plx-credit.mobile {
  position: absolute;
  bottom: 20px;
  color: #5c5c5c;
}

.center {
  font-size: 2.5em;
  padding: 80px 0 0;
  text-align: center;
}

.pricing-header,
.pricing-item {
  padding: 5px;
  font-size: 14px;
  text-align: center;
}

.ipad-blocker {
  width: 60%;
  height: 60%;
}

.store-logo {
  width: 30%;
  max-width: 160px;
  height: auto;
  margin: 4% 10%;
  float: left;
}

.plx-credit.desktop {
  font-size: 14px;
  font-style: italic;
  left: 5px;
}

.plx-credit.mobile {
  left: 10px;
  font-size: 14px;
}

.pricing-header {
  font-family: Exo2-Regular;
  background-color: #9db423;
}

.pricing-item {
  background-color: silver;
}

.footer {
  background: url("https://dg3pi8cjmqwyp.cloudfront.net/img/tactiqs-logo-footer.png") center no-repeat;
  background-size: contain;
  position: fixed;
  bottom: 2%;
  height: 8%;
  width: 100%;
  margin: 0 auto;
  padding: 0;
  z-index: 20;
}

#footer-register,
#footer-sign-in {
  position: fixed;
  right: 50%;
  width: 40%;
  margin-right: 20px;
}

#play-button,
#play-hint {
  position: absolute;
  z-index: 30;
}

.footer a {
  border: none;
  background-color: transparent;
  font-family: Exo2-MediumItalic;
  font-size: 160%;
  color: #0f77be;
  text-align: right;
}

#footer-register {
  bottom: 5.5%;
}

#footer-sign-in {
  bottom: 1.5%;
}

#footer-sign-in.mobile {
  bottom: 2.5%;
}

.footer a:hover {
  color: #9db423;
}

#intro,
#intro-video {
  color: #404040;
  padding: 0;
}

.legal {
  position: absolute;
  left: 20px;
  bottom: 10%;
  width: 50%;
  float: left;
  font-family: Exo2-Light;
  font-size: 80%;
}

#intro {
  background-color: #000;
  background-size: cover;
  height: 110%;
  -webkit-transition: background-color 1s;
  transition: background-color 1s;
}

#intro-video {
  position: relative;
  height: 100%;
}

#play-button {
  left: 35%;
  top: 33%;
  width: 25%;
  height: 25%;
  background-image: url("/assets-raw/core/assets/userfrosting/images/play-button.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  opacity: .3;
}

#play-hint {
  left: 0;
  top: 60%;
  width: 100%;
  height: 50px;
  color: #3e73bb;
  font-family: Exo2-SemiBoldItalic;
  font-size: 24px;
  text-align: center;
}

.home-screen-campaign-overlay {
  position: fixed;
  left: 30%;
  top: 5%;
  width: 40%;
  max-width: 300px;
  height: 25%;
  z-index: 31;
  opacity: 1;
  transition: opacity .5s ease-in-out;
  -moz-transition: opacity .5s ease-in-out;
  -webkit-transition: opacity .5s ease-in-out;
}

.home-screen-campaign-overlay img {
  max-width: 100%;
  max-height: 100%;
}

.home-screen-campaign-overlay-hidden {
  z-index: 30;
  opacity: 0;
  transition: opacity .5s ease-in-out;
  -moz-transition: opacity .5s ease-in-out;
  -webkit-transition: opacity .5s ease-in-out;
}

#app-screen-perf.desktop {
  background: url("https://dg3pi8cjmqwyp.cloudfront.net/img/app-screen-perf.jpg") left center no-repeat fixed #fff;
  background-size: cover;
  color: #404040;
  height: 110%;
  padding: 0;
}

#app-screen-perf-wind,
#app-screen-perf.mobile {
  background-color: #fff;
  background-size: cover;
  color: #404040;
  padding: 0;
}

#app-screen-perf.mobile {
  background-image: url("https://dg3pi8cjmqwyp.cloudfront.net/img/app-screen-perf.jpg");
  background-position: left center;
  height: 100%;
  width: 100%;
}

#app-screen-perf .fg {
  background-image: url("https://dg3pi8cjmqwyp.cloudfront.net/img/app-screen-perf-fg.png");
}

#app-screen-perf .fg.mobile {
  background-position: 90% 11%;
}

#app-screen-perf-wind {
  background-image: url("https://dg3pi8cjmqwyp.cloudfront.net/img/app-screen-perf-wind.jpg");
  background-position: center;
  height: 110%;
}

#app-screen-perf-wind.desktop {
  background: url("https://dg3pi8cjmqwyp.cloudfront.net/img/app-screen-perf-wind.jpg") center no-repeat fixed #fff;
  background-size: cover;
  color: #404040;
  height: 110%;
  padding: 0;
}

#app-screen-perf-wind.mobile {
  background-image: url("https://dg3pi8cjmqwyp.cloudfront.net/img/app-screen-perf-wind.jpg");
  background-position: center;
  background-color: #fff;
  background-size: cover;
  color: #404040;
  height: 100%;
  width: 100%;
  padding: 0;
}

#app-screen-perf-wind .plx-content {
  background-color: rgba(255,255,255,0);
}

#app-screen-perf-wind .fg {
  background-image: url("https://dg3pi8cjmqwyp.cloudfront.net/img/app-screen-perf-wind-fg.png");
}

#app-screen-perf-wind .fg.mobile {
  background-position: 90% 19.7%;
}

#app-screen-perf .plx-content {
  background-color: rgba(255,255,255,.4);
}

#app-screen-start {
  background-image: url("https://dg3pi8cjmqwyp.cloudfront.net/img/app-screen-start.jpg");
  background-color: #fff;
  background-position: center;
  background-size: cover;
  color: #404040;
  height: 110%;
  padding: 0;
}

#app-screen-start.desktop {
  background: url("https://dg3pi8cjmqwyp.cloudfront.net/img/app-screen-start.jpg") center no-repeat fixed #fff;
  background-size: cover;
  color: #404040;
  height: 110%;
  padding: 0;
}

#app-screen-layline,
#app-screen-start.mobile {
  background-size: cover;
  color: #404040;
  padding: 0;
}

#app-screen-start.mobile {
  background-image: url("https://dg3pi8cjmqwyp.cloudfront.net/img/app-screen-start.jpg");
  background-position: center;
  background-color: #fff;
  height: 100%;
  width: 100%;
}

#app-screen-start .plx-content {
  background-color: rgba(255,255,255,.3);
}

#app-screen-start .fg {
  background-image: url("https://dg3pi8cjmqwyp.cloudfront.net/img/app-screen-start-fg.png");
}

#app-screen-start .fg.mobile {
  background-position: 90% 28.2%;
}

#app-screen-layline {
  background-image: url("https://dg3pi8cjmqwyp.cloudfront.net/img/app-screen-layline.jpg");
  background-color: #fff;
  background-position: right center;
  height: 110%;
}

#app-screen-layline.desktop {
  background: url("https://dg3pi8cjmqwyp.cloudfront.net/img/app-screen-layline.jpg") right center no-repeat fixed #fff;
  background-size: cover;
  color: #404040;
  height: 110%;
  padding: 0;
}

#app-screen-layline.mobile {
  background-image: url("https://dg3pi8cjmqwyp.cloudfront.net/img/app-screen-layline.jpg");
  background-position: right center;
  background-color: #fff;
  background-size: cover;
  color: #404040;
  height: 100%;
  width: 100%;
  padding: 0;
}

#app-screen-layline .plx-content {
  background-color: rgba(255,255,255,.3);
}

#app-screen-layline .fg {
  background-image: url("https://dg3pi8cjmqwyp.cloudfront.net/img/app-screen-layline-fg.png");
}

#app-screen-layline .fg.mobile {
  background-position: 90% 28.2%;
}

#app-screen-navigator {
  background-image: url("https://dg3pi8cjmqwyp.cloudfront.net/img/app-screen-navigator.jpg");
  background-color: #fff;
  background-position: right center;
  background-size: cover;
  color: #404040;
  height: 110%;
  padding: 0;
}

#app-screen-navigator.desktop {
  background: url("https://dg3pi8cjmqwyp.cloudfront.net/img/app-screen-navigator.jpg") right center no-repeat fixed #fff;
  background-size: cover;
  color: #404040;
  height: 110%;
  padding: 0;
}

#app-screen-navigator.mobile {
  background-image: url("https://dg3pi8cjmqwyp.cloudfront.net/img/app-screen-navigator.jpg");
  background-position: right center;
  background-color: #fff;
  background-size: cover;
  color: #404040;
  height: 100%;
  width: 100%;
  padding: 0;
}

#app-screen-navigator .plx-content {
  background-color: rgba(255,255,255,.3);
}

#app-screen-navigator .fg {
  background-image: url("https://dg3pi8cjmqwyp.cloudfront.net/img/app-screen-navigator-weather-fg.png");
  background-size: 90%;
  background-position: 30% 50%;
  height: 110%;
  padding: 0;
}

#app-screen-navigator .fg.mobile {
  background-position: 20% 28.2%;
  background-size: 85%;
}

#app-screen-analytics {
  background-image: url("https://dg3pi8cjmqwyp.cloudfront.net/img/app-screen-analytics.jpg");
  background-color: #fff;
  background-position: center;
  background-size: cover;
  color: #404040;
  height: 110%;
  padding: 0;
}

#app-screen-analytics.desktop {
  background: url("https://dg3pi8cjmqwyp.cloudfront.net/img/app-screen-analytics.jpg") center no-repeat fixed #fff;
  background-size: cover;
  color: #404040;
  height: 110%;
  padding: 0;
}

#app-screen-analytics.mobile {
  background-image: url("https://dg3pi8cjmqwyp.cloudfront.net/img/app-screen-analytics.jpg");
  background-position: center;
  background-color: #fff;
  background-size: cover;
  color: #404040;
  height: 100%;
  width: 100%;
  padding: 0;
}

#app-screen-analytics .plx-content {
  background-color: rgba(255,255,255,.4);
}

#app-screen-analytics .fg {
  background-image: url("https://dg3pi8cjmqwyp.cloudfront.net/img/app-screen-analytics-fg.png");
}

#app-screen-analytics .fg.mobile {
  background-position: 90% 36.9%;
}

#app-screen-sail-tracker {
  background-image: url("https://dg3pi8cjmqwyp.cloudfront.net/img/app-screen-sail-tracker.jpg");
  background-color: #fff;
  background-position: center;
  background-size: cover;
  color: #404040;
  height: 110%;
  padding: 0;
}

#app-screen-sail-tracker.desktop {
  background: url("https://dg3pi8cjmqwyp.cloudfront.net/img/app-screen-sail-tracker.jpg") center no-repeat fixed #fff;
  background-size: cover;
  color: #404040;
  height: 110%;
  padding: 0;
}

#app-screen-sail-tracker.mobile {
  background-image: url("https://dg3pi8cjmqwyp.cloudfront.net/img/app-screen-sail-tracker.jpg");
  background-position: center;
  background-color: #fff;
  background-size: cover;
  color: #404040;
  height: 100%;
  width: 100%;
  padding: 0;
}

#app-screen-sail-tracker .plx-content {
  background-color: rgba(255,255,255,.3);
}

#app-screen-sail-tracker .fg {
  background-image: url("https://dg3pi8cjmqwyp.cloudfront.net/img/app-screen-sail-tracker-fg.png");
}

#app-screen-sail-tracker .fg.mobile {
  background-position: 90% 45.6%;
}

#raptor-screens {
  background-image: url("https://dg3pi8cjmqwyp.cloudfront.net/img/raptor-screens.jpg");
  background-color: #fff;
  background-position: center;
  background-size: cover;
  color: #404040;
  height: 110%;
  padding: 0;
}

#raptor-screens.desktop {
  background: url("https://dg3pi8cjmqwyp.cloudfront.net/img/raptor-screens.jpg") center no-repeat fixed #fff;
  background-size: cover;
  color: #404040;
  height: 110%;
  padding: 0;
}

#raptor-screens.mobile {
  background-image: url("https://dg3pi8cjmqwyp.cloudfront.net/img/raptor-screens.jpg");
  background-position: center;
  background-color: #fff;
  background-size: cover;
  color: #404040;
  height: 100%;
  width: 100%;
  padding: 0;
}

#raptor-screens .plx-content {
  background-color: rgba(255,255,255,0);
}

#raptor-screens .fg {
  background-image: url("https://dg3pi8cjmqwyp.cloudfront.net/img/raptor-screens-fg.png");
  background-size: 90%;
  background-position: 30% 80%;
  height: 110%;
  padding: 0;
}

#raptor-screens .fg.mobile {
  background-position: 20% 54.7%;
  background-size: 85%;
}

#instrument-integration {
  background-image: url("https://cdn-tactiqs-io.s3.amazonaws.com/web/img/instrument-integration.jpg");
  background-color: #fff;
  background-position: center;
  background-size: cover;
  color: #404040;
  height: 110%;
  padding: 0;
}

#instrument-integration.desktop {
  background: url("https://cdn-tactiqs-io.s3.amazonaws.com/web/img/instrument-integration.jpg") center no-repeat fixed #fff;
  background-size: cover;
  color: #404040;
  height: 110%;
  padding: 0;
}

#instrument-integration.mobile {
  background-image: url("https://cdn-tactiqs-io.s3.amazonaws.com/web/img/instrument-integration.jpg");
  background-position: center;
  background-color: #fff;
  background-size: cover;
  color: #404040;
  height: 100%;
  width: 100%;
  padding: 0;
}

#instrument-integration .plx-content {
  background-color: rgba(255,255,255,0);
}

#instrument-integration .fg {
  background-image: url("https://cdn-tactiqs-io.s3.amazonaws.com/web/img/instrument-integration-fg.png");
  background-size: 90%;
  background-position: 30% 50%;
  height: 110%;
  padding: 0;
}

#instrument-integration .fg.mobile {
  background-position: 20% 54.7%;
  background-size: 85%;
}

#site-sailcast {
  background-image: url("https://dg3pi8cjmqwyp.cloudfront.net/img/site-sailcast.jpg");
  background-color: #fff;
  background-position: center;
  background-size: cover;
  color: #404040;
  height: 110%;
  padding: 0;
}

#site-sailcast.desktop {
  background: url("https://dg3pi8cjmqwyp.cloudfront.net/img/site-sailcast.jpg") center no-repeat fixed #fff;
  background-size: cover;
  color: #404040;
  height: 110%;
  padding: 0;
}

#site-sailcast.mobile {
  background-image: url("https://dg3pi8cjmqwyp.cloudfront.net/img/site-sailcast.jpg");
  background-position: center;
  background-color: #fff;
  background-size: cover;
  color: #404040;
  height: 100%;
  width: 100%;
  padding: 0;
}

#site-sailcast .plx-content {
  background-color: rgba(255,255,255,.4);
}

#site-sailcast .fg {
  background-image: url("https://dg3pi8cjmqwyp.cloudfront.net/img/site-sailcast-fg.png");
  background-size: 80%;
  background-position: 10% 70%;
  height: 110%;
  padding: 0;
}

#site-sailcast .fg.mobile {
  background-position: 10% 63.8%;
}

#site-boat-setup {
  background-image: url("https://dg3pi8cjmqwyp.cloudfront.net/img/site-boat-setup.jpg");
  background-color: #fff;
  background-position: center;
  background-size: cover;
  color: #404040;
  height: 110%;
  padding: 0;
}

#site-boat-setup.desktop {
  background: url("https://dg3pi8cjmqwyp.cloudfront.net/img/site-boat-setup.jpg") center no-repeat fixed #fff;
  background-size: cover;
  color: #404040;
  height: 110%;
  padding: 0;
}

#site-boat-setup.mobile {
  background-image: url("https://dg3pi8cjmqwyp.cloudfront.net/img/site-boat-setup.jpg");
  background-position: center;
  background-color: #fff;
  background-size: cover;
  color: #404040;
  height: 100%;
  width: 100%;
  padding: 0;
}

#site-boat-setup .plx-content {
  background-color: rgba(255,255,255,.4);
}

#site-boat-setup .fg {
  background-image: url("https://dg3pi8cjmqwyp.cloudfront.net/img/site-boat-setup-fg.png");
  background-size: 80%;
  background-position: 10% 70%;
  height: 110%;
  padding: 0;
}

#site-boat-setup .fg.mobile {
  background-position: 10% 63.8%;
}

#site-course-setup {
  background-image: url("https://dg3pi8cjmqwyp.cloudfront.net/img/site-course-setup.jpg");
  background-color: #fff;
  background-position: center;
  background-size: cover;
  color: #404040;
  height: 110%;
  padding: 0;
}

#site-course-setup.desktop {
  background: url("https://dg3pi8cjmqwyp.cloudfront.net/img/site-course-setup.jpg") center no-repeat fixed #fff;
  background-size: cover;
  color: #404040;
  height: 110%;
  padding: 0;
}

#site-course-setup.mobile {
  background-image: url("https://dg3pi8cjmqwyp.cloudfront.net/img/site-course-setup.jpg");
  background-position: center;
  background-color: #fff;
  background-size: cover;
  color: #404040;
  height: 100%;
  width: 100%;
  padding: 0;
}

#site-course-setup .plx-content {
  background-color: rgba(255,255,255,0);
}

#site-course-setup .fg {
  background-image: url("https://dg3pi8cjmqwyp.cloudfront.net/img/site-course-setup-fg.png");
  background-size: 90%;
  background-position: 90% 60%;
  height: 110%;
  padding: 0;
}

#site-course-setup .fg.mobile {
  background-position: 90% 72.45%;
}

#site-sailhub {
  background-image: url("https://dg3pi8cjmqwyp.cloudfront.net/img/site-sailhub.jpg");
  background-color: #fff;
  background-position: center;
  background-size: cover;
  color: #404040;
  height: 110%;
  padding: 0;
}

#site-sailhub.desktop {
  background: url("https://dg3pi8cjmqwyp.cloudfront.net/img/site-sailhub.jpg") center no-repeat fixed #fff;
  background-size: cover;
  color: #404040;
  height: 110%;
  padding: 0;
}

#site-sailhub.mobile {
  background-image: url("https://dg3pi8cjmqwyp.cloudfront.net/img/site-sailhub.jpg");
  background-position: center;
  background-color: #fff;
  background-size: cover;
  color: #404040;
  height: 100%;
  width: 100%;
  padding: 0;
}

#site-sailhub .plx-content {
  background-color: rgba(255,255,255,0);
}

#site-sailhub .fg {
  background-image: url("https://dg3pi8cjmqwyp.cloudfront.net/img/site-sailhub-fg.png");
  background-size: 50%;
  background-position: 0 80%;
  height: 110%;
  padding: 0;
}

#site-sailhub .fg.mobile {
  background-position: 90% 72.45%;
}

#subscription {
  background-image: url("https://dg3pi8cjmqwyp.cloudfront.net/img/subscription.jpg");
  background-color: #fff;
  background-position: center;
  background-size: cover;
  color: #111;
  height: 120%;
  padding: 0;
}

#subscription.desktop {
  background: url("https://dg3pi8cjmqwyp.cloudfront.net/img/subscription.jpg") center no-repeat fixed #fff;
  background-size: cover;
  color: #404040;
  height: 110%;
  padding: 0;
}

#subscription.mobile {
  background-image: url("https://dg3pi8cjmqwyp.cloudfront.net/img/subscription.jpg");
  background-position: center;
  background-color: #fff;
  background-size: cover;
  color: #404040;
  height: 100%;
  width: 100%;
  padding: 0;
}

#subscription .plx-content {
  background-color: rgba(255,255,255,0);
}

#testimonials {
  background-image: url("https://dg3pi8cjmqwyp.cloudfront.net/img/testimonials.jpg");
  background-color: #555;
  background-position: right;
  background-size: cover;
  color: #111;
  height: 120%;
  padding: 0;
}

#testimonials.desktop {
  background: url("https://dg3pi8cjmqwyp.cloudfront.net/img/testimonials.jpg") right center no-repeat fixed #fff;
  background-size: cover;
  color: #404040;
  height: 110%;
  padding: 0;
}

#testimonials.mobile {
  background-image: url("https://dg3pi8cjmqwyp.cloudfront.net/img/testimonials.jpg");
  background-position: right center;
  background-color: #fff;
  background-size: cover;
  color: #404040;
  height: 100%;
  width: 100%;
  padding: 0;
}

#testimonials .plx-content {
  background-color: rgba(255,255,255,0);
}

#testimonials .fg {
  height: 100%;
  padding: 0;
}

#testimonials .fg.mobile {
  background-position: 90% 98%;
  background-size: 50%;
}

.testimonials-container {
  width: 70%;
  max-height: 75%;
  overflow-y: scroll;
  margin-left: 30px;
  margin-right: 20%;
  font-family: Exo2-Light;
  font-size: 90%;
  direction: rtl;
  -webkit-appearance: none!important;
  -webkit-overflow-scrolling: auto!important;
}

.testimonials-content {
  margin-left: 8px;
  direction: ltr;
}

#about-us {
  background-image: url("https://dg3pi8cjmqwyp.cloudfront.net/img/about-us.jpg");
  background-color: #555;
  background-position: left;
  background-size: cover;
  color: #111;
  height: 120%;
  padding: 0;
}

#about-us.desktop {
  background: url("https://dg3pi8cjmqwyp.cloudfront.net/img/about-us.jpg") center no-repeat fixed #fff;
  background-size: cover;
  color: #404040;
  height: 110%;
  padding: 0;
}

#about-us.mobile {
  background-image: url("https://dg3pi8cjmqwyp.cloudfront.net/img/about-us.jpg");
  background-position: center;
  background-color: #fff;
  background-size: cover;
  color: #404040;
  height: 100%;
  width: 100%;
  padding: 0;
}

#about-us .plx-content {
  background-color: rgba(255,255,255,0);
}

#about-us .fg {
  background-image: url("https://dg3pi8cjmqwyp.cloudfront.net/img/about-us-fg.png");
  background-size: 50%;
  background-position: 99% 48%;
  height: 100%;
  padding: 0;
}

#about-us .fg.mobile {
  background-position: 90% 98.5%;
  background-size: 50%;
}

.plx-content {
  margin: 0 auto;
  overflow: auto;
  width: 100%;
}

.plx-content .float-left,
.plx-content .float-right {
  padding: 100px 0 0;
  position: relative;
  width: 350px;
}

@media (orientation:landscape) {
  .landscape {
    display: block;
  }

  .portrait {
    display: none;
  }

@media (max-height:450px) {
    .fg {
      width: 92%;
      margin-left: 4%;
      margin-right: 4%;
    }

    .footer {
      bottom: 5.5%;
    }

    #footer-sign-in.mobile {
      position: fixed;
      left: 50%;
      width: 30%;
      margin-left: 90px;
      bottom: 5.5%;
      text-align: left;
    }

    #footer-register.mobile {
      position: fixed;
      right: 50%;
      width: 30%;
      margin-right: 20px;
      bottom: 5.5%;
      text-align: right;
    }

    .legal {
      bottom: -34px;
      font-size: 10px;
    }

    .float-left-column.mobile,
    .float-right-column.mobile {
      font-size: 12px;
    }

    .plx-credit.mobile {
      position: absolute;
      left: 20px;
      bottom: 0;
      transform: rotate(0);
      font-size: 12px;
      color: #5c5c5c;
    }

    h2 {
      margin: 0;
      font-size: 24px!important;
    }

    .long-text {
      font-size: 11px!important;
    }

    #app-screen-perf .fg.mobile {
      background-size: 37%;
      background-position: 90% 7.5%;
    }

    #app-screen-perf-wind .fg.mobile {
      background-size: 37%;
      background-position: 90% 13.5%;
    }

    #app-screen-start .fg.mobile {
      background-size: 37%;
      background-position: 90% 19.4%;
    }

    #app-screen-layline .fg.mobile {
      background-size: 37%;
      background-position: 90% 25.4%;
    }

    #app-screen-navigator .fg.mobile {
      background-size: 58%;
      background-position: 90% 31.7%;
    }

    #instrument-integration .fg.mobile {
      background-position: 90% 37.6%;
      background-size: 59%;
    }

    #raptor-screens .fg.mobile {
      background-position: 22% 44%;
      background-size: 53%;
    }

    #app-screen-analytics .fg.mobile {
      background-size: 37%;
      background-position: 90% 49.9%;
    }

    #app-screen-sail-tracker .fg.mobile {
      background-size: 37%;
      background-position: 90% 55.6%;
    }

    #site-sailcast .fg.mobile {
      background-position: 18% 62.7%;
      background-size: 52%;
    }

    #site-boat-setup .fg.mobile {
      background-position: 15% 68.9%;
      background-size: 52%;
    }

    #site-course-setup .fg.mobile {
      background-position: 90% 74.55%;
      background-size: 54%;
    }

    #site-sailhub .fg.mobile {
      background-position: 10% 80.95%;
      background-size: 37%;
    }

    #testimonials.mobile {
      background-image: url("/assets-raw/core/assets/userfrosting/images/testimonials-mobile.jpg");
    }

    .testimonials-container {
      width: 95%;
      font-size: 70%;
      margin: 0 10px;
    }

    #subscription h2 {
      margin-bottom: 0;
    }

    #about-us .fg.mobile {
      background-size: 45%;
      background-position: 90% 99.2%;
    }

    .pricing-header,
    .pricing-item {
      font-size: 12px;
    }
}

@media only screen and (device-width :414px) and (device-height :896px) {
    .float-left-column.mobile,
    .float-right-column.mobile {
      font-size: 14px;
    }

    .long-text {
      font-size: 12px!important;
    }
}

@media only screen and (device-width :375px) and (device-height :667px) {
    .footer {
      bottom: 4.5%;
    }

    #footer-sign-in.mobile {
      position: fixed;
      left: 50%;
      width: 30%;
      margin-left: 90px;
      bottom: 5.5%;
      text-align: left;
    }

    #footer-register.mobile {
      position: fixed;
      right: 50%;
      width: 30%;
      margin-right: 20px;
      bottom: 5.5%;
      text-align: right;
    }

    .legal {
      bottom: -34px;
      font-size: 10px;
    }

    .float-left-column.mobile {
      font-size: 12px;
      margin: 0;
      width: 50%;
    }

    .float-right-column.mobile {
      font-size: 12px;
    }

    .plx-credit.mobile {
      position: absolute;
      left: 20px;
      bottom: -30px;
      transform: rotate(0);
      font-size: 12px;
      color: #5c5c5c;
    }

    h2 {
      margin: 0;
    }

    .long-text {
      font-size: 11px!important;
    }

    #app-screen-perf .fg.mobile {
      background-size: 40%;
      background-position: 90% 7.6%;
    }

    #app-screen-perf-wind .fg.mobile {
      background-size: 40%;
      background-position: 90% 13.5%;
    }

    #app-screen-start .fg.mobile {
      background-size: 40%;
      background-position: 90% 19.4%;
    }

    #app-screen-layline .fg.mobile {
      background-size: 40%;
      background-position: 90% 25.4%;
    }

    #app-screen-navigator .fg.mobile {
      background-size: 40%;
      background-position: 90% 31.2%;
    }

    #instrument-integration .fg.mobile {
      background-position: 93% 37.6%;
      background-size: 65%;
    }

    #raptor-screens .fg.mobile {
      background-position: 8% 43.7%;
      background-size: 58%;
    }

    #app-screen-analytics .fg.mobile {
      background-size: 40%;
      background-position: 90% 49.8%;
    }

    #app-screen-sail-tracker .fg.mobile {
      background-size: 40%;
      background-position: 90% 55.4%;
    }

    #site-sailcast .fg.mobile {
      background-position: 15% 62.2%;
      background-size: 55%;
    }

    #site-boat-setup .fg.mobile {
      background-position: 5% 68.4%;
      background-size: 55%;
    }

    #site-course-setup .float-left-column {
      width: 45%;
    }

    #site-course-setup .fg.mobile {
      background-position: 96% 74.2%;
      background-size: 56%;
    }

    #site-sailhub .fg.mobile {
      background-position: 0 80.7%;
      background-size: 42%;
    }

    #testimonials.mobile {
      background-image: url("/assets-raw/core/assets/userfrosting/images/testimonials-mobile.jpg");
    }

    .testimonials-container {
      width: 95%;
      font-size: 70%;
      margin: 0 10px;
    }

    #subscription h2 {
      margin-bottom: 0;
    }

    #subscription .float-left-column {
      width: 45%;
    }

    #about-us .fg.mobile {
      background-size: 50%;
      background-position: 100% 98.8%;
    }

    .pricing-header,
    .pricing-item {
      font-size: 12px;
    }
}

@media (min-width:1020px) and (max-width:1366px) {
    #app-screen-perf .fg.mobile {
      background-position: 90% 7.1%;
    }

    #app-screen-perf-wind .fg.mobile {
      background-position: 90% 13.2%;
    }

    #app-screen-start .fg.mobile {
      background-position: 90% 19.1%;
    }

    #app-screen-layline .fg.mobile {
      background-position: 90% 25.2%;
    }

    #app-screen-navigator .fg.mobile {
      background-position: 90% 31.4%;
    }

    #instrument-integration .fg.mobile {
      background-position: 90% 37.7%;
    }

    #raptor-screens .fg.mobile {
      background-position: 22% 43.9%;
      background-size: 80%;
    }

    #app-screen-analytics .fg.mobile {
      background-position: 90% 49.9%;
    }

    #app-screen-sail-tracker .fg.mobile {
      background-position: 90% 55.6%;
    }

    #site-sailcast .fg.mobile {
      background-position: 15% 62.5%;
      background-size: 79%;
    }

    #site-boat-setup .fg.mobile {
      background-position: 15% 68.7%;
      background-size: 75%;
    }

    #site-course-setup .fg.mobile {
      background-position: 88% 74.65%;
      background-size: 80%;
    }

    #site-sailhub .fg.mobile {
      background-position: 0 80.6%;
      background-size: 50%;
    }

    .testimonials-content-tablet {
      font-size: 95%!important;
    }

    #about-us .fg.mobile {
      background-size: 55%;
      background-position: 97% 98.7%;
    }
}
}

@media (orientation:portrait) {
  .float-left-column,
  .float-right-column {
    float: left;
    margin: 0 20px;
    width: 90%;
  }

  .float-left-column.mobile,
  .float-right-column.mobile {
    font-size: 22px;
  }

  .landscape {
    display: none;
  }

  .portrait {
    display: block;
  }

  .fg-ipad.desktop {
    background-size: 65%;
    background-position: 50% 75%;
  }

@media (min-width:760px) and (max-width:1024px) {
    .float-left-column.mobile,
    .float-right-column.mobile {
      font-size: 20px;
    }

    #app-screen-perf .fg.mobile {
      background-position: 50% 8.2%;
      background-size: 70%;
    }

@media (max-width:900px) {
      #app-screen-perf .fg.mobile {
        background-position: 50% 8.6%;
        background-size: 70%;
      }
}

    #app-screen-perf-wind .fg.mobile {
      background-position: 50% 14.3%;
      background-size: 70%;
    }

@media (max-width:900px) {
      #app-screen-perf-wind .fg.mobile {
        background-position: 50% 14.7%;
        background-size: 70%;
      }
}

    #app-screen-start .fg.mobile {
      background-position: 50% 20.6%;
      background-size: 70%;
    }

    #app-screen-layline .fg.mobile {
      background-position: 50% 26.4%;
      background-size: 70%;
    }

    #app-screen-navigator .fg.mobile {
      background-position: 0 32.3%;
      background-size: 88%;
    }

    #instrument-integration .fg.mobile {
      background-position: 145% 38.3%;
      background-size: 119%;
    }

@media (max-width:900px) {
      #instrument-integration .fg.mobile {
        background-position: 145% 38.6%;
        background-size: 119%;
      }
}

    #raptor-screens .fg.mobile {
      background-position: 100% 44.7%;
      background-size: 99%;
    }

    #app-screen-analytics .fg.mobile {
      background-position: 50% 50.8%;
      background-size: 70%;
    }

    #app-screen-sail-tracker .fg.mobile {
      background-position: 50% 56.6%;
      background-size: 70%;
    }

    #site-sailcast .fg.mobile {
      background-position: 80px 62.7%;
      background-size: 100%;
    }

@media (max-width:900px) {
      #site-sailcast .fg.mobile {
        background-position: 110px 63.1%;
        background-size: 90%;
      }
}

    #site-boat-setup .fg.mobile {
      background-position: 40px 68.8%;
      background-size: 110%;
    }

@media (max-width:900px) {
      #site-boat-setup .fg.mobile {
        background-position: 40px 69.2%;
        background-size: 110%;
      }
}

    #site-course-setup .fg.mobile {
      background-position: -50% 74.6%;
      background-size: 99%;
    }

@media (max-width:900px) {
      #site-course-setup .fg.mobile {
        background-position: -50% 74.9%;
        background-size: 99%;
      }
}

    #site-sailhub .fg.mobile {
      background-position: 0 80.95%;
      background-size: 65%;
    }

@media (max-width:900px) {
      #site-sailhub .fg.mobile {
        background-position: 0 81.3%;
        background-size: 60%;
      }
}

    .testimonials-container {
      width: 90%;
      max-height: 81%;
    }

    .testimonials-content-tablet {
      font-size: 120%!important;
    }

    #about-us .fg.mobile {
      background-size: 70%;
      background-position: 95% 98.7%;
    }

@media (max-width:900px) {
      #about-us .fg.mobile {
        background-size: 70%;
        background-position: 95% 99.1%;
      }
}

    #raptor-screens .fg {
      background-size: 90%;
      background-position: 140% 80%;
    }

    #site-boat-setup .fg {
      background-size: 90%;
      background-position: 120% 80%;
    }

    #site-course-setup .fg {
      background-size: 95%;
      background-position: -70% 80%;
    }

    #about-us .fg {
      background-size: 52%;
      background-position: 99% 75%;
    }
}

@media (max-width:450px) {
    #footer-sign-in.mobile,
    .footer {
      bottom: 3%;
    }

    #footer-register.mobile {
      bottom: 7.5%;
    }

    .legal {
      bottom: 7%;
      font-size: 10px;
    }

    .float-left-column.mobile,
    .float-right-column.mobile {
      font-size: 14px;
    }

    .plx-credit.mobile {
      position: absolute;
      left: -80px;
      bottom: 100px;
      transform: rotate(270deg);
      font-size: 10px;
      color: #5c5c5c;
    }

    .long-text {
      font-size: 11px!important;
    }

    #app-screen-perf .fg.mobile {
      background-position: 50% 9.6%;
      background-size: 62%;
    }

    #app-screen-perf-wind .fg.mobile {
      background-position: 50% 15.5%;
      background-size: 62%;
    }

    #app-screen-start .fg.mobile {
      background-position: 50% 21.4%;
      background-size: 62%;
    }

    #app-screen-layline .fg.mobile {
      background-position: 50% 27.2%;
      background-size: 62%;
    }

    #app-screen-navigator .fg.mobile {
      background-position: 300% 33.1%;
      background-size: 104%;
    }

    #instrument-integration .fg.mobile {
      background-position: 150% 39.25%;
      background-size: 117%;
    }

    #raptor-screens .fg.mobile {
      background-position: 20px 45.2%;
      background-size: 105%;
    }

    #app-screen-analytics .fg.mobile {
      background-position: 50% 51.1%;
      background-size: 62%;
    }

    #app-screen-sail-tracker .fg.mobile {
      background-position: 50% 57.3%;
      background-size: 62%;
    }

    #site-sailcast .fg.mobile {
      background-position: 75px 63.3%;
      background-size: 85%;
    }

    #site-boat-setup .fg.mobile {
      background-position: 35px 69.1%;
      background-size: 98%;
    }

    #site-course-setup .fg.mobile {
      background-position: -10% 74.9%;
      background-size: 90%;
    }

    #site-sailhub .fg.mobile {
      background-position: 0 81.5%;
      background-size: 52%;
    }

    #testimonials.mobile {
      background-image: url("/assets-raw/core/assets/userfrosting/images/testimonials-mobile.jpg");
    }

    .testimonials-container {
      width: 95%;
      max-height: 85%;
      margin: 0 10px;
      font-size: 90%;
    }

    #about-us .fg.mobile {
      background-size: 60%;
      background-position: 80% 98.4%;
    }

    .pricing-header,
    .pricing-item {
      font-size: 12px;
    }
}

@media only screen and (device-width :414px) and (device-height :896px) {
    .float-left-column.mobile,
    .float-right-column.mobile {
      font-size: 16px;
    }

    .long-text {
      font-size: 13px!important;
    }
}

@media only screen and (device-width :375px) and (device-height :667px) {
    #app-screen-perf .float-left-header,
    #app-screen-perf-wind .float-left-header,
    #app-screen-sail-tracker .float-left-header {
      margin: 40px 20px 0;
    }

    #footer-sign-in.mobile,
    .footer {
      bottom: 1%;
    }

    #footer-register.mobile {
      bottom: 5.5%;
    }

    #app-screen-perf .fg.mobile {
      background-position: 50% 9.9%;
      background-size: 50%;
    }

    #app-screen-perf-wind .fg.mobile {
      background-position: 50% 15.9%;
      background-size: 50%;
    }

    #app-screen-start .fg.mobile {
      background-position: 50% 21.8%;
      background-size: 50%;
    }

    #app-screen-layline .fg.mobile {
      background-position: 50% 27.5%;
      background-size: 50%;
    }

    #app-screen-navigator .fg.mobile {
      background-position: 50% 33.5%;
      background-size: 50%;
    }

    #instrument-integration .fg.mobile {
      background-position: 15% 39.5%;
      background-size: 90%;
    }

    #raptor-screens .fg.mobile {
      background-position: 20px 45.5%;
      background-size: 95%;
    }

    #app-screen-analytics .fg.mobile {
      background-position: 50% 51.4%;
      background-size: 62%;
    }

    #app-screen-sail-tracker .fg.mobile {
      background-position: 50% 57.6%;
      background-size: 62%;
    }

    #site-sailcast .fg.mobile {
      background-position: 90% 63.5%;
      background-size: 80%;
    }

    #site-boat-setup .fg.mobile {
      background-position: 50px 69.1%;
      background-size: 90%;
    }

    #site-course-setup .fg.mobile {
      background-position: -10% 75.3%;
      background-size: 90%;
    }

    #site-sailhub .fg.mobile {
      background-position: 0 81.7%;
      background-size: 40%;
    }

    .testimonials-container {
      width: 95%;
      margin: 0 10px;
      font-size: 80%;
    }

    #about-us .fg.mobile {
      background-size: 55%;
      background-position: 90% 98.9%;
    }

    .pricing-header,
    .pricing-item {
      font-size: 12px;
    }
}
}

@media (min-width:730px) and (max-width:900px) {
  .fg {
    font-size: 16px;
  }

  h2 {
    font-size: 26px;
  }
}

@media (max-width:730px) {
  .fg {
    font-size: 14px;
  }

  h2 {
    font-size: 22px;
  }

  #footer-register,
  #footer-sign-in {
    font-size: 130%;
  }
}

.landing-guide-chevron {
  display: inline-block;
  margin-right: 6px;
  transition: transform .25s ease;
}

.landing-guide-chevron.open {
  transform: rotate(90deg);
}

.landing-guide-question {
  color: #404040;
  background: rgba(15,119,190,.06);
  border-left: 3px solid #0f77be;
  padding: 10px 14px;
  margin-bottom: 14px;
  font-family: Exo2-Light;
  font-size: 14px;
}