/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
    ## Links
    ## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
    ## Posts and pages
    ## Asides
    ## Comments
# Infinite scroll
# Media
    ## Captions
    ## Galleries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%; }

body {
  margin: 0; }

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  display: block; }

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline; }

audio:not([controls]) {
  display: none;
  height: 0; }

[hidden],
template {
  display: none; }

a {
  background-color: transparent; }

a:active,
a:hover {
  outline: 0; }

abbr[title] {
  border-bottom: 1px dotted; }

b,
strong {
  font-weight: bold; }

dfn {
  font-style: italic; }

h1 {
  font-size: 2em;
  margin: 0.67em 0; }

mark {
  background: #ff0;
  color: #000; }

small {
  font-size: 80%; }

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

img {
  border: 0; }

svg:not(:root) {
  overflow: hidden; }

figure {
  margin: 1em 40px; }

hr {
  box-sizing: content-box;
  height: 0; }

pre {
  overflow: auto; }

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0; }

button {
  overflow: visible; }

button,
select {
  text-transform: none; }

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer; }

button[disabled],
html input[disabled] {
  cursor: default; }

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

input {
  line-height: normal; }

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0; }

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

input[type="search"] {
  -webkit-appearance: textfield;
  box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

legend {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto; }

optgroup {
  font-weight: bold; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

td,
th {
  padding: 0; }

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
  color: #404040;
  font-family: sans-serif;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5; }

h1,
h2,
h3,
h4,
h5,
h6 {
  clear: both; }

p {
  margin-bottom: 1.5em; }

dfn,
cite,
em,
i {
  font-style: italic; }

blockquote {
  margin: 0 1.5em; }

address {
  margin: 0 0 1.5em; }

pre {
  background: #eee;
  font-family: "Courier 10 Pitch", Courier, monospace;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 1.6;
  margin-bottom: 1.6em;
  max-width: 100%;
  overflow: auto;
  padding: 1.6em; }

code,
kbd,
tt,
var {
  font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
  font-size: 15px;
  font-size: 0.9375rem; }

abbr,
acronym {
  border-bottom: 1px dotted #666;
  cursor: help; }

mark,
ins {
  background: #fff9c0;
  text-decoration: none; }

big {
  font-size: 125%; }

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
  box-sizing: border-box; }

*,
*:before,
*:after {
  /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
  box-sizing: inherit; }

body {
  background: #fff;
  /* Fallback for when there is no custom background color defined. */ }

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: ""; }

blockquote,
q {
  quotes: "" ""; }

hr {
  background-color: #ccc;
  border: 0;
  height: 1px;
  margin-bottom: 1.5em; }

ul,
ol {
  margin: 0 0 1.5em 3em; }

ul {
  list-style: disc; }

ol {
  list-style: decimal; }

li > ul,
li > ol {
  margin-bottom: 0;
  margin-left: 1.5em; }

dt {
  font-weight: bold; }

dd {
  margin: 0 1.5em 1.5em; }

img {
  height: auto;
  /* Make sure images are scaled correctly. */
  max-width: 100%;
  /* Adhere to container width. */ }

table {
  margin: 0 0 1.5em;
  width: 100%; }

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
  color: royalblue; }

a:visited {
  color: purple; }

a:hover,
a:focus,
a:active {
  color: midnightblue; }

a:focus {
  outline: thin dotted; }

a:hover,
a:active {
  outline: 0; }

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden; }

.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */ }

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
  outline: 0; }

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em; }

.alignright {
  display: inline;
  float: right;
  margin-left: 1.5em; }

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto; }

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
  content: "";
  display: table;
  table-layout: fixed; }

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
  clear: both; }

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
  margin: 0 0 1.5em; }

/* Make sure select elements fit in widgets. */
.widget select {
  max-width: 100%; }

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
  display: block; }

.hentry {
  margin: 0 0 1.5em; }

.byline,
.updated:not(.published) {
  display: none; }

.single .byline,
.group-blog .byline {
  display: inline; }

.page-content,
.entry-content,
.entry-summary {
  margin: 1.5em 0 0; }

.page-links {
  clear: both;
  margin: 0 0 1.5em; }

/*--------------------------------------------------------------
## Asides
--------------------------------------------------------------*/
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
  display: none; }

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
  word-wrap: break-word; }

.bypostauthor {
  display: block; }

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
  /* Theme Footer (when set to scrolling) */
  display: none; }

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
  display: block; }

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0; }

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
  max-width: 100%; }

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
  margin-bottom: 1.5em;
  max-width: 100%; }

.wp-caption img[class*="wp-image-"] {
  display: block;
  margin-left: auto;
  margin-right: auto; }

.wp-caption .wp-caption-text {
  margin: 0.8075em 0; }

.wp-caption-text {
  text-align: center; }

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
  margin-bottom: 1.5em; }

.gallery-item {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  width: 100%; }

.gallery-columns-2 .gallery-item {
  max-width: 50%; }

.gallery-columns-3 .gallery-item {
  max-width: 33.33%; }

.gallery-columns-4 .gallery-item {
  max-width: 25%; }

.gallery-columns-5 .gallery-item {
  max-width: 20%; }

.gallery-columns-6 .gallery-item {
  max-width: 16.66%; }

.gallery-columns-7 .gallery-item {
  max-width: 14.28%; }

.gallery-columns-8 .gallery-item {
  max-width: 12.5%; }

.gallery-columns-9 .gallery-item {
  max-width: 11.11%; }

.gallery-caption {
  display: block; }

.sprite-icon, .site-branding a span, .site-logo, .site-navigation-container button.menu-handle span {
  background: url("../img/sprite-global.png") no-repeat 0 0;
  text-indent: -1000em;
  display: block;
  overflow: hidden; }

.font-smoothing, body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.no-select {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none; }

.use-hardware {
  -webkit-transform: translatez(0);
  -moz-transform: translatez(0);
  -ms-transform: translatez(0);
  -o-transform: translatez(0);
  transform: translatez(0);
  -webkit-backface-visibility: hidden;
  /* Chrome, Safari, Opera */
  backface-visibility: hidden; }

.hidden {
  display: none !important; }

.margin-auto-lr {
  margin-left: auto;
  margin-right: auto; }

.t-left {
  text-align: left !important; }

.t-centered {
  text-align: center !important; }

.underline {
  text-decoration: underline; }

.bold {
  font-weight: bold; }

.overflow {
  overflow: hidden !important; }

.v-centered {
  width: 100%;
  height: 100%;
  display: table; }
  .v-centered > div, .v-centered > span, .v-centered > a {
    display: table-cell;
    width: 100%;
    height: 100%;
    vertical-align: middle; }

.v-top {
  width: 100%;
  height: 100%;
  display: table; }
  .v-top > div, .v-top > span, .v-top > a {
    display: table-cell;
    width: 100%;
    height: 100%;
    vertical-align: top; }
  .v-top .col {
    padding-top: 60px; }

.v-bottom {
  width: 100%;
  height: 100%;
  display: table; }
  .v-bottom > div, .v-bottom > span, .v-bottom > a {
    display: table-cell;
    width: 100%;
    height: 100%;
    vertical-align: bottom; }
  .v-bottom .col {
    padding-bottom: 60px; }
  @media only screen and (min-width: 320px) and (max-width: 640px) {
    .v-bottom .col {
      padding-bottom: 20px; } }

.page .bg-light {
  background: #FFF;
  color: #444f51; }
  .page .bg-light h1 {
    color: #49d0c2; }
  .page .bg-light p {
    color: #444f51; }

.cta-link {
  font-family: "bobbold", Helvetica, Helvetica Neue, Arial, sans-serif;
  text-transform: uppercase;
  position: relative; }
  .cta-link:after {
    content: '';
    width: 100%;
    display: inline-block;
    position: absolute;
    height: 1px;
    background-color: rgba(255, 255, 255, 0.8);
    left: 0;
    bottom: -3px; }

.cta-button {
  color: #FFF;
  background-color: #f95602;
  padding: 10px 25px;
  display: inline-block;
  text-align: center;
  font-family: "bobbold", Helvetica, Helvetica Neue, Arial, sans-serif;
  cursor: pointer; }
  @media screen and (min-width: 768px) {
    .cta-button {
      padding: 10px 45px; } }
  .cta-button:hover {
    background-color: #e54f02; }

a.hover {
  position: relative;
  display: inline-block;
  overflow: hidden; }
  a.hover .hover-line {
    transition: all 300ms cubic-bezier(0.39, 0.01, 0.03, 0.99);
    position: absolute;
    width: 100%;
    display: block;
    background: white;
    height: 2px;
    transform: translateX(-105%); }
  a.hover:hover .hover-line {
    transform: translateX(0%); }
  a.hover.current-menu-item .hover-line {
    transform: translateX(0%); }

.page-wrapper {
  display: table;
  height: 100%;
  width: 100%; }
  .page-wrapper > div {
    display: table-cell;
    vertical-align: middle; }

.positioner {
  width: 100%;
  margin: 0 auto;
  padding: 0 20px;
  box-sizing: border-box; }

.background-wrapper {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: fixed;
  top: 0;
  left: 0; }
  .background-wrapper video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
    html.browser-chrome .background-wrapper video {
      filter: brightness(99%) contrast(0.95) hue-rotate(6deg); }
  @media (min-aspect-ratio: 16 / 9) {
    .background-wrapper video {
      height: 300%;
      top: -100%; } }
  @media (max-aspect-ratio: 16 / 9) {
    .background-wrapper video {
      width: 300%;
      left: -100%; } }

.sharer {
  display: inline-block; }
  .sharer .icon-share {
    float: right;
    margin-left: 5px;
    position: relative;
    z-index: 1;
    outline: none; }
  .sharer ul {
    display: inline-block;
    float: right; }
    .sharer ul li {
      float: left; }
      .sharer ul li a {
        outline: none;
        margin: 0 3px;
        opacity: 0;
        transition: all 300ms cubic-bezier(0.39, 0.01, 0.03, 0.99); }
      .sharer ul li.email a {
        transform: translateX(158px); }
      .sharer ul li.facebook a {
        transform: translateX(119px); }
      .sharer ul li.linkedin a {
        transform: translateX(80px); }
      .sharer ul li.twitter a {
        transform: translateX(41px); }
    .sharer ul.reveal li a {
      opacity: 1;
      transform: translateX(0px) !important; }

#onePageCanvas {
  background-color: #49d0c2; }

#pdf-frame {
  min-width: 1000px;
  min-height: 600px; }

/* Accessibility: hide screen reader texts (and prefer "top" for RTL languages).
Reference: http://blog.rrwd.nl/2015/04/04/the-screen-reader-text-class-why-and-how/ */
.mejs__offscreen {
  clip: rect(1px, 1px, 1px, 1px);
  /* IE8-IE11 - no support for clip-path */
  clip-path: polygon(0px 0px, 0px 0px, 0px 0px, 0px 0px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden; }

.mejs__container {
  position: relative;
  background: #000;
  font-family: "Helvetica", Arial, serif;
  text-align: left;
  vertical-align: top;
  text-indent: 0;
  box-sizing: border-box; }

.mejs__container * {
  box-sizing: border-box; }

/* Hide native play button from iOS to favor plugin button */
.mejs__container video::-webkit-media-controls-start-playback-button {
  display: none !important;
  -webkit-appearance: none; }

.mejs__fill-container,
.mejs__fill-container .mejs__container {
  width: 100%;
  height: 100%; }

.mejs__fill-container {
  overflow: hidden;
  position: relative;
  margin: 0 auto;
  background: transparent; }

.mejs__container:focus {
  outline: none; }

.me-plugin {
  position: absolute; }

.mejs__embed,
.mejs__embed body {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  background: #000;
  overflow: hidden; }

.mejs__fullscreen {
  overflow: hidden !important; }

.mejs__container-fullscreen {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  z-index: 1000; }

.mejs__container-fullscreen .mejs__mediaelement,
.mejs__container-fullscreen video {
  width: 100% !important;
  height: 100% !important; }

.mejs__clear {
  clear: both; }

/* Start: LAYERS */
.mejs__background {
  position: absolute;
  top: 0;
  left: 0; }

.mejs__mediaelement {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.mejs__poster {
  position: absolute;
  top: 0;
  left: 0;
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat; }

:root .mejs__poster-img {
  display: none; }

.mejs__poster-img {
  border: 0;
  padding: 0; }

.mejs__overlay {
  position: absolute;
  top: 0;
  left: 0; }

.mejs__overlay-play {
  cursor: pointer; }

.mejs__overlay-button {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 80px;
  height: 80px;
  margin: -40px 0 0 -40px;
  background: url("mejs-controls.svg") no-repeat;
  background-position: 0 -39px;
  overflow: hidden; }

.mejs__overlay:hover > .mejs__overlay-button {
  background-position: -80px -39px; }

.mejs__overlay-loading {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 80px;
  height: 80px;
  margin: -40px 0 0 -40px; }

.mejs__overlay-loading-bg-img {
  display: block;
  width: 80px;
  height: 80px;
  background: transparent url("mejs-controls.svg") -160px -40px no-repeat;
  -webkit-animation: mejs-loading-spinner 1s linear infinite;
  -moz-animation: mejs-loading-spinner 1s linear infinite;
  animation: mejs-loading-spinner 1s linear infinite; }

@-moz-keyframes mejs-loading-spinner {
  100% {
    -moz-transform: rotate(360deg); } }
@-webkit-keyframes mejs-loading-spinner {
  100% {
    -webkit-transform: rotate(360deg); } }
@keyframes mejs-loading-spinner {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }
/* End: LAYERS */
/* Start: CONTROL BAR */
.mejs__controls {
  position: absolute;
  list-style-type: none;
  margin: 0;
  padding: 0 10px;
  bottom: 0;
  left: 0;
  height: 40px;
  width: 100%; }

.mejs__controls:not([style*="display: none"]) {
  background: rgba(255, 0, 0, 0.7);
  background: linear-gradient(transparent, rgba(0, 0, 0, 0.35)); }

.mejs__button,
.mejs__time,
.mejs__time-rail {
  float: left;
  margin: 0;
  width: 32px;
  height: 40px;
  font-size: 10px;
  line-height: 10px; }

.mejs__button > button {
  cursor: pointer;
  display: block;
  font-size: 0;
  line-height: 0;
  text-decoration: none;
  margin: 10px 6px;
  padding: 0;
  position: absolute;
  height: 20px;
  width: 20px;
  border: 0;
  background: transparent url("mejs-controls.svg");
  overflow: hidden; }

/* :focus for accessibility */
.mejs__button > button:focus {
  outline: dotted 1px #999; }

.mejs__container-keyboard-inactive a,
.mejs__container-keyboard-inactive a:focus,
.mejs__container-keyboard-inactive button,
.mejs__container-keyboard-inactive button:focus,
.mejs__container-keyboard-inactive [role=slider],
.mejs__container-keyboard-inactive [role=slider]:focus {
  outline: 0; }

/* End: CONTROL BAR */
/* Start: Time (Current / Duration) */
.mejs__time {
  color: #fff;
  display: block;
  height: 24px;
  width: auto;
  font-weight: bold;
  font-size: 11px;
  padding: 16px 6px 0 6px;
  overflow: hidden;
  text-align: center;
  box-sizing: content-box; }

/* End: Time (Current / Duration) */
/* Start: Play/Pause/Stop */
.mejs__play > button {
  background-position: 0 0; }

.mejs__pause > button {
  background-position: -20px 0; }

.mejs__replay > button {
  background-position: -280px 0; }

/* End: Play/Pause/Stop */
/* Start: Progress Bar */
.mejs__time-rail {
  direction: ltr;
  width: 200px;
  padding-top: 10px;
  height: 40px;
  position: relative;
  margin: 0 10px; }

.mejs__time-total,
.mejs__time-buffering,
.mejs__time-loaded,
.mejs__time-current,
.mejs__time-handle,
.mejs__time-float,
.mejs__time-float-current,
.mejs__time-float-corner,
.mejs__time-marker {
  cursor: pointer;
  display: block;
  position: absolute;
  height: 10px;
  border-radius: 0; }

.mejs__time-total {
  margin: 5px 0 0 0;
  background: rgba(255, 255, 255, 0.3);
  width: 100%; }

.mejs__time-buffering {
  width: 100%;
  background: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 15px 15px;
  animation: buffering-stripes 2s linear infinite; }

@keyframes buffering-stripes {
  from {
    background-position: 0 0; }
  to {
    background-position: 30px 0; } }
.mejs__time-loaded {
  background: rgba(255, 255, 255, 0.3);
  width: 0; }

.mejs__time-current {
  background: rgba(255, 255, 255, 0.9);
  width: 0; }

.mejs__time-handle {
  display: none;
  position: absolute;
  margin: 0;
  width: 10px;
  background: #fff;
  border-radius: 5px;
  cursor: pointer;
  border: solid 2px #333;
  top: -2px;
  text-align: center; }

.mejs__time-float {
  position: absolute;
  display: none;
  background: #eee;
  width: 36px;
  height: 17px;
  border: solid 1px #333;
  top: -26px;
  margin-left: -18px;
  text-align: center;
  color: #111; }

.mejs__time-float-current {
  margin: 2px;
  width: 30px;
  display: block;
  text-align: center;
  left: 0; }

.mejs__time-float-corner {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  line-height: 0;
  border: solid 5px #eee;
  border-color: #eee transparent transparent transparent;
  border-radius: 0;
  top: 15px;
  left: 13px; }

.mejs__long-video .mejs__time-float {
  width: 48px; }

.mejs__long-video .mejs__time-float-current {
  width: 44px; }

.mejs__long-video .mejs__time-float-corner {
  left: 18px; }

.mejs__broadcast {
  color: #fff;
  position: absolute;
  width: 100%;
  height: 10px;
  top: 15px; }

/* End: Progress Bar */
/* Start: Fullscreen */
.mejs__fullscreen-button > button {
  background-position: -80px 0; }

.mejs__unfullscreen > button {
  background-position: -100px 0; }

/* End: Fullscreen */
/* Start: Mute/Volume */
.mejs__mute > button {
  background-position: -60px 0; }

.mejs__unmute > button {
  background-position: -40px 0; }

.mejs__volume-button {
  position: relative; }

.mejs__volume-button > .mejs__volume-slider {
  display: none;
  height: 115px;
  width: 25px;
  background: rgba(50, 50, 50, 0.7);
  border-radius: 0;
  top: -115px;
  left: 5px;
  z-index: 1;
  position: absolute;
  margin: 0; }

.mejs__volume-button:hover {
  border-radius: 0 0 4px 4px; }

.mejs__volume-total {
  position: absolute;
  left: 11px;
  top: 8px;
  width: 2px;
  height: 100px;
  background: rgba(255, 255, 255, 0.5);
  margin: 0; }

.mejs__volume-current {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.9);
  margin: 0; }

.mejs__volume-handle {
  position: absolute;
  left: 0;
  bottom: 100%;
  width: 16px;
  height: 6px;
  margin: 0 0 -3px -7px;
  background: rgba(255, 255, 255, 0.9);
  cursor: ns-resize;
  border-radius: 1px; }

.mejs__horizontal-volume-slider {
  height: 36px;
  width: 56px;
  position: relative;
  display: block;
  float: left;
  vertical-align: middle; }

.mejs__horizontal-volume-total {
  position: absolute;
  left: 0;
  top: 16px;
  width: 50px;
  height: 8px;
  margin: 0;
  padding: 0;
  font-size: 1px;
  border-radius: 2px;
  background: rgba(50, 50, 50, 0.8); }

.mejs__horizontal-volume-current {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  font-size: 1px;
  border-radius: 2px;
  background: rgba(255, 255, 255, 0.8); }

.mejs__horizontal-volume-handle {
  display: none; }

/* End: Mute/Volume */
/* Start: Track (Captions and Chapters) */
.mejs__captions-button {
  position: relative; }

.mejs__captions-button > button {
  background-position: -140px 0; }

.mejs__captions-button > .mejs__captions-selector {
  visibility: hidden;
  position: absolute;
  bottom: 40px;
  right: -51px;
  width: 85px;
  background: rgba(50, 50, 50, 0.7);
  border: solid 1px transparent;
  padding: 0;
  overflow: hidden;
  border-radius: 0; }

.mejs__captions-button > .mejs__captions-selector {
  visibility: visible; }

.mejs__captions-selector-list {
  margin: 0;
  padding: 0;
  display: block;
  list-style-type: none !important;
  overflow: hidden; }

.mejs__captions-selector-list-item {
  margin: 0 0 6px 0;
  padding: 0 10px;
  list-style-type: none !important;
  display: block;
  color: #fff;
  overflow: hidden;
  cursor: pointer; }

.mejs__captions-selector-list-item:hover {
  background-color: #c8c8c8 !important;
  background-color: rgba(255, 255, 255, 0.4) !important; }

.mejs__captions-selector-input {
  clear: both;
  float: left;
  margin: 3px 3px 0 5px;
  position: absolute;
  left: -1000px; }

.mejs__captions-selector-label {
  width: 55px;
  float: left;
  padding: 4px 0 0 0;
  line-height: 15px;
  font-size: 10px;
  cursor: pointer; }

.mejs__captions-selected {
  color: #21f8f8; }

.mejs__captions-translations {
  font-size: 10px;
  margin: 0 0 5px 0; }

.mejs__chapters {
  position: absolute;
  top: 0;
  left: 0;
  border-right: solid 1px #fff;
  width: 10000px;
  z-index: 1; }

.mejs__chapter {
  position: absolute;
  float: left;
  background: rgba(0, 0, 0, 0.7);
  background: linear-gradient(rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7));
  overflow: hidden;
  border: 0; }

.mejs__chapter-block {
  font-size: 11px;
  color: #fff;
  padding: 5px;
  display: block;
  border-right: solid 1px #333;
  border-bottom: solid 1px #333;
  cursor: pointer; }

.mejs__chapter-block-last {
  border-right: none; }

.mejs__chapter-block:hover {
  background: rgba(102, 102, 102, 0.7);
  background: linear-gradient(rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6)); }

.mejs__chapter-block .ch-title {
  font-size: 12px;
  font-weight: bold;
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin: 0 0 3px 0;
  line-height: 12px; }

.mejs__chapter-block .ch-timespan {
  font-size: 12px;
  line-height: 12px;
  margin: 3px 0 4px 0;
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis; }

.mejs__captions-layer {
  position: absolute;
  bottom: 0;
  left: 0;
  text-align: center;
  line-height: 20px;
  font-size: 16px;
  color: #fff; }

.mejs__captions-layer a {
  color: #fff;
  text-decoration: underline; }

.mejs__captions-layer[lang=ar] {
  font-size: 20px;
  font-weight: normal; }

.mejs__captions-position {
  position: absolute;
  width: 100%;
  bottom: 15px;
  left: 0; }

.mejs__captions-position-hover {
  bottom: 35px; }

.mejs__captions-text {
  padding: 0;
  background: rgba(20, 20, 20, 0.5);
  white-space: pre-wrap;
  box-shadow: 5px 0 0 rgba(20, 20, 20, 0.5), -5px 0 0 rgba(20, 20, 20, 0.5); }

/* End: Track (Captions and Chapters) */
/* Start: Error */
.me-cannotplay a {
  color: #fff;
  font-weight: bold; }

.me-cannotplay span {
  padding: 15px;
  display: block; }

/* End: Error */
.mejs-hdtoggle-button {
  position: absolute;
  top: 12px;
  right: 10px; }

.mejs-hdtoggle-button button {
  color: #FFF;
  font-size: 11px;
  padding: 0;
  background: none;
  opacity: 0.5; }

.mejs-hdtoggle-button.mejs-hdtoggle-on button {
  opacity: 1; }

.mejs__fullscreen-button > button {
  transform: scale(0.8);
  margin-left: 3px; }

html, body, #page {
  min-height: 100%;
  max-width: 100%;
  height: 100%;
  min-width: 320px; }

html {
  position: relative; }
  html.mobile {
    min-width: 0;
    min-height: 0; }

body {
  font-family: "boblight", Helvetica, Helvetica Neue, Arial, sans-serif;
  font-size: 15px;
  line-height: 1.7;
  cursor: auto;
  width: 100%;
  color: #fff;
  background-color: #49d0c2;
  overflow: hidden !important; }
  body .bold {
    font-family: "bobbold", Helvetica, Helvetica Neue, Arial, sans-serif; }
  body.no-pointer {
    cursor: none !important; }
  body.scroll {
    overflow-y: auto !important; }

button {
  border-radius: 0;
  border: 0;
  box-shadow: none;
  background-color: transparent;
  color: #FFF;
  text-shadow: none;
  padding: 0;
  margin: 0; }

a {
  outline: 0;
  color: #fff;
  text-decoration: none; }
  a:hover {
    color: #fff; }
  a:visited {
    color: #FFF; }

a:hover, a:active, a:focus {
  outline: 0; }

a:visited,
a:hover,
a:focus,
a:active {
  color: #FFF; }

h1, h2, h3, h4, h5, h6 {
  font-family: "bobbold", Helvetica, Helvetica Neue, Arial, sans-serif;
  margin-top: 0;
  font-weight: normal;
  line-height: 1.2;
  letter-spacing: 1px; }

h1 {
  font-size: 24px;
  line-height: 1.3;
  margin-top: 0;
  margin-bottom: 30px; }
  @media screen and (min-width: 768px) {
    h1 {
      font-size: 30px; } }

h2 {
  font-size: 18px;
  font-weight: normal;
  margin-top: 0;
  margin-bottom: 30px; }
  @media screen and (min-width: 768px) {
    h2 {
      font-size: 20px; } }

h3 {
  font-size: 14px;
  font-weight: normal;
  margin-top: 0;
  margin-bottom: 30px; }
  @media screen and (min-width: 768px) {
    h3 {
      font-size: 15px; } }

ul {
  list-style: none;
  padding: 0;
  margin: 0; }
  ul li {
    padding: 0;
    margin: 0; }

p {
  font-size: 14px;
  line-height: 25px;
  margin-top: 0;
  margin-bottom: 30px; }
  @media screen and (min-width: 768px) {
    p {
      font-size: 15px; } }

#wp-auth-check-wrap #wp-auth-check {
  background-color: #000000 !important; }

/*--------------------------------------------------------------
# Custom
--------------------------------------------------------------*/
.site-branding {
  z-index: 3;
  opacity: 0; }
  html.no-js .site-branding {
    opacity: 1; }
  .site-branding p {
    margin: 0;
    display: block;
    padding: 0;
    line-height: 0; }
  .site-branding a {
    display: inline-block; }
    .site-branding a span {
      display: block;
      width: 84px;
      height: 93px;
      background-position: -12px -3px; }

.menu-page-container #menu-page {
  display: inline-block;
  margin-top: -7px; }
  .menu-page-container #menu-page li {
    text-transform: uppercase;
    margin-top: -1px; }
    .menu-page-container #menu-page li a {
      display: inline-block;
      padding: 0 0;
      line-height: 1;
      position: relative;
      z-index: 1; }
    .menu-page-container #menu-page li .fullscreen-bg {
      display: none; }
      .menu-page-container #menu-page li .fullscreen-bg video {
        display: none; }
      .menu-page-container #menu-page li .fullscreen-bg img {
        display: none; }

.site-content {
  box-sizing: border-box;
  position: relative;
  opacity: 0;
  width: 100%;
  height: 100%; }
  html.no-js .site-content, html.initialized .site-content {
    opacity: 1; }
  .site-content > .page {
    height: 100%; }

#content-overlay {
  z-index: 2;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 1;
  min-height: 100%; }

.fullscreen-bg {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  z-index: -100;
  opacity: 0.50px; }

.fullscreen-bg__image {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  width: 100%;
  height: 100%; }

.fullscreen-bg__video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

@media (min-aspect-ratio: 16 / 9) {
  .fullscreen-bg__video {
    height: 300%;
    top: -100%; } }
@media (max-aspect-ratio: 16 / 9) {
  .fullscreen-bg__video {
    width: 300%;
    left: -100%; } }
@media (max-width: 767px) {
  .fullscreen-bg__video {
    display: none; } }
@media only screen and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min--moz-device-pixel-ratio: 1.25), only screen and (-o-min-device-pixel-ratio: 1.25 / 1), only screen and (min-device-pixel-ratio: 1.25), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 2dppx) {
  .sprite-icon, .site-branding a span, .site-logo, .site-navigation-container button.menu-handle span {
    background-image: url("../img/sprite-global_@2x.png");
    background-size: 141px 427px; } }
.site-logo {
  width: 140px;
  height: 48px;
  position: fixed;
  top: 20px;
  left: 40px;
  z-index: 12;
  transition: transform 600ms cubic-bezier(0.39, 0.01, 0.03, 0.99), filter 200ms; }
  .site-logo.invert {
    filter: invert(100%); }
  .site-logo.hide {
    transform: translateY(-150%); }

.site-navigation-container {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 5;
  width: 100%;
  height: 90px;
  transition: transform 600ms cubic-bezier(0.39, 0.01, 0.03, 0.99), background-color 600ms cubic-bezier(0.39, 0.01, 0.03, 0.99); }
  .site-navigation-container.bgcolor {
    background-color: #49d0c2; }
  .site-navigation-container.hide {
    transform: translateY(-100%); }
  .site-navigation-container .site-logo {
    transition: filter 300ms; }
  .site-navigation-container #site-navigation ul li a {
    transition: color 300ms; }
  .site-navigation-container.invert {
    background-color: #FFF; }
    .site-navigation-container.invert .site-logo {
      filter: invert(100%); }
    .site-navigation-container.invert #site-navigation ul li a {
      color: #444f51; }
      .site-navigation-container.invert #site-navigation ul li a .hover-line {
        background: #444f51; }
      .site-navigation-container.invert #site-navigation ul li a.nav-welkomscan {
        border: 2px solid #444f51;
        padding: 9px 13px;
        margin-top: 18px;
        text-transform: none; }
        .site-navigation-container.invert #site-navigation ul li a.nav-welkomscan:hover {
          background-color: #444f51;
          color: #FFF; }
      .site-navigation-container.invert #site-navigation ul li a.nav-liner {
        border: 2px solid #444f51; }
        .site-navigation-container.invert #site-navigation ul li a.nav-liner:hover {
          background-color: #444f51;
          color: #FFF; }
  .site-navigation-container #site-navigation {
    position: absolute;
    right: 30px;
    top: 5px;
    z-index: 1;
    width: 100%;
    box-sizing: border-box;
    text-align: center; }
    html.loggedin .site-navigation-container #site-navigation {
      margin-top: 32px; }
    .site-navigation-container #site-navigation ul {
      display: flex;
      justify-content: flex-end; }
      .site-navigation-container #site-navigation ul li {
        float: left;
        position: relative; }
        .site-navigation-container #site-navigation ul li a {
          padding: 4px 10px;
          font-family: "bobbold", Helvetica, Helvetica Neue, Arial, sans-serif;
          font-size: 12px;
          text-transform: uppercase; }
          html.no-touch .site-navigation-container #site-navigation ul li a:hover {
            color: #c7c7c7; }
          .site-navigation-container #site-navigation ul li a.nav-liner {
            border: 2px solid #FFF;
            padding: 9px 13px;
            margin-top: 18px;
            text-transform: none; }
            .site-navigation-container #site-navigation ul li a.nav-liner:hover {
              background-color: #FFF;
              color: #49d0c2; }
            .site-navigation-container #site-navigation ul li a.nav-liner .hover-line {
              display: none; }
      .site-navigation-container #site-navigation ul > li > a {
        padding: 40px 0px 30px 0px;
        margin: 0 9px;
        float: left; }
        @media only screen and (min-width: 640px) {
          .site-navigation-container #site-navigation ul > li > a {
            padding: 29px 0px;
            margin: 0 10px; } }
      html.no-touch .site-navigation-container #site-navigation ul > li:hover .sub-menu {
        display: block; }
      .site-navigation-container #site-navigation ul.sub-menu {
        position: absolute;
        top: 70px;
        left: 0;
        margin: 0;
        padding: 0 0 10px 0;
        width: 135px;
        display: none;
        background-color: #000; }
        .site-navigation-container #site-navigation ul.sub-menu li {
          width: 100%; }
          .site-navigation-container #site-navigation ul.sub-menu li a {
            padding: 4px 12px; }
  .site-navigation-container button.menu-handle {
    position: absolute;
    right: 30px;
    top: -8px;
    display: inline-block;
    padding-top: 38px;
    padding-left: 10px;
    padding-right: 10px;
    opacity: 0;
    outline: none;
    display: none; }
    @media only screen and (min-width: 640px) {
      .site-navigation-container button.menu-handle {
        top: 0;
        right: 40px; } }
    html.no-js .site-navigation-container button.menu-handle {
      opacity: 1; }
    .site-navigation-container button.menu-handle.active span {
      background-position: -57px -161px; }
    .site-navigation-container button.menu-handle span {
      display: block;
      width: 40px;
      height: 40px;
      background-position: -15px -95px;
      top: 80px;
      right: 20px;
      background-color: #000; }
      @media only screen and (min-width: 640px) {
        .site-navigation-container button.menu-handle span {
          background-color: transparent; } }

footer {
  font-size: 12px; }
  footer .sharer {
    position: fixed;
    bottom: 40px;
    right: 40px;
    z-index: 11; }

#nav-icon {
  width: 60px;
  height: 45px;
  position: relative;
  margin: 50px auto;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer; }

#nav-icon span:nth-child(1) {
  top: 0px; }

#nav-icon span:nth-child(2), #nav-icon3 span:nth-child(3) {
  top: 18px; }

#nav-icon span:nth-child(4) {
  top: 36px; }

#nav-icon.open span:nth-child(1) {
  top: 18px;
  width: 0%;
  left: 50%; }

#nav-icon.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg); }

#nav-icon.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg); }

#nav-icon.open span:nth-child(4) {
  top: 18px;
  width: 0%;
  left: 50%; }

/*

.site-navigation-container #site-navigation .menu-main-menu-container {
    float: none;
    margin: 0 auto;
}

.site-branding {
    position: absolute;
    left: 50%;
    margin-left:-42px;
    top:0px;
    
    .site-title {
        -webkit-transform: matrix(0.7, 0, 0, 0.7, 0, 0);
        transform: matrix(0.7, 0, 0, 0.7, 0, 0);
    }
}

.site-content  { 
    padding:100px 20px 0 20px;
}

.page-about .the-guys .col-3 {
    padding-right: 0px;
    width: 100%;
}

.menu-page-container #menu-page li {
    font-size: 47px;
}

.menu-page-container #menu-page li .fullscreen-bg {
    visibility: hidden;
}

@media only screen and (min-width: $step1_bp) {
    
    .menu-page-container #menu-page li {
        font-size: 53px;
    }    

}

@media only screen and (min-width: $step2_bp) {
   
    .site-branding {
        position: fixed;
        left: 60px;
        top: $topmargin;
        margin-left: auto; 
        
        .site-title {
            -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
            transform: matrix(1, 0, 0, 1, 0, 0);
        }
    }

    .site-navigation-container #site-navigation .menu-main-menu-container {
        float: right;
        margin: 0 40px 0 0;
    }

    // .site-content  { 
    //     padding:$topmargin 140px 0 200px;
    // }

    .menu-page-container #menu-page li {
        font-size: 67px;
    } 

    .menu-page-container #menu-page li .fullscreen-bg {
        visibility: visible;
    }

}

@media only screen and (min-width: 800px) {
   
    .menu-page-container #menu-page li {
        font-size: 67px;
    } 

    .page-about .the-guys .col-3 {
        padding: 10px;
        width: 33%;
    }

    .page-about .the-guys .col-4 {
        padding: 10px;
        width: 25%;
    }

}

@media only screen and (min-width: $step3_bp) {
    
    .site-branding {
        position: fixed;
        left: 80px;
    }

    .site-content  { 
        padding:$topmargin 200px 0 240px;
    }

}


// .site-branding {
//     position: fixed;
//     left: 80px;
// }

// .site-content  { 
//     padding:$topmargin 200px 0 240px;
// }

*/
.site-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #49d0c2;
  z-index: 10;
  display: none;
  opacity: 0;
  transform: scale(0.98);
  transition: opacity 500ms cubic-bezier(0.39, 0.01, 0.03, 0.99), transform 500ms cubic-bezier(0.39, 0.01, 0.03, 0.99); }
  .site-overlay.reveal {
    opacity: 1;
    transform: scale(1); }

.js-close {
  outline: none;
  position: absolute;
  top: 40px;
  right: 40px;
  z-index: 10; }

.page-overlay, #page-fallback, #page-information, #page-contact, #page-step, #page-compare, #page-video {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 6;
  background-color: #49d0c2; }

.icon, #page-contact .contact-details span:before {
  background: url("../img/sprite-global.png") no-repeat 0 0;
  text-indent: -1000em;
  display: block;
  overflow: hidden;
  width: 33px;
  height: 33px; }
  .icon.icon-share, #page-contact .contact-details span.icon-share:before {
    background-position: -110px -82px; }
  .icon.icon-facebook, #page-contact .contact-details span.icon-facebook:before {
    background-position: 1px -82px; }
  .icon.icon-linkedin, #page-contact .contact-details span.icon-linkedin:before {
    background-position: -36px -82px; }
  .icon.icon-twitter, #page-contact .contact-details span.icon-twitter:before {
    background-position: -73px -82px; }
  .icon.icon-mail, #page-contact .contact-details span.icon-mail:before {
    background-position: -34px -289px; }
  .icon.icon-close, #page-contact .contact-details span.icon-close:before {
    background-position: 0px -218px; }
  .icon.icon-back, #page-contact .contact-details span.icon-back:before {
    background-position: -71px -154px; }
  .icon.icon-pause, #page-contact .contact-details span.icon-pause:before {
    background-position: -107px -154px; }
  .icon.icon-mute, #page-contact .contact-details span.icon-mute:before {
    background-position: 1px -154px; }
  .icon.icon-pause.paused, #page-contact .contact-details span.icon-pause.paused:before {
    background-position: 1px -273px;
    background-size: 133px auto; }
  .icon.icon-mute.muted, #page-contact .contact-details span.icon-mute.muted:before {
    background-position: -36px -154px; }
  .icon.icon-play, #page-contact .contact-details span.icon-play:before {
    background-position: 1px -290px;
    width: 36px; }

.btn-play-large {
  background: url("../img/btn-play-large.png") no-repeat 0 0;
  text-indent: -1000em;
  display: inline-block;
  overflow: hidden;
  width: 100px;
  height: 100px;
  background-size: 100%; }

/*
.sprite {
    background-image: url(../img/spritey_@2x.png);
    background-repeat: no-repeat;
    display: block;
}

.sprite-icon-airplane {
    width: 30px;
    height: 30px;
    background-position: -5px -5px;
}

.sprite-icon-back {
    width: 30px;
    height: 30px;
    background-position: -5px -45px;
}

.sprite-icon-close {
    width: 32px;
    height: 32px;
    background-position: -5px -85px;
}

.sprite-icon-location {
    width: 30px;
    height: 30px;
    background-position: -5px -127px;
}

.sprite-icon-mute {
    width: 30px;
    height: 30px;
    background-position: -5px -167px;
}

.sprite-icon-muted {
    width: 30px;
    height: 30px;
    background-position: -5px -207px;
}

.sprite-icon-pause {
    width: 30px;
    height: 30px;
    background-position: -5px -247px;
}

.sprite-icon-phone {
    width: 30px;
    height: 30px;
    background-position: -5px -287px;
}

.sprite-icon-play-big {
    width: 154px;
    height: 154px;
    background-position: -5px -327px;
}

.sprite-icon-share-facebook {
    width: 50px;
    height: 50px;
    background-position: -5px -491px;
}

.sprite-icon-share-linkedin {
    width: 50px;
    height: 50px;
    background-position: -5px -551px;
}

.sprite-icon-share-mail {
    width: 50px;
    height: 50px;
    background-position: -5px -611px;
}

.sprite-icon-share-main {
    width: 30px;
    height: 30px;
    background-position: -5px -671px;
}

.sprite-icon-share-movie-facebook {
    width: 30px;
    height: 30px;
    background-position: -5px -711px;
}

.sprite-icon-share-movie-linkedin {
    width: 30px;
    height: 30px;
    background-position: -5px -751px;
}

.sprite-icon-share-movie-mail {
    width: 30px;
    height: 30px;
    background-position: -5px -791px;
}

.sprite-icon-share-movie-twitter {
    width: 30px;
    height: 30px;
    background-position: -5px -831px;
}

.sprite-icon-share-twitter {
    width: 50px;
    height: 50px;
    background-position: -5px -871px;
}

*/
.big-marker-comfortabel {
  background-image: url(../img/markers/big-marker-comfortabel@2x.png); }

.big-marker-creatief {
  background-image: url(../img/markers/big-marker-creatief@2x.png); }

.big-marker-formeel {
  background-image: url(../img/markers/big-marker-formeel@2x.png); }

.big-marker-functioneel {
  background-image: url(../img/markers/big-marker-functioneel@2x.png); }

.big-marker-informeel {
  background-image: url(../img/markers/big-marker-informeel@2x.png); }

.big-marker-persoonlijk {
  background-image: url(../img/markers/big-marker-persoonlijk@2x.png); }

.big-marker-servicegericht {
  background-image: url(../img/markers/big-marker-servicegericht@2x.png); }

.big-marker-standaard {
  background-image: url(../img/markers/big-marker-standaard@2x.png); }

.big-marker-zakelijk {
  background-image: url(../img/markers/big-marker-zakelijk@2x.png); }

.big-marker-zelfvoorzienend {
  background-image: url(../img/markers/big-marker-zelfvoorzienend@2x.png); }

[aria-busy=true] {
  opacity: 0.4 !important;
  pointer-events: none; }
  [aria-busy=true] input {
    pointer-events: none; }

.form-row {
  width: 100%;
  float: left;
  margin-bottom: 10px; }

.form-row-50 {
  width: 50%;
  float: left; }

  .form-row-33 {
  width: 32%;
  float: left; }

.form-row-submit {
  margin-top: 10px; }

.form-row-error {
  display: none; }
  .form-row-error span {
    color: red;
    font-size: 12px; }

.input-text {
  margin: 0px 0;
  width: 100%;
  border: 2px solid #FFF;
  background: rgba(255, 255, 255, 0.15); }

textarea, input {
  border: 0px;
  font-family: "boblight", Helvetica, Helvetica Neue, Arial, sans-serif;
  font-size: 15px;
  padding: 8px 10px;
  color: #FFF; }
  textarea::-webkit-input-placeholder, input::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #FFF; }
  textarea::-moz-placeholder, input::-moz-placeholder {
    /* Firefox 19+ */
    color: #FFF; }
  textarea:-ms-input-placeholder, input:-ms-input-placeholder {
    /* IE 10+ */
    color: #FFF; }
  textarea:-moz-placeholder, input:-moz-placeholder {
    /* Firefox 18- */
    color: #FFF; }
  textarea.error, input.error {
    border: 2px solid red; }
  textarea[disabled], input[disabled] {
    opacity: 0.5; }

textarea {
  width: 100%;
  display: block;
  border: 2px solid #FFF;
  background: rgba(255, 255, 255, 0.15); }

.custom-checkbox input {
  position: absolute;
  left: -9999px; }
.custom-checkbox [type="checkbox"] + label,
.custom-checkbox [type="checkbox"] + span + label {
  position: relative;
  padding-left: 25px;
  cursor: pointer; }
.custom-checkbox [type="checkbox"] + label:before,
.custom-checkbox [type="checkbox"] + span + label:before {
  content: '';
  position: absolute;
  top: 2px;
  left: 1px;
  width: 15px;
  height: 15px;
  background: transparent;
  border: 2px solid #FFF;
  border-radius: 10px;
  opacity: 0.8; }
.custom-checkbox [type="checkbox"] + label:after,
.custom-checkbox [type="checkbox"] + span + label:after {
  content: '';
  width: 15px;
  height: 15px;
  position: absolute;
  top: 2px;
  left: 1px;
  width: 15px;
  height: 15px;
  background: #f95602;
  border: 2px solid #FFF;
  border-radius: 10px;
  opacity: 0; }
.custom-checkbox input[type=checkbox] {
  visibility: hidden; }
  .custom-checkbox input[type=checkbox]:checked + label:after, .custom-checkbox input[type=checkbox]:checked + span + label:after {
    opacity: 1; }

video {
  display: none; }

@media print {
  * {
    -webkit-print-color-adjust: exact; }

  .site-navigation-container,
  #page-profile section.vergelijk,
  #page-profile section.scan,
  #page-profile .page-wrapper .positioner a,
  footer {
    visibility: hidden;
    display: none !important; }

  .site-logo {
    position: absolute; }

  #page-profile .page-wrapper .positioner {
    width: 40%;
    margin-left: 10%; }

  div.meter-holder .meter-line .marker span.dot {
    opacity: 1;
    transform: scale(1); }
  div.meter-holder .meter-line .marker .name {
    transform: translate3d(-50%, -100%, 0);
    opacity: 1; }
  div.meter-holder .meter-line .marker.marker-extra .dot {
    border-color: #49d0c2;
    background-color: #49d0c2; } }
body.pdf {
  height: auto; }
  body.pdf #page {
    height: auto; }
    html.browser-ie body.pdf #page p {
      font-family: "Arial"; }
  body.pdf #page-profile .page-wrapper {
    height: 980px; }
    html.browser-ie body.pdf #page-profile .page-wrapper {
      background-size: initial;
      background-position: top center; }
    body.pdf #page-profile .page-wrapper .positioner {
      width: 40%;
      margin-left: 10%; }
    body.pdf #page-profile .page-wrapper a {
      display: none; }
  body.pdf .site-navigation-container, body.pdf .vergelijk, body.pdf footer {
    display: none !important; }
  body.pdf div.meter-holder .meter-line .marker span.dot {
    opacity: 1;
    transform: scale(1); }
  body.pdf div.meter-holder .meter-line .marker .name {
    transform: translate3d(-50%, -100%, 0);
    opacity: 1; }
  body.pdf #page-profile section.profiler .profile {
    height: 500px;
    padding: 25px 20px 0px 20px; }
    body.pdf #page-profile section.profiler .profile .profile-copy {
      padding-bottom: 50px; }
    body.pdf #page-profile section.profiler .profile.profile-aanpak {
      padding-top: 0; }
    body.pdf #page-profile section.profiler .profile.profile-uitstraling .profile-copy {
      border-bottom: 0px;
      padding-bottom: 0; }
    body.pdf #page-profile section.profiler .profile.profile-setting .profile-copy {
      border-bottom: 0px; }
    body.pdf #page-profile section.profiler .profile.profile-benadering {
      height: 530px; }
      body.pdf #page-profile section.profiler .profile.profile-benadering .profile-copy {
        border-bottom: 0px; }
  body.pdf #onePageCanvas {
    display: none !important; }
  body.pdf #page-profile section.scan {
    height: 390px;
    padding: 100px 20px;
    box-sizing: border-box; }

body.xpdf .site-navigation-container,
body.xpdf #page-profile section.vergelijk,
body.xpdf #page-profile section.scan,
body.xpdf #page-profile .page-wrapper .positioner a,
body.xpdf footer {
  visibility: hidden;
  display: none !important; }
body.xpdf .site-logo {
  position: absolute; }
body.xpdf #page-profile .page-wrapper .positioner {
  width: 40%;
  margin-left: 10%; }
body.xpdf #page-profile section.profiler .profile {
  height: 500px;
  padding: 25px 20px 0px 20px; }
  body.xpdf #page-profile section.profiler .profile.profile-aanpak {
    padding-top: 0; }
  body.xpdf #page-profile section.profiler .profile.profile-uitstraling .profile-copy {
    border-bottom: 0px;
    padding-bottom: 0; }
  body.xpdf #page-profile section.profiler .profile.profile-setting .profile-copy {
    border-bottom: 0px; }
  body.xpdf #page-profile section.profiler .profile.profile-benadering .profile-copy {
    border-bottom: 0px; }
body.xpdf #page-profile section.profiler .profile-copy {
  padding: 20px 0px 50px 0px; }
body.xpdf div.meter-holder .meter-line .marker span.dot {
  opacity: 1;
  transform: scale(1); }
body.xpdf div.meter-holder .meter-line .marker .name {
  transform: translate3d(-50%, -100%, 0);
  opacity: 1; }

html.mobile body, html.tablet body {
  background: url(../img/backgrounds/bg-contact.jpg) no-repeat center center;
  background-size: cover;
  background-attachment: fixed; }
html.mobile .site-logo, html.tablet .site-logo {
  pointer-events: none; }
html.mobile #page-fallback, html.tablet #page-fallback {
  background-color: transparent; }

html.tablet {
  overflow: hidden; }
  html.tablet body {
    overflow: hidden; }

html.mobile {
  min-height: 0;
  height: auto; }
  html.mobile body, html.mobile #page {
    min-height: 0;
    height: auto; }
  html.mobile .site-logo {
    position: relative; }
  html.mobile #page-fallback {
    position: relative;
    padding-bottom: 30px; }
  html.mobile #page-fallback h1 {
    margin-top: 10px;
    font-size: 18px;
    margin-bottom: 20px; }
  html.mobile #page-fallback p {
    font-size: 12px;
    margin-bottom: 20px; }
  html.mobile footer {
    display: none; }

#page-fallback {
  height: 100%; }
  #page-fallback .page-wrapper .positioner {
    padding: 40px; }
    @media screen and (min-width: 768px) {
      #page-fallback .page-wrapper .positioner {
        width: 50%;
        text-align: center; } }

#page-home {
  background-size: cover; }
  html.touch #page-home {
    background: url(../img/bg-home.jpg) no-repeat center center; }
  #page-home .background-wrapper {
    z-index: 0;
    opacity: 0;
    transition: opacity 200ms; }
    #page-home .background-wrapper.show-me {
      opacity: 1; }
    html.touch #page-home .background-wrapper {
      display: none; }
    #page-home .background-wrapper video {
      display: block; }
  #page-home .page-wrapper {
    position: relative;
    z-index: 1; }
    #page-home .page-wrapper .positioner {
      text-align: center;
      max-width: 600px; }
      @media screen and (min-width: 768px) {
        #page-home .page-wrapper .positioner {
          width: 43%; } }
  #page-home .prompt {
    position: absolute;
    bottom: 40px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 13px; }

#page-information {
  background: url(../img/backgrounds/bg-info.jpg) no-repeat center center;
  background-size: cover; }
  @media screen and (min-width: 768px) {
    #page-information .page-wrapper .positioner {
      width: 35%;
      margin-left: 10%; } }

section.page-send {
  background-size: cover;
  position: absolute;
  height: 100%;
  width: 100%;
  display: none; }
  section.page-send .page-wrapper {
    padding: 50px;
    position: absolute;
    bottom: 0; }
    section.page-send .page-wrapper .background-wrapper {
      z-index: 0; }
    section.page-send .page-wrapper .positioner {
      overflow: hidden;
      position: absolute;
      z-index: 1;
      opacity: 0;
      transition: opacity 200ms; }
      @media screen and (min-width: 768px) {
        section.page-send .page-wrapper .positioner {
          top: 25%;
          right: 10%;
          left: auto;
          width: 350px; } }
      section.page-send .page-wrapper .positioner.show-me {
        opacity: 1; }
    section.page-send .page-wrapper .custom-checkbox {
      font-size: 12px;
      margin: 20px 0; }
      section.page-send .page-wrapper .custom-checkbox.error {
        color: red; }
        section.page-send .page-wrapper .custom-checkbox.error a {
          color: red; }
      section.page-send .page-wrapper .custom-checkbox a:hover {
        text-decoration: underline; }
      section.page-send .page-wrapper .custom-checkbox label {
        width: 100%;
        display: block; }
    section.page-send .page-wrapper .form-row-submit input {
      float: left; }
  section.page-send .process-confirmation {
    display: none;
    width: 100%;
    text-align: center;
    background-color: #49d0c2;
    opacity: 0;
    transition: opacity 400ms; }
    section.page-send .process-confirmation.reveal {
      opacity: 1; }
      section.page-send .process-confirmation.reveal .sharer ul.reveal li {
        opacity: 1;
        transform: scale(1); }
    section.page-send .process-confirmation .cta-button {
      margin-bottom: 30px; }
    section.page-send .process-confirmation p a {
      border-bottom: 1px solid white; }
    section.page-send .process-confirmation .sharer {
      margin-bottom: 30px; }
    section.page-send .process-confirmation .sharer ul.reveal li {
      opacity: 0;
      transform: scale(0.9);
      transition-duration: 300ms;
      transition-property: all; }
    section.page-send .process-confirmation .sharer ul.reveal li.email {
      transition-delay: 200ms; }
    section.page-send .process-confirmation .sharer ul.reveal li.facebook {
      transition-delay: 350ms; }
    section.page-send .process-confirmation .sharer ul.reveal li.linkedin {
      transition-delay: 500ms; }
    section.page-send .process-confirmation .sharer ul.reveal li.twitter {
      transition-delay: 650ms; }

.process-confirmation .sharer ul.reveal li {
  margin: 12px 5px 0 5px; }
  .process-confirmation .sharer ul.reveal li a {
    width: 40px;
    height: 40px; }
  .process-confirmation .sharer ul.reveal li.email a {
    background: url(../img/icons/icon-share-movie-mail_@2x.png);
    background-size: 40px 40px; }
  .process-confirmation .sharer ul.reveal li.twitter a {
    background: url(../img/icons/icon-share-movie-twitter_@2x.png);
    background-size: 40px 40px; }
  .process-confirmation .sharer ul.reveal li.facebook a {
    background: url(../img/icons/icon-share-movie-facebook_@2x.png);
    background-size: 40px 40px; }
  .process-confirmation .sharer ul.reveal li.linkedin a {
    background: url(../img/icons/icon-share-movie-linkedin_@2x.png);
    background-size: 40px 40px; }

.process-confirmation .js-close-experience {
  outline: none;
  position: absolute;
  top: 40px;
  right: 40px;
  z-index: 10; }

#page-contact {
  background: url(../img/backgrounds/bg-contact.jpg) no-repeat center center;
  background-size: cover; }
  #page-contact .page-wrapper {
    width: 100%; }
    @media screen and (min-width: 768px) {
      #page-contact .page-wrapper .positioner {
        margin-left: 15%;
        padding: 40px;
        max-width: 600px;
        overflow: hidden; } }
  #page-contact form textarea {
    height: 150px; }
  #page-contact form .form-name {
    padding-right: 5px; }
  #page-contact form .form-email {
    padding-left: 5px; }
  #page-contact form .cta-button {
    margin-top: 25px; }
  #page-contact .contact-details {
    position: absolute;
    bottom: 40px;
    z-index: 1;
    width: 100%;
    text-align: center;
    margin-bottom: 3px; }
    #page-contact .contact-details span {
      padding-left: 40px;
      margin: 0 12px;
      display: inline-block;
      position: relative; }
    #page-contact .contact-details span:before {
      content: '';
      position: absolute;
      top: -5px;
      left: 0; }
    #page-contact .contact-details .contact-address:before {
      background-position: -36px -218px; }
    #page-contact .contact-details .contact-email:before {
      background-position: -71px -218px; }
    #page-contact .contact-details .contact-telephone:before {
      background-position: -104px -219px; }

#page-step .page-wrapper {
  width: 100%; }
  #page-step .page-wrapper #step-intro .positioner {
    width: 100%;
    margin: 0 auto;
    padding: 80px;
    max-width: 600px;
    overflow: hidden;
    text-align: center;
    font-family: "boblight", Helvetica, Helvetica Neue, Arial, sans-serif;
    transition: all 300ms cubic-bezier(0.39, 0.01, 0.03, 0.99); }
    #page-step .page-wrapper #step-intro .positioner.hide-me {
      transform: scale(0.8);
      opacity: 0; }
  #page-step .page-wrapper #step-intro .logo-w {
    position: relative;
    display: inline-block;
    margin-bottom: 10px; }
    #page-step .page-wrapper #step-intro .logo-w img {
      width: 80px;
      max-width: none; }
    #page-step .page-wrapper #step-intro .logo-w .shadow {
      opacity: 0.3; }
    #page-step .page-wrapper #step-intro .logo-w .full {
      top: 0;
      position: absolute;
      left: 0;
      z-index: 1;
      overflow: hidden;
      width: 0%;
      transition: width 200ms; }
#page-step .step-navigation {
  display: none; }
#page-step .control-bar {
  position: fixed;
  top: 40px;
  right: 40px;
  display: block;
  z-index: 10; }
  #page-step .control-bar .step-info {
    margin-right: 6px;
    letter-spacing: 3px;
    opacity: 0;
    transition-delay: 100ms; }
    #page-step .control-bar .step-info.show {
      opacity: 1; }
  #page-step .control-bar button {
    display: inline-block;
    outline: none;
    opacity: 0;
    transform: scale(0.8);
    transition: transform 300ms cubic-bezier(0.39, 0.01, 0.03, 0.99), opacity 300ms cubic-bezier(0.39, 0.01, 0.03, 0.99); }
    #page-step .control-bar button.show {
      opacity: 1;
      transform: scale(1); }
    #page-step .control-bar button.icon-back {
      transition-delay: 300ms; }
    #page-step .control-bar button.icon-pause {
      transition-delay: 500ms; }
    #page-step .control-bar button.icon-mute {
      transition-delay: 700ms; }
#page-step section.step {
  display: none;
  position: absolute;
  height: 100%;
  width: 100%; }
  #page-step section.step .page-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1; }
  #page-step section.step .step-choice {
    display: none;
    height: 100%; }
#page-step #step-1 .positioner, #page-step #step-3 .positioner, #page-step #step-5 .positioner, #page-step #step-6 .positioner {
  width: 35%;
  margin-left: 7%;
  margin-bottom: 10%; }
#page-step #step-2 .positioner {
  width: 38%;
  margin-left: 33%;
  margin-bottom: 33%; }
#page-step #step-4 .positioner {
  width: 38%;
  margin-left: 55%;
  margin-bottom: 7%; }

.step-intro {
  display: none;
  height: 100%; }
  .step-intro .choice-animation {
    font-size: 30px;
    width: 400px;
    font-family: "bobbold", Helvetica, Helvetica Neue, Arial, sans-serif; }
    .step-intro .choice-animation .overflow-wrapper {
      overflow: hidden;
      display: inline-block;
      line-height: 1;
      margin: 0px 2px;
      padding: 6px 0;
      font-size: 30px; }
      .step-intro .choice-animation .overflow-wrapper span {
        display: inline-block;
        position: relative; }
    .step-intro .choice-animation a.overflow-wrapper span:before {
      content: '';
      position: absolute;
      width: 100%;
      display: block;
      background: white;
      height: 2px;
      bottom: -6px;
      transform: translateX(-110%); }
    .step-intro .choice-animation a.overflow-wrapper:hover span:before {
      height: 3px; }
    .step-intro .choice-animation p > span:nth-of-type(1) {
      opacity: 0;
      transition: opacity 0ms;
      transition-delay: 0ms; }
    .step-intro .choice-animation p > a:nth-of-type(1) span {
      transform: translateX(-100%);
      transition: transform 500ms cubic-bezier(0.39, 0.01, 0.03, 0.99);
      transition-delay: 600ms; }
      .step-intro .choice-animation p > a:nth-of-type(1) span:before {
        transition: transform 500ms cubic-bezier(0.39, 0.01, 0.03, 0.99) 2400ms; }
    .step-intro .choice-animation p > span:nth-of-type(2) {
      opacity: 0;
      transition: opacity 0ms;
      transition-delay: 1200ms; }
    .step-intro .choice-animation p > a:nth-of-type(2) span {
      transform: translateY(115%);
      transition: transform 500ms cubic-bezier(0.39, 0.01, 0.03, 0.99);
      transition-delay: 1800ms; }
      .step-intro .choice-animation p > a:nth-of-type(2) span:before {
        transition: transform 500ms cubic-bezier(0.39, 0.01, 0.03, 0.99) 3000ms; }
    .step-intro .choice-animation.reveal p > span:nth-of-type(1) {
      opacity: 1; }
    .step-intro .choice-animation.reveal p > a:nth-of-type(1) span {
      transform: translateX(0%); }
      .step-intro .choice-animation.reveal p > a:nth-of-type(1) span:before {
        transform: translateX(0%); }
    .step-intro .choice-animation.reveal p > span:nth-of-type(2) {
      opacity: 1; }
    .step-intro .choice-animation.reveal p > a:nth-of-type(2) span {
      transform: translateY(0%); }
      .step-intro .choice-animation.reveal p > a:nth-of-type(2) span:before {
        transform: translateX(0%); }

#step-6 .step-intro .choice-animation p > a:nth-of-type(1) span {
  transition-delay: 0ms; }

#step-6 .step-intro .choice-animation p > span:nth-of-type(1) {
  transition-delay: 600ms; }

#step-6 .step-intro .choice-animation p > a:nth-of-type(2) span {
  transition-delay: 1200ms; }

#step-6 .step-intro .choice-animation.reveal p > span:nth-of-type(2) {
  transition-delay: 1800ms; }

#page-compare {
  background: url(../img/backgrounds/bg-compare.jpg) no-repeat center center;
  background-size: cover; }
  @media screen and (min-width: 768px) {
    #page-compare .positioner {
      margin: 0 auto 0 10%;
      padding: 40px;
      max-width: 800px;
      overflow: hidden; } }
  #page-compare .compare-confirmation {
    max-width: 700px; }
  #page-compare form .form-row-50:nth-child(odd) {
    padding-right: 10px; }
  #page-compare form .form-row-33 {
    padding-right: 1%; }
  #page-compare form .form-row-submit {
    margin-top: 35px; }

#page-profile h1, #page-profile h2, #page-profile h3 {
  font-size: 27px; }
#page-profile .page-wrapper {
  height: 90%;
  background: url(../img/backgrounds/bg-hostess.jpg) no-repeat center center;
  background-size: cover; }
  @media screen and (min-width: 768px) {
    #page-profile .page-wrapper .positioner {
      width: 430px;
      margin-left: 20%; } }
  #page-profile .page-wrapper .positioner a {
    font-family: "bobbold", Helvetica, Helvetica Neue, Arial, sans-serif; }
  #page-profile .page-wrapper .positioner .icon-play {
    display: inline-block;
    margin-bottom: -13px;
    margin-right: 10px; }
#page-profile section.profiler .profile {
  padding: 60px 20px 0px 20px;
  text-align: center;
  color: #444f51;
  background-color: #FFF; }
  @media screen and (min-width: 768px) {
    #page-profile section.profiler .profile {
      padding: 100px 20px 0px 20px; } }
#page-profile section.profiler .profile-copy {
  padding: 30px 0px 60px 0px;
  border-bottom: 1px solid #eaeaeb;
  margin: auto 0% auto 0%;
  display: inline-block;
  width: 600px; }
  @media screen and (min-width: 768px) {
    #page-profile section.profiler .profile-copy {
      padding: 30px 0px 100px 0px; } }
#page-profile section.vergelijk {
  padding: 50px 40px 60px 40px;
  text-align: center;
  font-family: "bobbold", Helvetica, Helvetica Neue, Arial, sans-serif;
  background-color: #FFF; }
  @media screen and (min-width: 768px) {
    #page-profile section.vergelijk {
      padding: 100px 40px 100px 40px; } }
  #page-profile section.vergelijk div p {
    color: #444f51;
    margin: 0;
    display: inline-block;
    padding-right: 40px;
    text-align: left;
    font-size: 16px;
    line-height: 1.2; }
  #page-profile section.vergelijk div a {
    background-color: #FFF;
    color: #f95602;
    border: 1px solid #f95602;
    font-family: "bobbold", Helvetica, Helvetica Neue, Arial, sans-serif;
    transform: translateY(-10px); }
    #page-profile section.vergelijk div a:hover {
      background-color: #f95602;
      color: #FFF; }
#page-profile section.scan {
  text-align: center;
  padding: 80px 40px;
  font-family: "bobbold", Helvetica, Helvetica Neue, Arial, sans-serif;
  background: url(../img/backgrounds/bg-profile-1.jpg) no-repeat center center;
  background-size: cover; }
  @media screen and (min-width: 768px) {
    #page-profile section.scan {
      padding: 240px 40px; } }
  #page-profile section.scan h3 {
    max-width: 650px;
    margin: 0 auto 35px auto; }
  #page-profile section.scan a {
    font-family: "bobbold", Helvetica, Helvetica Neue, Arial, sans-serif; }
#page-profile footer {
  background-color: #444f51;
  padding: 40px;
  overflow: hidden; }
  #page-profile footer .copyright {
    float: left; }
  #page-profile footer .disclaimer {
    float: right; }

@keyframes reveal {
  0% {
    opacity: 0;
    transform: scale(0.5); }
  50% {
    opacity: 0.5;
    transform: scale(1.2); }
  100% {
    opacity: 1;
    transform: scale(1); } }
.meter-holder {
  width: 100%;
  margin-top: 70px; }
  .meter-holder .meter-line {
    position: relative;
    display: inline-block;
    margin: 50px 0 50px 0;
    		/*
    		.big-marker {
    			width: 100px;
    			height: 100px;
    			border-radius: 50px;
    			position: absolute;
    			//background-color: $mainColor; 
    			
    			&:before {
    			    // content: '';
    			    // display: block;
    			    // height: 16px;
    			    // width: 16px;
    			    // -ms-transform: rotate(45deg);
    			    // transform: rotate(45deg);
    			    // background: $mainColor;
    			    // position: absolute;
    			    // bottom: -4px;
    			    // left: 50%;
    			    // margin-left: -8px;
    			}
    
    			&.big-marker-left {
    				left: 0;
    				transform: translate3d(-47%,-130%,0);
    			}
    			&.big-marker-right {
    				right: 0;
    				transform: translate3d(50%,-130%,0);
    			}
    
    			&:after {
    				content: '';
    			    background: url('../img/icon-profiles.png') no-repeat 0 0;
    			    text-indent:-1000em;
    			    display: block;
    			    overflow: hidden;
    				width: 94px;
    				height: 108px;
    				margin: 0px 0 0 0px;
    				background-size: 200px auto;
    			}
    
    			&.big-marker-formeel:after { background-position: -5px 0px; }
    			&.big-marker-informeel:after { background-position: -99px 0px; }
    
    			&.big-marker-standaard:after { background-position: -5px -110px; }
    			&.big-marker-creatief:after { background-position: -99px -110px; }
    
    			&.big-marker-zelfvoorzienend:after { background-position: -5px -220px; }
    			&.big-marker-servicegericht:after { background-position:-99px -218px; }
    
    			&.big-marker-functioneel:after { background-position: -6px -324px; }
    			&.big-marker-comfortabel:after { background-position: -99px -324px; }
    
    			&.big-marker-persoonlijk:after { background-position: -6px -430px; }
    			&.big-marker-zakelijk:after { background-position: -100px -430px; }
    		}
    		*/ }
    .meter-holder .meter-line .title-left,
    .meter-holder .meter-line .title-right {
      position: absolute;
      font-family: "bobbold", Helvetica, Helvetica Neue, Arial, sans-serif;
      color: #49d0c2; }
    .meter-holder .meter-line .title-left {
      left: 0;
      transform: translate3d(-50%, 100%, 0); }
    .meter-holder .meter-line .title-right {
      right: 0;
      transform: translate3d(50%, 100%, 0); }
    .meter-holder .meter-line .seperator {
      width: 4px;
      background-color: #a9d9da;
      position: absolute; }
      .meter-holder .meter-line .seperator.seperator-start {
        left: 0;
        height: 10px;
        top: -2px; }
      .meter-holder .meter-line .seperator.seperator-middle {
        left: 50%;
        height: 25px;
        top: -10px; }
      .meter-holder .meter-line .seperator.seperator-end {
        right: 0;
        height: 10px;
        top: -2px; }
    .meter-holder .meter-line .line {
      height: 5px;
      width: 600px;
      background-color: #a9d9da;
      display: block; }
    .meter-holder .meter-line .marker {
      position: absolute;
      left: 0;
      top: -5px;
      display: block;
      position: absolute;
      display: inline-block;
      margin-left: -6px; }
      .meter-holder .meter-line .marker.marker-extra:nth-child(9) .dot {
        border-color: #f95602;
        background-color: #f95602; }
      .meter-holder .meter-line .marker.marker-extra:nth-child(9) .name {
        background-color: #f95602; }
        .meter-holder .meter-line .marker.marker-extra:nth-child(9) .name:before {
          background: #f95602; }
      .meter-holder .meter-line .marker.marker-extra:nth-child(10) .dot {
        border-color: #444f51;
        background-color: #444f51; }
      .meter-holder .meter-line .marker.marker-extra:nth-child(10) .name {
        background-color: #444f51; }
        .meter-holder .meter-line .marker.marker-extra:nth-child(10) .name:before {
          background: #444f51; }
      .meter-holder .meter-line .marker.marker-extra:nth-child(11) .dot {
        border-color: #738484;
        background-color: #738484; }
      .meter-holder .meter-line .marker.marker-extra:nth-child(11) .name {
        background-color: #738484; }
        .meter-holder .meter-line .marker.marker-extra:nth-child(11) .name:before {
          background: #738484; }
      .meter-holder .meter-line .marker.marker-extra:nth-child(12) .dot {
        border-color: #a4bab9;
        background-color: #a4bab9; }
      .meter-holder .meter-line .marker.marker-extra:nth-child(12) .name {
        background-color: #a4bab9; }
        .meter-holder .meter-line .marker.marker-extra:nth-child(12) .name:before {
          background: #a4bab9; }
      .meter-holder .meter-line .marker .name {
        padding: 10px 20px;
        position: absolute;
        transform: translate3d(-50%, -80%, 0);
        color: #FFF;
        top: -15px;
        white-space: nowrap;
        opacity: 0;
        transition: all 300ms cubic-bezier(0.39, 0.01, 0.03, 0.99); }
        .meter-holder .meter-line .marker .name:before {
          content: '';
          display: block;
          height: 16px;
          width: 16px;
          -ms-transform: rotate(45deg);
          transform: rotate(45deg);
          position: absolute;
          bottom: -4px;
          left: 50%;
          margin-left: -8px; }
      .meter-holder .meter-line .marker:hover .name {
        opacity: 1;
        transform: translate3d(-50%, -100%, 0); }
      .meter-holder .meter-line .marker .dot {
        display: block;
        width: 17px;
        height: 17px;
        border-radius: 15px;
        border: 3px solid  transparent;
        background-color: #FFF;
        margin-top: -1px;
        opacity: 0;
        transform: scale(0.5); }
        .meter-holder .meter-line .marker .dot.reveal {
          animation: reveal 300ms forwards;
          opacity: 1;
          transform: scale(1); }
      .meter-holder .meter-line .marker.marker-main .name {
        background-color: #f95602; }
        .meter-holder .meter-line .marker.marker-main .name:before {
          background: #f95602; }
      .meter-holder .meter-line .marker.marker-main .dot {
        border-color: #f95602;
        background-color: #f95602; }
        .meter-holder .meter-line .marker.marker-main .dot:hover {
          border-color: #f95602; }
    .meter-holder .meter-line .big-marker {
      border-radius: 50px;
      position: absolute;
      width: 110px;
      height: 119px;
      background-size: 100%; }
      .meter-holder .meter-line .big-marker.big-marker-left {
        left: 0;
        transform: translate3d(-47%, -120%, 0); }
      .meter-holder .meter-line .big-marker.big-marker-right {
        right: 0;
        transform: translate3d(50%, -120%, 0); }

#page-video .play-wrapper {
  position: relative;
  z-index: 1;
  text-align: center; }
  #page-video .play-wrapper[aria-playing=true] button {
    opacity: 0; }
  #page-video .play-wrapper button {
    outline: none; }
#page-video .background-wrapper {
  opacity: 0;
  transition: opacity 200ms; }
  #page-video .background-wrapper.show-me {
    opacity: 1; }
  #page-video .background-wrapper video {
    display: block; }