@charset "UTF-8";
/* Slider */
.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent; }

.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0; }
.slick-list:focus {
    outline: none; }
.slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block; }
.slick-track:before, .slick-track:after {
    content: "";
    display: table; }
.slick-track:after {
    clear: both; }
.slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none; }
[dir="rtl"] .slick-slide {
    float: right; }
.slick-slide img {
    display: block; }
.slick-slide.slick-loading img {
    display: none; }
.slick-slide.dragging img {
    pointer-events: none; }
.slick-initialized .slick-slide {
    display: block; }
.slick-loading .slick-slide {
    visibility: hidden; }
.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

.slick-arrow.slick-hidden {
    display: none; }

/* Slider */
.slick-loading .slick-list {
    background: #fff url("./ajax-loader.gif") center center no-repeat; }

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

/* Arrows */
.slick-prev,
.slick-next {
    position: absolute;
    display: block;
    height: 40px;
    width: 40px;
    line-height: 0px;
    font-size: 0px;
    cursor: pointer;
    color: transparent;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    padding: 0;
    border: none;
    outline: none; }
.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
    outline: none;
    color: transparent;
    background-color: transparent; }
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
    opacity: 1; }

.slick-prev {
    left: -25px; }
[dir="rtl"] .slick-prev {
    left: auto;
    right: -25px; }

.slick-next {
    right: -25px; }
[dir="rtl"] .slick-next {
    left: -25px;
    right: auto; }

/* Dots */
.slick-dotted.slick-slider {
    margin-bottom: 30px; }

.slick-dots {
    position: absolute;
    bottom: -25px;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0;
    margin: 0;
    width: 100%;
    z-index: 1; }
.slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0;
    padding: 0;
    cursor: pointer; }
.slick-dots li button {
    border: 0;
    background: transparent;
    display: block;
    height: 20px;
    width: 20px;
    outline: none;
    line-height: 0px;
    font-size: 0px;
    color: transparent;
    padding: 5px;
    cursor: pointer; }
.slick-dots li button:hover, .slick-dots li button:focus {
    outline: none; }
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
    opacity: 0.75; }
.slick-dots li button:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "•";
    width: 20px;
    height: 20px;
    font-family: "slick";
    font-size: 36px;
    line-height: 20px;
    text-align: center;
    color: #c1a5cf;
    opacity: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
.slick-dots li.slick-active button:before {
    color: #433a7a;
    opacity: 1; }

/**
 * str-replace() - Replace in a string
 *
 * @param {string}  $string    String that you want to replace
 * @param {string}  $substr    String that is to be replaced by `$newsubstr`
 * @param {string}  $newsubstr String that replaces `$substr`
 * @param {number*} $all       Flag for replaceing all (1+) or not (0)
 * @return {string}
 */
/**
 * Inline SVG functions with the ability to pass parameters (mostly for changing colors)
 *
 * IMPORTANT:
 * in order for an SVG to work on all browsers, it needs to be encoded using svg-encode()
 * keep performance in mind, do NOT inline everything
 */
/**
 * Our final SVGs
 */
/*
@function svg-icon-holder($fill: $primary-color, $stroke: none, $stroke-width: 0, $ratio: 'xMidYMid', $viewbox: '0 0 18.9 16.2', $attribs: '') {
  $svg: "<svg xmlns='http://www.w3.org/2000/svg' " + $attribs + " version='1.1' x='0' y='0' viewBox='" + $viewbox + "' enable-background='new " + $viewbox + "' xml:space='preserve' preserveAspectRatio='" + $ratio + "'><path fill='" + $fill + "' stroke='" + $stroke + "' stroke-width='" + $stroke-width + "' fill-rule='evenodd' clip-rule='evenodd' d='M13 16.2c-2.4-0.3-5-0.8-7.7-0.2 -2.2 0.5-3.4-1.6-4.3-3.4C-0.1 10.7-0.5 8.8 1 7c0.8-1 1.8-1.8 2.6-2.8C4.7 2.8 4.4-0.2 7 0c3 0.2 6 0.5 8.5 2.7 4 3.7 4.5 7.6 1.6 12.3C16.1 16.6 14.5 16 13 16.2'/></svg>";
  @return url("data:image/svg+xml," + svg-encode($svg));
}

@function svg-icon-holder-flip($fill: $primary-color, $stroke: none, $stroke-width: 0, $ratio: 'xMidYMid', $viewbox: '0 0 18.9 16.2') {
  $svg: "<svg xmlns='http://www.w3.org/2000/svg' version='1.1' x='0' y='0' viewBox='" + $viewbox + "' enable-background='new " + $viewbox + "' xml:space='preserve' preserveAspectRatio='" + $ratio + "'><path fill='" + $fill + "' stroke='" + $stroke + "' stroke-width='" + $stroke-width + "'  fill-rule='evenodd' clip-rule='evenodd' d='M6,16.2c2.4-0.3,5-0.8,7.7-0.2c2.2,0.5,3.4-1.6,4.3-3.4c1-1.9,1.4-3.7-0.1-5.5 c-0.8-1-1.8-1.8-2.6-2.8c-1.1-1.5-0.8-4.4-3.5-4.2c-3,0.2-6,0.5-8.5,2.7c-4,3.7-4.5,7.6-1.6,12.3C2.8,16.6,4.4,16,6,16.2'/></svg>";
  @return url("data:image/svg+xml," + svg-encode($svg));
}

@function svg-leaf($fill: $primary-color, $stroke: none, $stroke-width: 0, $ratio: 'xMidYMid', $viewbox: '0 0 220.3 128.7') {
  $svg: "<svg xmlns='http://www.w3.org/2000/svg' version='1.1' x='0' y='0' viewBox='" + $viewbox + "' enable-background='new " + $viewbox + "' xml:space='preserve' preserveAspectRatio='" + $ratio + "'><path fill='" + $fill + "' stroke='" + $stroke + "' stroke-width='" + $stroke-width + "' d='M91.7 65.6c-47.4 11.2-59.7 57-59.7 57s12.7-11.5 17.8-15.4c46.9-35.1 95-12.6 116.4-4 -66.3-23.7-90.1-6-104 3.1 8.5-3.2 24.4 3.8 41.4 10.8 14.1 5.8 28.9 11.6 40.8 11.6h0c0.2 0 0.3 0 0.5 0 26.2-0.4 58.1-29.1 75.4-45.5 -10.1 4.2-16.2 6.3-33.7 4.3 -19.8-2.2-43.7-23.9-76.9-23.9C104 63.5 98 64.2 91.7 65.6M10.1 0C4.7 14.7-4.3 41.4 2.3 57.3c6.6 15.9 34.5 33.1 35 44.1 1.9-10.8 6.3-29.7-25.3-63.6 9.5 9.4 30.9 28.5 29.7 58.5 3.5-4.9 7.8-10 13.2-14.7 0-2.8-0.3-5.6-0.8-8.6 -5.1-28.5-30.3-38.2-37.9-51.6C10.6 11.4 10.3 7.2 10.1 0z'/></svg>";
  @return url("data:image/svg+xml," + svg-encode($svg));
}
*/
/**
 * USAGE EXAMPLE
 * background: svg-leaf($fill: #ff0000);
 */
.svg-fill-white {
    fill: #fff; }

@-moz-document url-prefix() {
    .some-section-divide svg path {
        transform: translateY(-1px); } }

.section-benefits .svg-benefits-1 .svg-background {
    fill: #5ABFD6; }

.section-benefits .svg-benefits-1--animated {
    -webkit-animation: svg-benefits-1 cubic-bezier(0.175, 0.885, 0.32, 1.275) infinite both;
    animation: svg-benefits-1 cubic-bezier(0.175, 0.885, 0.32, 1.275) infinite both;
    -webkit-transform: translateY(0);
    transform: translateY(0); }

.section-benefits .svg-benefits-2 .svg-background {
    fill: red; }

.section-benefits .row.slick .column:nth-child(1) figure:hover .svg-benefits-1--animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s; }

@-webkit-keyframes svg-benefits-1 {
    0% {
        transform: translateY(0);
        -webkit-transform: translateY(0); }
    50% {
        transform: translateY(-20px);
        -webkit-transform: translateY(-20px); }
    100% {
        transform: translateY(0);
        -webkit-transform: translateY(0); } }

@keyframes svg-benefits-1 {
    0% {
        transform: translateY(0);
        -webkit-transform: translateY(0); }
    50% {
        transform: translateY(-20px);
        -webkit-transform: translateY(-20px); }
    100% {
        transform: translateY(0);
        -webkit-transform: translateY(0); } }

/*
@-moz-document url-prefix() {
  .some-section-divide {
    svg path {
      transform: translateY(-1px);
    }
  }
}
*/
@font-face {
    font-family: 'close';
    src: url("../font/close.eot?s9u2ac");
    src: url("../font/close.eot?#iefixs9u2ac") format("embedded-opentype"), url("../font/close.woff?s9u2ac") format("woff"), url("../font/close.ttf") format("truetype"), url("../font/close.svg?s9u2ac") format("svg");
    font-weight: normal;
    font-style: normal; }

@keyframes multi_circle {
    0% {
        transform: scale(0);
        opacity: 0; }
    5% {
        opacity: 1; }
    90% {
        transform: scale(1);
        opacity: 0; }
    100% {
        transform: scale(0); } }

#frm_loader {
    position: absolute;
    left: 0;
    z-index: 2000; }

#frm_loader .circle_loader {
    width: 48px;
    height: 48px;
    position: absolute;
    top: 50%;
    left: 50%;
    -moz-transform: translate(-24px, -24px);
    -ms-transform: translate(-24px, -24px);
    -webkit-transform: translate(-24px, -24px);
    transform: translate(-24px, -24px); }

#frm_loader .circle_loader > div {
    background-color: #fff;
    border-radius: 100%;
    opacity: 0;
    width: 48px;
    height: 48px;
    position: absolute;
    top: 0;
    left: 0;
    -moz-animation: multi_circle 1.4s ease-out infinite;
    -webkit-animation: multi_circle 1.4s ease-out infinite;
    animation: multi_circle 1.4s ease-out infinite; }

#frm_loader .circle_loader > div:nth-child(2) {
    -moz-animation-delay: -0.4s;
    -webkit-animation-delay: -0.4s;
    animation-delay: -0.4s; }

#frm_loader .circle_loader > div:nth-child(3) {
    -moz-animation-delay: -0.2s;
    -webkit-animation-delay: -0.2s;
    animation-delay: -0.2s; }

div#frm_overlay {
    background: #000;
    display: none;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1999;
    opacity: 0;
    -webkit-transform: translate3d(0, 0, 0); }

div#framer {
    position: absolute;
    display: none;
    z-index: 2000; }

div#framer #framerContainer {
    position: relative;
    background-color: #fff;
    padding: 0; }

div#framer.anim_base {
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; }

div#framer.show {
    opacity: 1; }

div#framer img {
    display: block; }

div#framer object {
    display: block;
    outline: none;
    overflow: hidden; }

div#framer .close_btn {
    font-family: "close";
    speak: none;
    line-height: 26px;
    font-size: 22px;
    font-style: normal;
    font-weight: normal;
    text-transform: none;
    text-align: center;
    position: absolute;
    width: 28px;
    height: 28px;
    overflow: hidden;
    right: -14px;
    top: -14px;
    display: none;
    cursor: pointer;
    z-index: 2001;
    color: #433a7a;
    background-color: rgba(255, 255, 255, 0.8);
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

div#framer .close_btn:hover {
    color: #433a7a;
    background-color: white; }

div#framer .close_btn:before {
    content: "\e600"; }

div#framer.fade_in_scale #framerContainer {
    -moz-transform: scale(0.7);
    -ms-transform: scale(0.7);
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
    opacity: 0; }

div#framer.fade_in_scale.show #framerContainer {
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; }

div#framer.slide_in_right #framerContainer {
    -moz-transform: translateX(20%);
    -ms-transform: translateX(20%);
    -webkit-transform: translateX(20%);
    transform: translateX(20%);
    -moz-transition-timing-function: cubic-bezier(0.25, 0.5, 0.5, 0.9);
    -o-transition-timing-function: cubic-bezier(0.25, 0.5, 0.5, 0.9);
    -webkit-transition-timing-function: cubic-bezier(0.25, 0.5, 0.5, 0.9);
    transition-timing-function: cubic-bezier(0.25, 0.5, 0.5, 0.9);
    opacity: 0; }

div#framer.slide_in_right.show #framerContainer {
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1; }

div#framer.slide_in_bottom #framerContainer {
    -moz-transform: translateY(20%);
    -ms-transform: translateY(20%);
    -webkit-transform: translateY(20%);
    transform: translateY(20%);
    opacity: 0; }

div#framer.slide_in_bottom.show #framerContainer {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1; }

div#framer.sign_3d {
    -moz-perspective: 1300px;
    -webkit-perspective: 1300px;
    perspective: 1300px; }

div#framer.sign_3d #framerContainer {
    -moz-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -moz-transform: rotateX(-60deg);
    -ms-transform: rotateX(-60deg);
    -webkit-transform: rotateX(-60deg);
    transform: rotateX(-60deg);
    -moz-transform-origin: 50% 0 0;
    -webkit-transform-origin: 50% 0 0;
    transform-origin: 50% 0 0;
    opacity: 0; }

div#framer.sign_3d.show #framerContainer {
    -moz-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg);
    opacity: 1; }

div#loading {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 2000;
    top: 0;
    left: 0; }

div#frmTitle {
    position: absolute;
    top: 0;
    left: 0; }

div#frm_description {
    position: absolute;
    bottom: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.6);
    color: #fff; }

iframe {
    margin: 0;
    padding: 0;
    border-style: none;
    display: block;
    border-width: 0; }

div#framer_inner {
    width: 100%;
    height: 30px;
    background-color: #000; }

div#framer_error {
    width: 300px;
    min-height: 18px;
    background-color: #eb4c2d;
    font-size: 18px;
    line-height: 18px;
    color: #fff;
    padding: 6px;
    text-align: center; }

video {
    display: block; }

#framer.fullscreen {
    width: 100% !important;
    height: 100% !important; }
#framer.fullscreen #framer_video, #framer.fullscreen video {
    width: 100% !important;
    height: 100% !important; }

/*
VideoJS Default Styles (http://videojs.com)
Version 3.2.0
*/
/*
REQUIRED STYLES (be careful overriding)
================================================================================ */
/* When loading the player, the video tag is replaced with a DIV,
   that will hold the video tag or object tag for other playback methods.
   The div contains the video playback element (Flash or HTML5) and controls, and sets the width and height of the video.

   ** If you want to add some kind of border/padding (e.g. a frame), or special positioning, use another containing element.
   Otherwise you risk messing up control positioning and full window mode. **
*/
.video-js {
    background-color: #000;
    position: relative;
    padding: 0;
    /* Start with 10px for base font size so other dimensions can be em based and easily calculable. */
    font-size: 10px;
    /* Allow poster to be vertially aligned. */
    vertical-align: middle;
    /*  display: table-cell; */
    /*This works in Safari but not Firefox.*/ }

/* Playback technology elements expand to the width/height of the containing div. <video> or <object> */
.video-js .vjs-tech {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

/* Fix for Firefox 9 fullscreen (only if it is enabled). Not needed when checking fullScreenEnabled. */
.video-js:-moz-full-screen {
    position: absolute; }

/* Fullscreen Styles */
body.vjs-full-window {
    padding: 0;
    margin: 0;
    height: 100%;
    overflow-y: auto;
    /* Fix for IE6 full-window. http://www.cssplay.co.uk/layouts/fixed.html */ }

.video-js.vjs-fullscreen {
    position: fixed;
    overflow: hidden;
    z-index: 1000;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;
    _position: absolute;
    /* IE6 Full-window (underscore hack) */ }

.video-js:-webkit-full-screen {
    width: 100% !important;
    height: 100% !important; }

/* Poster Styles */
.vjs-poster {
    margin: 0 auto;
    padding: 0;
    cursor: pointer;
    /* Scale with the size of the player div. Works when poster is vertically shorter, but stretches when it's less wide. */
    position: relative;
    width: 100%;
    max-height: 100%; }

/* Text Track Styles */
/* Overall track holder for both captions and subtitles */
.video-js .vjs-text-track-display {
    text-align: center;
    position: absolute;
    bottom: 4em;
    left: 1em;
    right: 1em;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }

/* Individual tracks */
.video-js .vjs-text-track {
    display: none;
    color: #fff;
    font-size: 1.4em;
    text-align: center;
    margin-bottom: 0.1em;
    /* Transparent black background, or fallback to all black (IE6) */
    background: black;
    background: rgba(0, 0, 0, 0.5); }

.video-js .vjs-subtitles {
    color: #fff; }

.video-js .vjs-captions {
    color: #fc6; }

.vjs-tt-cue {
    display: block; }

/* Fading sytles, used to fade control bar. */
.vjs-fade-in {
    visibility: visible !important;
    /* Needed to make sure things hide in older browsers too. */
    opacity: 1 !important;
    -webkit-transition: visibility 0s linear 0s, opacity 0.3s linear;
    -moz-transition: visibility 0s linear 0s, opacity 0.3s linear;
    -ms-transition: visibility 0s linear 0s, opacity 0.3s linear;
    -o-transition: visibility 0s linear 0s, opacity 0.3s linear;
    transition: visibility 0s linear 0s, opacity 0.3s linear; }

.vjs-fade-out {
    visibility: hidden !important;
    opacity: 0 !important;
    -webkit-transition: visibility 0s linear 1.5s,opacity 1.5s linear;
    -moz-transition: visibility 0s linear 1.5s,opacity 1.5s linear;
    -ms-transition: visibility 0s linear 1.5s,opacity 1.5s linear;
    -o-transition: visibility 0s linear 1.5s,opacity 1.5s linear;
    transition: visibility 0s linear 1.5s,opacity 1.5s linear; }

/* DEFAULT SKIN (override in another file to create new skins)
================================================================================
Instead of editing this file, I recommend creating your own skin CSS file to be included after this file,
so you can upgrade to newer versions easier. You can remove all these styles by removing the 'vjs-default-skin' class from the tag. */
/* The default control bar. Created by bar.js */
.vjs-default-skin .vjs-controls {
    position: absolute;
    bottom: 0;
    /* Distance from the bottom of the box/video. Keep 0. Use height to add more bottom margin. */
    left: 0;
    right: 0;
    /* 100% width of div */
    margin: 0;
    padding: 0;
    /* Controls are absolutely position, so no padding necessary */
    height: 2.6em;
    /* Including any margin you want above or below control items */
    color: #fff;
    border-top: 1px solid #404040;
    /* CSS Gradient */
    /* Can use the Ultimate CSS Gradient Generator: http://www.colorzilla.com/gradient-editor/ */
    background: #242424;
    /* Old browsers */
    background: -moz-linear-gradient(top, #242424 50%, #1f1f1f 50%, #171717 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(50%, #242424), color-stop(50%, #1f1f1f), color-stop(100%, #171717));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #242424 50%, #1f1f1f 50%, #171717 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #242424 50%, #1f1f1f 50%, #171717 100%);
    /* Opera11.10+ */
    background: -ms-linear-gradient(top, #242424 50%, #1f1f1f 50%, #171717 100%);
    /* IE10+ */
    /* Filter was causing a lot of weird issues in IE. Elements would stop showing up, or other styles would break. */
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#242424', endColorstr='#171717',GradientType=0 );*/
    /* IE6-9 */
    background: linear-gradient(top, #242424 50%, #1f1f1f 50%, #171717 100%);
    /* W3C */
    /* Start hidden and with 0 opacity. Opacity is used to fade in modern browsers. */
    /* Can't use display block to hide initially because widths of slider handles aren't calculated and avaialbe for positioning correctly. */
    visibility: hidden;
    opacity: 0; }

/* General styles for individual controls. */
.vjs-default-skin .vjs-control {
    position: relative;
    float: left;
    text-align: center;
    margin: 0;
    padding: 0;
    height: 2.6em;
    width: 2.6em; }

.vjs-default-skin .vjs-control:focus {
    outline: 0;
    /*  background-color: #555;*/ }

/* Hide control text visually, but have it available for screenreaders: h5bp.com/v */
.vjs-default-skin .vjs-control-text {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px; }

/* Play/Pause
-------------------------------------------------------------------------------- */
.vjs-default-skin .vjs-play-control {
    width: 5em;
    cursor: pointer !important; }

/* Play Icon */
.vjs-default-skin.vjs-paused .vjs-play-control div {
    width: 15px;
    height: 17px;
    background: url("../img/app-landing/video-js.png");
    margin: 0.5em auto 0; }

.vjs-default-skin.vjs-playing .vjs-play-control div {
    width: 15px;
    height: 17px;
    background: url("../img/app-landing/video-js.png") -25px 0;
    margin: 0.5em auto 0; }

/* Rewind
-------------------------------------------------------------------------------- */
.vjs-default-skin .vjs-rewind-control {
    width: 5em;
    cursor: pointer !important; }

.vjs-default-skin .vjs-rewind-control div {
    width: 19px;
    height: 16px;
    background: url("../img/app-landing/video-js.png");
    margin: 0.5em auto 0; }

/* Volume/Mute
-------------------------------------------------------------------------------- */
.vjs-default-skin .vjs-mute-control {
    width: 3.8em;
    cursor: pointer !important;
    float: right; }

.vjs-default-skin .vjs-mute-control div {
    width: 22px;
    height: 16px;
    background: url("../img/app-landing/video-js.png") -75px -25px;
    margin: 0.5em auto 0; }

.vjs-default-skin .vjs-mute-control.vjs-vol-0 div {
    background: url("../img/app-landing/video-js.png") 0 -25px; }

.vjs-default-skin .vjs-mute-control.vjs-vol-1 div {
    background: url("../img/app-landing/video-js.png") -25px -25px; }

.vjs-default-skin .vjs-mute-control.vjs-vol-2 div {
    background: url("../img/app-landing/video-js.png") -50px -25px; }

.vjs-default-skin .vjs-volume-control {
    width: 5em;
    float: right; }

.vjs-default-skin .vjs-volume-bar {
    position: relative;
    width: 5em;
    height: 0.6em;
    margin: 1em auto 0;
    cursor: pointer !important;
    -moz-border-radius: 0.3em;
    -webkit-border-radius: 0.3em;
    border-radius: 0.3em;
    background: #666;
    background: -moz-linear-gradient(top, #333, #666);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#333), to(#666));
    background: -webkit-linear-gradient(top, #333, #666);
    background: -o-linear-gradient(top, #333, #666);
    background: -ms-linear-gradient(top, #333, #666);
    background: linear-gradient(top, #333, #666); }

.vjs-default-skin .vjs-volume-level {
    position: absolute;
    top: 0;
    left: 0;
    height: 0.6em;
    -moz-border-radius: 0.3em;
    -webkit-border-radius: 0.3em;
    border-radius: 0.3em;
    background: #fff;
    background: -moz-linear-gradient(top, #fff, #ccc);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#ccc));
    background: -webkit-linear-gradient(top, #fff, #ccc);
    background: -o-linear-gradient(top, #fff, #ccc);
    background: -ms-linear-gradient(top, #fff, #ccc);
    background: linear-gradient(top, #fff, #ccc); }

.vjs-default-skin .vjs-volume-handle {
    position: absolute;
    top: -0.2em;
    width: 0.8em;
    height: 0.8em;
    background: #ccc;
    left: 0;
    border: 1px solid #fff;
    -moz-border-radius: 0.6em;
    -webkit-border-radius: 0.6em;
    border-radius: 0.6em; }

/* Progress
-------------------------------------------------------------------------------- */
.vjs-default-skin div.vjs-progress-control {
    position: absolute;
    left: 4.8em;
    right: 4.8em;
    /* Leave room for time displays. */
    height: 1.0em;
    width: auto;
    top: -1.3em;
    /* Set above the rest of the controls. And leave room for 2px of borders (progress bottom and controls top). */
    border-bottom: 1px solid #1F1F1F;
    border-top: 1px solid #222;
    /* CSS Gradient */
    background: #333;
    background: -moz-linear-gradient(top, #222, #333);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#222), to(#333));
    background: -webkit-linear-gradient(top, #222, #333);
    background: -o-linear-gradient(top, #333, #222);
    background: -ms-linear-gradient(top, #333, #222);
    background: linear-gradient(top, #333, #222);
    /* 1px top shadow */
    /*  -webkit-box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.15);*/ }

/* Box containing play and load progresses. Also acts as seek scrubber. */
.vjs-default-skin .vjs-progress-holder {
    position: relative;
    cursor: pointer !important;
    /*overflow: hidden;*/
    padding: 0;
    margin: 0;
    /* Placement within the progress control item */
    height: 1.0em;
    -moz-border-radius: 0.6em;
    -webkit-border-radius: 0.6em;
    border-radius: 0.6em;
    /* CSS Gradient */
    background: #111;
    background: -moz-linear-gradient(top, #111, #262626);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#111), to(#262626));
    background: -webkit-linear-gradient(top, #111, #262626);
    background: -o-linear-gradient(top, #111, #262626);
    background: -ms-linear-gradient(top, #111, #262626);
    background: linear-gradient(top, #111, #262626); }

.vjs-default-skin .vjs-progress-holder .vjs-play-progress,
.vjs-default-skin .vjs-progress-holder .vjs-load-progress {
    /* Progress Bars */
    position: absolute;
    display: block;
    height: 1.0em;
    margin: 0;
    padding: 0;
    left: 0;
    top: 0;
    /*Needed for IE6*/
    -moz-border-radius: 0.6em;
    -webkit-border-radius: 0.6em;
    border-radius: 0.6em;
    /*width: 0;*/ }

.vjs-default-skin .vjs-play-progress {
    /* CSS Gradient. */ }

.vjs-default-skin .vjs-load-progress {
    opacity: 0.8; }

.vjs-default-skin div.vjs-seek-handle {
    position: absolute;
    width: 16px;
    height: 16px;
    /* Match img pixles */
    margin-top: -0.3em;
    left: 0;
    top: 0;
    /*Needed for IE6*/
    background: url("../img/app-landing/video-js.png") 0 -50px;
    /* CSS Curved Corners. Needed to make shadows curved. */
    -moz-border-radius: 0.8em;
    -webkit-border-radius: 0.8em;
    border-radius: 0.8em;
    /* CSS Shadows */
    -webkit-box-shadow: 0 2px 4px 0 #000;
    -moz-box-shadow: 0 2px 4px 0 #000;
    box-shadow: 0 2px 4px 0 #000; }

/* Time Display
-------------------------------------------------------------------------------- */
.vjs-default-skin .vjs-time-controls {
    position: absolute;
    right: 0;
    height: 1.0em;
    width: 4.8em;
    top: -1.3em;
    border-bottom: 1px solid #1F1F1F;
    border-top: 1px solid #222;
    background-color: #333;
    font-size: 1em;
    line-height: 1.0em;
    font-weight: normal;
    font-family: Helvetica, Arial, sans-serif;
    background: #333;
    background: -moz-linear-gradient(top, #222, #333);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#222), to(#333));
    background: -webkit-linear-gradient(top, #222, #333);
    background: -o-linear-gradient(top, #333, #222);
    background: -ms-linear-gradient(top, #333, #222);
    background: linear-gradient(top, #333, #222);
    /* 1px top shadow */
    /*  -webkit-box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.15);*/ }

.vjs-default-skin .vjs-current-time {
    left: 0; }

.vjs-default-skin .vjs-duration {
    right: 0;
    display: none; }

.vjs-default-skin .vjs-remaining-time {
    right: 0; }

.vjs-time-divider {
    display: none; }

.vjs-default-skin .vjs-time-control {
    font-size: 1em;
    line-height: 1;
    font-weight: normal;
    font-family: Helvetica, Arial, sans-serif; }

.vjs-default-skin .vjs-time-control span {
    line-height: 25px;
    /* Centering vertically */ }

/* Fullscreen
-------------------------------------------------------------------------------- */
.vjs-secondary-controls {
    float: right; }

.vjs-default-skin .vjs-fullscreen-control {
    width: 3.8em;
    cursor: pointer !important;
    float: right; }

.vjs-default-skin .vjs-fullscreen-control div {
    width: 16px;
    height: 16px;
    background: url("../img/app-landing/video-js.png") -50px 0;
    margin: 0.5em auto 0; }

.vjs-default-skin.vjs-fullscreen .vjs-fullscreen-control div {
    background: url("../img/app-landing/video-js.png") -75px 0; }

/* Big Play Button (at start)
---------------------------------------------------------*/
.vjs-default-skin .vjs-big-play-button {
    display: block;
    /* Start hidden */
    z-index: 2;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 8.0em;
    height: 8.0em;
    margin: -42px 0 0 -42px;
    text-align: center;
    vertical-align: center;
    cursor: pointer !important;
    background: white;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%; }

.vjs-default-skin div.vjs-big-play-button:hover {
    -webkit-box-shadow: 0 0 80px #fff;
    -moz-box-shadow: 0 0 80px #fff;
    box-shadow: 0 0 80px #fff; }

.vjs-default-skin div.vjs-big-play-button span {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 35px;
    height: 42px;
    margin: -20px 0 0 -13px;
    /* Using negative margin to center image. */
    background: url("../img/app-landing/video-js.png") -100px 0; }

/* Loading Spinner
---------------------------------------------------------*/
/* CSS Spinners by Kilian Valkhof - http://kilianvalkhof.com/2010/css-xhtml/css3-loading-spinners-without-images/ */
.vjs-loading-spinner {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 55px;
    height: 55px;
    margin: -28px 0 0 -28px;
    -webkit-animation-name: rotatethis;
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: rotatethis;
    -moz-animation-duration: 1s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear; }

@-webkit-keyframes rotatethis {
    0% {
        -webkit-transform: scale(0.6) rotate(0deg); }
    12.5% {
        -webkit-transform: scale(0.6) rotate(0deg); }
    12.51% {
        -webkit-transform: scale(0.6) rotate(45deg); }
    25% {
        -webkit-transform: scale(0.6) rotate(45deg); }
    25.01% {
        -webkit-transform: scale(0.6) rotate(90deg); }
    37.5% {
        -webkit-transform: scale(0.6) rotate(90deg); }
    37.51% {
        -webkit-transform: scale(0.6) rotate(135deg); }
    50% {
        -webkit-transform: scale(0.6) rotate(135deg); }
    50.01% {
        -webkit-transform: scale(0.6) rotate(180deg); }
    62.5% {
        -webkit-transform: scale(0.6) rotate(180deg); }
    62.51% {
        -webkit-transform: scale(0.6) rotate(225deg); }
    75% {
        -webkit-transform: scale(0.6) rotate(225deg); }
    75.01% {
        -webkit-transform: scale(0.6) rotate(270deg); }
    87.5% {
        -webkit-transform: scale(0.6) rotate(270deg); }
    87.51% {
        -webkit-transform: scale(0.6) rotate(315deg); }
    100% {
        -webkit-transform: scale(0.6) rotate(315deg); } }

@-moz-keyframes rotatethis {
    0% {
        -moz-transform: scale(0.6) rotate(0deg); }
    12.5% {
        -moz-transform: scale(0.6) rotate(0deg); }
    12.51% {
        -moz-transform: scale(0.6) rotate(45deg); }
    25% {
        -moz-transform: scale(0.6) rotate(45deg); }
    25.01% {
        -moz-transform: scale(0.6) rotate(90deg); }
    37.5% {
        -moz-transform: scale(0.6) rotate(90deg); }
    37.51% {
        -moz-transform: scale(0.6) rotate(135deg); }
    50% {
        -moz-transform: scale(0.6) rotate(135deg); }
    50.01% {
        -moz-transform: scale(0.6) rotate(180deg); }
    62.5% {
        -moz-transform: scale(0.6) rotate(180deg); }
    62.51% {
        -moz-transform: scale(0.6) rotate(225deg); }
    75% {
        -moz-transform: scale(0.6) rotate(225deg); }
    75.01% {
        -moz-transform: scale(0.6) rotate(270deg); }
    87.5% {
        -moz-transform: scale(0.6) rotate(270deg); }
    87.51% {
        -moz-transform: scale(0.6) rotate(315deg); }
    100% {
        -moz-transform: scale(0.6) rotate(315deg); } }

/* Each circle */
div.vjs-loading-spinner .ball1 {
    opacity: 0.12;
    position: absolute;
    left: 20px;
    top: 0px;
    width: 13px;
    height: 13px;
    background: #fff;
    border-radius: 13px;
    -webkit-border-radius: 13px;
    -moz-border-radius: 13px;
    border: 1px solid #ccc; }

div.vjs-loading-spinner .ball2 {
    opacity: 0.25;
    position: absolute;
    left: 34px;
    top: 6px;
    width: 13px;
    height: 13px;
    background: #fff;
    border-radius: 13px;
    -webkit-border-radius: 13px;
    -moz-border-radius: 13px;
    border: 1px solid #ccc; }

div.vjs-loading-spinner .ball3 {
    opacity: 0.37;
    position: absolute;
    left: 40px;
    top: 20px;
    width: 13px;
    height: 13px;
    background: #fff;
    border-radius: 13px;
    -webkit-border-radius: 13px;
    -moz-border-radius: 13px;
    border: 1px solid #ccc; }

div.vjs-loading-spinner .ball4 {
    opacity: 0.50;
    position: absolute;
    left: 34px;
    top: 34px;
    width: 13px;
    height: 13px;
    background: #fff;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 15px;
    border: 1px solid #ccc; }

div.vjs-loading-spinner .ball5 {
    opacity: 0.62;
    position: absolute;
    left: 20px;
    top: 40px;
    width: 13px;
    height: 13px;
    background: #fff;
    border-radius: 13px;
    -webkit-border-radius: 13px;
    -moz-border-radius: 13px;
    border: 1px solid #ccc; }

div.vjs-loading-spinner .ball6 {
    opacity: 0.75;
    position: absolute;
    left: 6px;
    top: 34px;
    width: 13px;
    height: 13px;
    background: #fff;
    border-radius: 13px;
    -webkit-border-radius: 13px;
    -moz-border-radius: 13px;
    border: 1px solid #ccc; }

div.vjs-loading-spinner .ball7 {
    opacity: 0.87;
    position: absolute;
    left: 0px;
    top: 20px;
    width: 13px;
    height: 13px;
    background: #fff;
    border-radius: 13px;
    -webkit-border-radius: 13px;
    -moz-border-radius: 13px;
    border: 1px solid #ccc; }

div.vjs-loading-spinner .ball8 {
    opacity: 1.00;
    position: absolute;
    left: 6px;
    top: 6px;
    width: 13px;
    height: 13px;
    background: #fff;
    border-radius: 13px;
    -webkit-border-radius: 13px;
    -moz-border-radius: 13px;
    border: 1px solid #ccc; }

/* Menu Buttons (Captions/Subtitles/etc.)
-------------------------------------------------------------------------------- */
.vjs-default-skin .vjs-menu-button {
    float: right;
    margin: 0.2em 0.5em 0 0;
    padding: 0;
    width: 3em;
    height: 2em;
    cursor: pointer !important;
    border: 1px solid #111;
    -moz-border-radius: 0.3em;
    -webkit-border-radius: 0.3em;
    border-radius: 0.3em;
    background: #4d4d4d;
    background: -moz-linear-gradient(top, #4d4d4d 0%, #3f3f3f 50%, #333333 50%, #252525 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4d4d4d), color-stop(50%, #3f3f3f), color-stop(50%, #333333), color-stop(100%, #252525));
    background: -webkit-linear-gradient(top, #4d4d4d 0%, #3f3f3f 50%, #333333 50%, #252525 100%);
    background: -o-linear-gradient(top, #4d4d4d 0%, #3f3f3f 50%, #333333 50%, #252525 100%);
    background: -ms-linear-gradient(top, #4d4d4d 0%, #3f3f3f 50%, #333333 50%, #252525 100%);
    background: linear-gradient(top, #4d4d4d 0%, #3f3f3f 50%, #333333 50%, #252525 100%); }

/* Button Icon */
.vjs-default-skin .vjs-menu-button div {
    background: url("../img/app-landing/video-js.png") 0px -75px no-repeat;
    width: 16px;
    height: 16px;
    margin: 0.2em auto 0;
    padding: 0; }

/* Button Pop-up Menu */
.vjs-default-skin .vjs-menu-button ul {
    display: none;
    /* Start hidden. Hover will show. */
    opacity: 0.8;
    padding: 0;
    margin: 0;
    position: absolute;
    width: 10em;
    bottom: 2em;
    max-height: 15em;
    left: -3.5em;
    /* Width of menu - width of button / 2 */
    background-color: #111;
    border: 2px solid #333;
    -moz-border-radius: 0.7em;
    -webkit-border-radius: 1em;
    border-radius: .5em;
    -webkit-box-shadow: 0 2px 4px 0 #000;
    -moz-box-shadow: 0 2px 4px 0 #000;
    box-shadow: 0 2px 4px 0 #000;
    overflow: auto; }

.vjs-default-skin .vjs-menu-button:focus ul,
.vjs-default-skin .vjs-menu-button:hover ul {
    display: block;
    list-style: none; }

.vjs-default-skin .vjs-menu-button ul li {
    list-style: none;
    margin: 0;
    padding: 0.3em 0 0.3em 20px;
    line-height: 1.4em;
    font-size: 1.2em;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-align: left; }

.vjs-default-skin .vjs-menu-button ul li.vjs-selected {
    text-decoration: underline;
    background: url("../img/app-landing/video-js.png") -125px -50px no-repeat; }

.vjs-default-skin .vjs-menu-button ul li:focus,
.vjs-default-skin .vjs-menu-button ul li:hover,
.vjs-default-skin .vjs-menu-button ul li.vjs-selected:focus,
.vjs-default-skin .vjs-menu-button ul li.vjs-selected:hover {
    background-color: #ccc;
    color: #111;
    outline: 0; }

.vjs-default-skin .vjs-menu-button ul li.vjs-menu-title {
    text-align: center;
    text-transform: uppercase;
    font-size: 1em;
    line-height: 2em;
    padding: 0;
    margin: 0 0 0.3em 0;
    color: #fff;
    font-weight: bold;
    cursor: default;
    background: #4d4d4d;
    background: -moz-linear-gradient(top, #4d4d4d 0%, #3f3f3f 50%, #333333 50%, #252525 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4d4d4d), color-stop(50%, #3f3f3f), color-stop(50%, #333333), color-stop(100%, #252525));
    background: -webkit-linear-gradient(top, #4d4d4d 0%, #3f3f3f 50%, #333333 50%, #252525 100%);
    background: -o-linear-gradient(top, #4d4d4d 0%, #3f3f3f 50%, #333333 50%, #252525 100%);
    background: -ms-linear-gradient(top, #4d4d4d 0%, #3f3f3f 50%, #333333 50%, #252525 100%);
    background: linear-gradient(top, #4d4d4d 0%, #3f3f3f 50%, #333333 50%, #252525 100%); }

/* Subtitles Button */
.vjs-default-skin .vjs-captions-button div {
    background-position: -25px -75px; }

.vjs-default-skin .vjs-chapters-button div {
    background-position: -100px -75px; }

.vjs-default-skin .vjs-chapters-button ul {
    width: 20em;
    left: -8.5em;
    /* Width of menu - width of button / 2 */ }

.slick-prev,
.slick-next {
    background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23a984b5%22%20viewBox%3D%220%200%2017.131%2032.305%22%3E%3Cpath%20d%3D%22M2%2032.305c-0.487%200-0.975-0.178-1.36-0.535%20-0.81-0.75-0.857-2.017-0.105-2.826l11.867-12.791L0.534%203.361C-0.217%202.551-0.17%201.286%200.64%200.534%201.449-0.218%202.715-0.17%203.466%200.64l13.13%2014.152c0.713%200.767%200.713%201.954%200%202.722l-13.13%2014.15C3.072%2032.089%202.537%2032.305%202%2032.305z%22%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-position: top center;
    margin-bottom: 0; }
[dir="rtl"] .slick-prev, [dir="rtl"]
  .slick-next {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg); }

.slick-prev {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    margin-top: -20px; }
[dir="rtl"] .slick-prev {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }

.slick-tablet .slick-next {
    right: -60px; }
[dir="rtl"] .slick-tablet .slick-next {
    left: -60px;
    right: auto; }
@media screen and (max-width: 641px) {
    .slick-tablet .slick-next {
        right: -30px; }
    [dir="rtl"] .slick-tablet .slick-next {
        left: -30px;
        right: auto; } }

.slick-tablet .slick-prev {
    left: -60px; }
[dir="rtl"] .slick-tablet .slick-prev {
    right: -60px;
    left: auto; }
@media screen and (max-width: 641px) {
    .slick-tablet .slick-prev {
        left: -30px; }
    [dir="rtl"] .slick-tablet .slick-prev {
        right: -30px;
        left: auto; } }

.slick-responsive-3 .column, .slick-responsive-4 .column {
    border-right: 1px solid #dddddd; }
.slick-responsive-3 .column:last-child, .slick-responsive-4 .column:last-child {
    border: none; }
@media screen and (max-width: 641px) {
    .slick-responsive-3 .column, .slick-responsive-4 .column {
        border: none; } }

.slick-responsive-3 .slick-next, .slick-responsive-4 .slick-next {
    right: 40px; }

.slick-responsive-3 .slick-prev, .slick-responsive-4 .slick-prev {
    left: 40px; }

.section-benefits .slick-next, .section-benefits .slick-prev {
    top: 33%; }

.section-testimonials .slick-next, .section-testimonials .slick-prev {
    top: 27%; }

.section-methodology .slick-next, .section-methodology .slick-prev {
    top: 23%; }

.section-methodology .slick-dots {
    bottom: -30px; }

/* OVERRIDES */
figure figcaption {
    position: relative; }

/* TYPO */
h2 {
    font-size: 2.125em;
    line-height: 1em; }

p {
    font-size: 1.063em;
    line-height: 1.563em;
    margin-bottom: 0; }

h2, figcaption, .learning-text span {
    font-family: 'Signika-Bold', sans-serif; }

/* END OVERRIDES */
/* TYPO */
h2, figcaption, .app-not-available a, .learning-text span {
    text-transform: uppercase; }

.hero {
    font-size: 1.563em;
    line-height: 1.280em; }

.section-benefits figcaption, .section-testimonials figcaption, .slick-tablet-caption {
    font-size: 1.25rem;
    line-height: 1.875rem; }

.section-benefits figcaption, .section-methodology figcaption, .section-testimonials figcaption {
    margin-top: 2.1875rem; }

.semi, .section-methodology figcaption {
    font-family: 'Signika-Semibold', sans-serif; }

.app-landing {
    text-align: center; }
.app-landing h2 {
    margin-bottom: 0; }
.app-landing h2:after {
    content: "";
    display: block;
    height: 9px;
    width: 85px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0.5625rem; }
.app-landing h2.s-mrg:after {
    margin-bottom: 3.125rem; }
.app-landing h2.m-mrg:after {
    margin-bottom: 4.6875rem; }
.app-landing h2.l-mrg:after {
    margin-bottom: 7.5rem; }

.app-landing .parallax .scene-wrap {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0; }

.app-landing .parallax ul {
    position: relative;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    overflow: hidden; }
.app-landing .parallax ul .layer {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%; }

.app-landing .scene-1 {
    position: relative;
    background-color: #98cfdb;
    height: 540px;
    max-height: 640px;
    min-height: 310px; }
@media screen and (max-width: 801px) {
    .app-landing .scene-1 {
        margin-top: 70px; } }
.app-landing .scene-1 #init-scene-1 .cloud-front {
    width: 300%;
    height: 370px;
    background-image: url("../img/app-landing/0_scene-1_cloud-front.png");
    background-size: auto 100%;
    background-repeat: repeat-x;
    background-position: bottom center;
    position: absolute;
    left: -100%;
    bottom: -205px; }
.app-landing .scene-1 #init-scene-1 .plane {
    width: 77px;
    height: 76px;
    background-image: url("../img/app-landing/0_scene-1_plane.png");
    position: absolute;
    left: 50%;
    transform: translateX(220%);
    bottom: 170px; }
.app-landing .scene-1 #init-scene-1 .world {
    width: 625px;
    width: 100%;
    height: 515px;
    background-image: url("../img/app-landing/0_scene-1_world.png");
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    bottom: 0px;
    /*@media screen and (max-width: 840px) {
        width:265px;
        height:265px;
        bottom:40px;
      }*/ }
.app-landing .scene-1 #init-scene-1 .sun {
    position: absolute;
    height: 104px;
    width: 102px;
    left: 50%;
    top: 20%;
    margin-left: -50px;
    transform: translate(300%, 70%); }
.app-landing .scene-1 #init-scene-1 .cloud-back {
    width: 300%;
    height: 320px;
    background-image: url("../img/app-landing/0_scene-1_cloud-back.png");
    background-size: auto 100%;
    background-repeat: repeat-x;
    background-position: bottom center;
    position: absolute;
    left: -100%;
    bottom: -100px; }

.app-landing .scene-2 {
    position: relative;
    background-color: #433a7a;
    height: 200px; }
.app-landing .scene-2 #init-scene-2 .wave-front {
    width: 300%;
    height: 250px;
    background-image: url("../img/app-landing/2-3_trenner-front-v2.png");
    background-size: auto 100%;
    background-repeat: repeat-x;
    background-position: bottom center;
    position: absolute;
    left: -92%;
    top: -131px; }
.app-landing .scene-2 #init-scene-2 .wave-back {
    width: 300%;
    height: 250px;
    background-image: url("../img/app-landing/2-3_trenner-back-v2.svg");
    background-size: auto 100%;
    background-repeat: repeat-x;
    background-position: bottom center;
    position: absolute;
    left: -100%;
    top: -100px; }

.app-landing .scene-3 {
    position: relative;
    max-height: 450px;
    min-height: 450px;
    padding: 10% 0;
    background: #9dd1dd;
    /* Old browsers */
    background: -moz-linear-gradient(top, #9dd1dd 0%, #ecf6f8 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #9dd1dd 0%, #ecf6f8 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #9dd1dd 0%, #ecf6f8 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9dd1dd', endColorstr='#ecf6f8',GradientType=0 );
    /* IE6-9 */ }
.app-landing .scene-3 #init-scene-3 .cloud-front-top {
    width: 300%;
    height: 150px;
    background-image: url("../img/app-landing/7_scene-3_cloud-front-top2.svg");
    background-size: auto 100%;
    background-repeat: repeat-x;
    background-position: center bottom;
    position: absolute;
    left: -100%;
    top: -52px; }
.app-landing .scene-3 #init-scene-3 .cloud-back-top {
    width: 300%;
    height: 270px;
    background-image: url("../img/app-landing/7_scene-3_cloud-back-top.svg");
    background-size: auto 100%;
    background-repeat: repeat-x;
    background-position: top center;
    position: absolute;
    left: -104%;
    top: -90px; }
.app-landing .scene-3 #init-scene-3 .green {
    display: block;
    position: absolute;
    bottom: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top; }
@media screen and (max-width: 780px) {
    .app-landing .scene-3 #init-scene-3 .green {
        display: none; } }
.app-landing .scene-3 #init-scene-3 .green--left {
    bottom: -30px;
    left: -2%;
    width: 40%;
    height: 180px;
    background-image: url("../img/app-landing/7_scene-3_green-left2.svg"); }
@media screen and (max-width: 1000px) {
    .app-landing .scene-3 #init-scene-3 .green--left {
        left: -6%;
        height: 170px; } }
.app-landing .scene-3 #init-scene-3 .green--right {
    bottom: -50px;
    right: -4%;
    width: 40%;
    height: 200px;
    background-image: url("../img/app-landing/7_scene-3_green-right.svg"); }
@media screen and (max-width: 1000px) {
    .app-landing .scene-3 #init-scene-3 .green--right {
        right: -13%;
        height: 190px; } }
.app-landing .scene-3 #init-scene-3 .bus {
    width: 835px;
    height: 313px;
    position: absolute;
    left: 50%;
    bottom: -38px;
    margin: 0;
    background-image: url("../img/app-landing/7-scene-3_busisle.png");
    background-size: 835px auto;
    transform: translateX(-50%); }
.app-landing .scene-3 #init-scene-3 .sun {
    width: 50px;
    height: 50px;
    position: absolute;
    left: 57%;
    top: 28%;
    background-image: url("../img/app-landing/7_scene-3_sun.png");
    background-size: 50px; }
.app-landing .scene-3 #init-scene-3 .cloud-front-bot {
    width: 300%;
    height: 190px;
    background-image: url("../img/app-landing/7_scene-3_cloud-front-bot2.svg");
    background-size: auto 100%;
    background-repeat: repeat-x;
    background-position: center top;
    position: absolute;
    left: -100%;
    bottom: -96px; }
.app-landing .scene-3 #init-scene-3 .cloud-back-bot {
    width: 300%;
    height: 150px;
    background-image: url("../img/app-landing/7_scene-3_cloud-back-bot.svg");
    background-size: auto 100%;
    background-repeat: repeat-x;
    background-position: top center;
    position: absolute;
    left: -100%;
    bottom: 0px; }

section {
    position: relative; }

.badges {
    width: 339px;
    font-size: 0; }
.badges a {
    display: inline-block;
    height: 45px; }
.badges a:first-child {
    margin-right: 35px; }
.badges a img {
    height: 100%;
    width: auto; }

.scene-1 .badges {
    width: 100%;
    position: absolute;
    bottom: 124px; }

/*DIRTY LANG SWITCH BUTTONS*/
.app-not-available {
    margin-bottom: 3.25rem; }
.app-not-available .row:first-child {
    margin-bottom: 1.25rem; }

.app-not-available a {
    height: 36px;
    width: 36px;
    display: inline-block;
    background-color: #373737;
    border-radius: 18px;
    line-height: 37px;
    text-transform: uppercase;
    font-size: small;
    color: #fff;
    box-shadow: 0px 0px 0px 0px rgba(55, 55, 55, 0.2);
    margin-right: 1rem;
    transition: box-shadow 650ms cubic-bezier(0.19, 1, 0.22, 1);
    transform: translateZ(0); }
.app-not-available a:last-child {
    margin-right: 0; }
.app-not-available a:hover {
    box-shadow: 0px 0px 0px 16px rgba(55, 55, 55, 0.2); }
[dir="rtl"] .app-not-available a {
    margin-left: 1rem;
    margin-right: 0; }

.section-features {
    padding-top: 1.25rem; }
.section-features .hero {
    display: block;
    margin-bottom: 75px; }
.section-features .slick-tablet {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto 0;
    padding-top: 3.6%;
    padding-bottom: 3.6%;
    padding-left: 12.32%;
    padding-right: 12.32%; }
.section-features .slick-tablet div {
    overflow: hidden;
    height: 100%;
    background-color: #000; }
.section-features .slick-tablet .slick-dots {
    transform: translateX(-12.32%);
    bottom: -49px !important; }
[dir="rtl"] .section-features .slick-tablet .slick-dots {
    transform: translateX(12.32%); }
.section-features .slick-tablet-caption {
    padding-top: 4.375rem; }
.section-features .slick-tablet-caption span {
    display: block;
    color: #645ba3;
    padding-left: 2%;
    padding-right: 2%; }

.section-features h2:after, .section-step h2:after, .section-benefits h2:after, .section-testimonials h2:after {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20id%3D%22Ebene_1%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%20367.5%20613.4%2061.9%22%20enable-background%3D%22new%200%20367.5%20613.4%2061.9%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20fill%3D%22%23a984b5%22%20d%3D%22M525%20429.4c-23.7%200-36.1-11.7-46.1-21%20-8.6-8.3-14.4-13.4-27.2-13.4s-18.6%205.5-27.2%2013.4c-10%209.3-22.3%2021-46.1%2021s-36.1-11.7-46.1-21c-8.6-8.3-14.4-13.4-27.2-13.4%20-12.7%200-18.6%205.5-27.2%2013.4%20-10%209.3-22.3%2021-46.1%2021s-36.1-11.7-46.1-21c-8.6-8.3-14.4-13.4-27.2-13.4%20-12.7%200-18.6%205.5-27.2%2013.4%20-10%209.3-22.3%2021-46.1%2021s-36.1-11.7-46.1-21c-7.2-7.9-13.1-13.4-25.8-13.4C6.2%20395%200%20388.8%200%20381.2s6.2-13.8%2013.8-13.8c23.7%200%2036.1%2011.7%2046.1%2021%208.6%208.3%2014.4%2013.4%2027.2%2013.4s18.6-5.5%2027.2-13.4c10-9.3%2022.3-21%2046.1-21s36.1%2011.7%2046.1%2021c8.6%208.3%2014.4%2013.4%2027.2%2013.4s18.6-5.5%2027.2-13.4c10-9.3%2022.3-21%2046.1-21s36.1%2011.7%2046.1%2021c8.6%208.3%2014.4%2013.4%2027.2%2013.4s18.6-5.5%2027.2-13.4c10-9.3%2022.3-21%2046.1-21s36.1%2011.7%2046.1%2021c8.6%208.3%2014.4%2013.4%2027.2%2013.4%2012.7%200%2018.6-5.5%2027.2-13.4%2010-9.3%2022.3-21%2046.1-21%207.6%200%2013.8%206.2%2013.8%2013.8s-6.2%2013.8-13.8%2013.8c-12.7%200-18.6%205.5-27.2%2013.4C561.1%20418%20548.7%20429.4%20525%20429.4z%22%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-size: cover; }

.section-step h2, .section-meet h2 {
    color: #fff; }

.section-divide {
    position: relative; }

figure img {
    margin: 0 auto; }

.section-step {
    background-color: #433a7a;
    padding: 1.125rem 0 4.6875rem 0; }
.section-step .column {
    margin: 0.625rem 0; }
.section-step picture img {
    border-radius: 8px 8px 0 0;
    width: 100%; }
.section-step .learning-text {
    background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20216.74%20216.74%22%3E%3Cpath%20fill%3D%22%23433a7a%22%20%20d%3D%22M108.37%2020A88.37%2088.37%200%201%201%2020%20108.37%2088.47%2088.47%200%200%201%20108.37%2020m0-20A108.37%20108.37%200%201%200%20216.74%20108.37%20108.37%20108.37%200%200%200%20108.37%200h0ZM80.11%20158.62V58.11a8%208%200%200%201%2013-6.19l66%2050.26a8%208%200%200%201%200%2012.38l-66%2050.26A8%208%200%200%201%2080.11%20158.62Z%22%2F%3E%3C%2Fsvg%3E") #fff;
    background-repeat: no-repeat;
    background-size: 21px 21px;
    background-position: 20px center;
    padding: 1.5rem 0.3125rem 1.375rem 3.125rem;
    text-align: left;
    font-size: 1.125rem;
    font-size: 1.8vw;
    border-radius: 0 0 8px 8px; }
@media screen and (min-width: 1000px) {
    .section-step .learning-text {
        font-size: 1.125rem; } }
@media screen and (max-width: 641px) {
    .section-step .learning-text {
        font-size: 0.8rem; } }
@media screen and (max-width: 480px) {
    .section-step .learning-text {
        font-size: 1.125rem; } }

.step--benefits {
    background: url("../img/app-landing/3-4_trenner_02.svg");
    background-size: cover;
    background-position: center -1px;
    background-repeat: no-repeat;
    padding: 4% 0; }
.step--benefits svg {
    position: absolute;
    top: 0;
    left: 0; }

.section-benefits {
    padding-top: 3rem; }
.section-benefits .slick {
    margin-bottom: 5rem; }
.section-benefits .slick .slick-slide {
    padding-top: 1.5625rem;
    padding-bottom: remcalc(10px); }
.section-benefits picture {
    display: block; }
.section-benefits figure svg, .section-benefits figure img {
    width: 144px;
    margin: 0 auto; }
.section-benefits .animated__item {
    position: absolute;
    top: 33px;
    left: 50%;
    margin-left: -26px;
    width: 52px;
    height: 70px;
    background-repeat: no-repeat; }
.section-benefits .animated__item-1 {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2244px%22%20height%3D%2246px%22%20viewBox%3D%220%200%2044%2046%22%20enable-background%3D%22new%200%200%2044%2046%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20fill%3D%22%23FFFFFF%22%20points%3D%2227.1%2024.2%2027.1%200%2016.9%200%2016.9%2024.2%200%2024.2%2022%2046%2044%2024.2%20%22%2F%3E%3C%2Fsvg%3E");
    background-size: 25px;
    background-position: center 17px;
    animation: animation cubic-bezier(0.175, 0.885, 0.32, 1.275) infinite both;
    -webkit-animation: animation cubic-bezier(0.175, 0.885, 0.32, 1.275) infinite both;
    -ms-animation: animation cubic-bezier(0.175, 0.885, 0.32, 1.275) infinite both; }
.section-benefits .animated__item-2 {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2242px%22%20height%3D%2242px%22%20viewBox%3D%220%200%2042%2042%22%20enable-background%3D%22new%200%200%2042%2042%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M35.9%206.1C31.7%202%2026.4%200%2021%200S10.3%202.1%206.1%206.1C-2%2014.3-2%2027.7%206.1%2035.9%2010.3%2040%2015.6%2042%2021%2042c5.4%200%2010.7-2.1%2014.9-6.1C44%2027.7%2044%2014.4%2035.9%206.1zM10.3%2010.3C13.2%207.5%2017%205.9%2021%205.9c3%200%205.9%200.9%208.4%202.6l-21%2021C6.8%2027%205.9%2024.1%205.9%2021%205.9%2017%207.5%2013.2%2010.3%2010.3zM31.7%2031.7c-2.8%202.9-6.7%204.4-10.7%204.4%20-3.1%200-6-0.9-8.4-2.6l21-21C37.5%2018.5%2036.9%2026.5%2031.7%2031.7z%22%2F%3E%3C%2Fsvg%3E");
    background-position: center;
    animation: animation2 cubic-bezier(0.175, 0.885, 0.32, 1.275) infinite both;
    -webkit-animation: animation2 cubic-bezier(0.175, 0.885, 0.32, 1.275) infinite both;
    -ms-animation: animation2 cubic-bezier(0.175, 0.885, 0.32, 1.275) infinite both; }
.section-benefits .animated__item-3 {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20id%3D%22Ebene_1%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2231px%22%20height%3D%2256px%22%20viewBox%3D%220%200%2031%2056%22%20enable-background%3D%22new%200%200%2031%2056%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M5.7%2027.8l5.8-5.8c-2.1-0.9-3.4-2.1-3.4-4.1%200-3.1%202.7-5%206.7-5%201.5%200%203.3%200.2%205%200.6L25.5%208c-2.3-0.8-5.1-1.4-7.7-1.6V0.3C16.9%200.1%2015.5%200%2014.5%200c-0.8%200-2.3%200.1-3.2%200.3v6.2C4.3%207.7%200%2012.4%200%2018.5%200%2022.6%202.1%2025.6%205.7%2027.8z%22%2F%3E%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M24.7%2027.3l-5.8%205.8c2.4%201.3%203.8%203.1%203.8%205.3%200%203.3-3.3%205.1-7.4%205.1%20-2.1%200-4.1-0.3-5.9-0.9L3.9%2048c2.1%200.8%204.5%201.4%207.2%201.8v6c0.9%200.1%202.4%200.2%203.2%200.2%200.9%200%202.4-0.1%203.3-0.2V50C25.8%2049.3%2031%2044.5%2031%2037.6%2031%2033%2028.4%2029.6%2024.7%2027.3z%22%2F%3E%3C%2Fsvg%3E");
    background-position: center;
    -webkit-animation: animation3 linear infinite both;
    animation: animation3 linear infinite both; }
.section-benefits .animated:hover .animated__item {
    animation-duration: 1.2s; }

@keyframes animation {
    0% {
        transform: translateY(0);
        -webkit-transform: translateY(0); }
    50% {
        transform: translateY(-10%);
        -webkit-transform: translateY(-10%); }
    100% {
        transform: translateY(0);
        -webkit-transform: translateY(0); } }

@keyframes animation2 {
    from {
        transform: rotate(0deg); }
    to {
        transform: rotate(360deg); } }

@keyframes animation3 {
    0% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    4% {
        -webkit-transform: matrix3d(1.077, 0, 0, 0, 0, 1.077, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.077, 0, 0, 0, 0, 1.077, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    8.01% {
        -webkit-transform: matrix3d(1.094, 0, 0, 0, 0, 1.094, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.094, 0, 0, 0, 0, 1.094, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    31.03% {
        -webkit-transform: matrix3d(1.019, 0, 0, 0, 0, 1.019, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.019, 0, 0, 0, 0, 1.019, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    54.05% {
        -webkit-transform: matrix3d(1.001, 0, 0, 0, 0, 1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.001, 0, 0, 0, 0, 1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    100% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } }

.benefits--meet {
    height: 110px;
    background: url("../img/app-landing/4-5_trenner-2.png") #b18bbe;
    background-position: bottom center; }

.section-meet {
    background: url("../img/app-landing/5_container-bg.jpg") #b38dc1;
    background-size: cover;
    background-position: bottom center;
    padding: 0 0 6rem 0; }
.section-meet h2:after {
    background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20id%3D%22Ebene_1%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%20367.5%20613.4%2061.9%22%20enable-background%3D%22new%200%20367.5%20613.4%2061.9%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20fill%3D%22%23514796%22%20d%3D%22M525%20429.4c-23.7%200-36.1-11.7-46.1-21%20-8.6-8.3-14.4-13.4-27.2-13.4s-18.6%205.5-27.2%2013.4c-10%209.3-22.3%2021-46.1%2021s-36.1-11.7-46.1-21c-8.6-8.3-14.4-13.4-27.2-13.4%20-12.7%200-18.6%205.5-27.2%2013.4%20-10%209.3-22.3%2021-46.1%2021s-36.1-11.7-46.1-21c-8.6-8.3-14.4-13.4-27.2-13.4%20-12.7%200-18.6%205.5-27.2%2013.4%20-10%209.3-22.3%2021-46.1%2021s-36.1-11.7-46.1-21c-7.2-7.9-13.1-13.4-25.8-13.4C6.2%20395%200%20388.8%200%20381.2s6.2-13.8%2013.8-13.8c23.7%200%2036.1%2011.7%2046.1%2021%208.6%208.3%2014.4%2013.4%2027.2%2013.4s18.6-5.5%2027.2-13.4c10-9.3%2022.3-21%2046.1-21s36.1%2011.7%2046.1%2021c8.6%208.3%2014.4%2013.4%2027.2%2013.4s18.6-5.5%2027.2-13.4c10-9.3%2022.3-21%2046.1-21s36.1%2011.7%2046.1%2021c8.6%208.3%2014.4%2013.4%2027.2%2013.4s18.6-5.5%2027.2-13.4c10-9.3%2022.3-21%2046.1-21s36.1%2011.7%2046.1%2021c8.6%208.3%2014.4%2013.4%2027.2%2013.4%2012.7%200%2018.6-5.5%2027.2-13.4%2010-9.3%2022.3-21%2046.1-21%207.6%200%2013.8%206.2%2013.8%2013.8s-6.2%2013.8-13.8%2013.8c-12.7%200-18.6%205.5-27.2%2013.4C561.1%20418%20548.7%20429.4%20525%20429.4z%22%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-size: cover; }
.section-meet .vid-overlay {
    height: auto;
    position: absolute;
    width: 28%;
    bottom: 0;
    transform: translateY(12%); }
.section-meet .overlay-1 {
    left: -8%; }
.section-meet .overlay-2 {
    right: -6%; }

.section-testimonials {
    padding: 4.5rem 0 2rem 0; }
.section-testimonials .column {
    padding: 2.5rem 0.625rem 2.1875rem 0.625rem; }
.section-testimonials p {
    padding: 1.25rem 0.625rem 0 0.625rem; }

.section-methodology {
    padding: 3rem 0 2rem 0; }
.section-methodology h2:after {
    background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20id%3D%22Ebene_1%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%20367.5%20613.4%2061.9%22%20enable-background%3D%22new%200%20367.5%20613.4%2061.9%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20fill%3D%22%23c81242%22%20d%3D%22M525%20429.4c-23.7%200-36.1-11.7-46.1-21%20-8.6-8.3-14.4-13.4-27.2-13.4s-18.6%205.5-27.2%2013.4c-10%209.3-22.3%2021-46.1%2021s-36.1-11.7-46.1-21c-8.6-8.3-14.4-13.4-27.2-13.4%20-12.7%200-18.6%205.5-27.2%2013.4%20-10%209.3-22.3%2021-46.1%2021s-36.1-11.7-46.1-21c-8.6-8.3-14.4-13.4-27.2-13.4%20-12.7%200-18.6%205.5-27.2%2013.4%20-10%209.3-22.3%2021-46.1%2021s-36.1-11.7-46.1-21c-7.2-7.9-13.1-13.4-25.8-13.4C6.2%20395%200%20388.8%200%20381.2s6.2-13.8%2013.8-13.8c23.7%200%2036.1%2011.7%2046.1%2021%208.6%208.3%2014.4%2013.4%2027.2%2013.4s18.6-5.5%2027.2-13.4c10-9.3%2022.3-21%2046.1-21s36.1%2011.7%2046.1%2021c8.6%208.3%2014.4%2013.4%2027.2%2013.4s18.6-5.5%2027.2-13.4c10-9.3%2022.3-21%2046.1-21s36.1%2011.7%2046.1%2021c8.6%208.3%2014.4%2013.4%2027.2%2013.4s18.6-5.5%2027.2-13.4c10-9.3%2022.3-21%2046.1-21s36.1%2011.7%2046.1%2021c8.6%208.3%2014.4%2013.4%2027.2%2013.4%2012.7%200%2018.6-5.5%2027.2-13.4%2010-9.3%2022.3-21%2046.1-21%207.6%200%2013.8%206.2%2013.8%2013.8s-6.2%2013.8-13.8%2013.8c-12.7%200-18.6%205.5-27.2%2013.4C561.1%20418%20548.7%20429.4%20525%20429.4z%22%2F%3E%3C%2Fsvg%3E"); }
.section-methodology .slick {
    margin: 4rem auto 2rem auto; }
.section-methodology .slick .column {
    padding: 0.875rem 0.625rem 0.3125rem 0.625rem; }
.section-methodology .slick .column P {
    padding: 0 0.3125rem; }
.section-methodology figure {
    margin-bottom: 1.25rem; }
.section-methodology figure img {
    height: 95px;
    width: auto; }
.section-methodology figure figcaption {
    font-size: 1.0625rem;
    line-height: 1.5; }

.section-getapp {
    padding-top: 4rem; }
.section-getapp .hero {
    display: block;
    margin: 0.9375rem 0 3.125rem 0; }
.section-getapp .section-divide {
    margin-top: 2rem;
    padding-top: 12.2%; }
.section-getapp .section-divide svg {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0; }
.section-getapp .getapp-links {
    background: #98c560;
    padding: 1.5625rem 0 3.4375rem 0;
    margin-top: -1px;
    /* div {
      width:294px;
      height:40px;
      margin:35px auto 0 auto;
      display: flex;
      flex-wrap: wrap;
      justify-content: flex-start;
    }
    div a {
      display:block;
      height:40px;
      &:first-child {
        margin-right: rem-calc(20);
      }
    }
    .apple-badge {
      background: url("../img/app-landing/10_ios-badge.png");
      width:137px;
    }
    .google-badge {
      background: url("../img/app-landing/10_google-badge.png");
      width:132px;
    }*/ }
.section-getapp .getapp-links .badges {
    margin: 0 auto; }

.app-footer-social {
    width: 100%;
    display: flex;
    justify-content: center;
    padding: 3rem 0 0 0; }
.app-footer-social a {
    display: block;
    width: 50px;
    height: 50px;
    margin: 10px; }

svg {
    display: block; }

.vid-wrap {
    border: 30px solid #c2a201;
    border-image: linear-gradient(to bottom, #c2a202 0%, #e5ca30 100%);
    border-image-slice: 1;
    box-shadow: 3px 3px 7px 6px rgba(0, 0, 0, 0.2);
    padding-bottom: 45.3%; }

/*
@media only screen and (min-width: 30.0625em) {
  .vid-wrap {
    border: 30px solid #c2a201;
    box-shadow: 4px 4px 8px 7px rgba(0, 0, 0, 0.2);
    padding-bottom: 46.4%; } }
@media only screen and (min-width: 40.063em) {
  .vid-wrap {
    border: 35px solid #c2a201;
    box-shadow: 5px 5px 9px 8px rgba(0, 0, 0, 0.2);
    padding-bottom: 49.4%; } }
.vid-wrap iframe {
  border: 6px outset #f4cb0c; }
@media only screen and (min-width: 30.0625em) {
   .vid-wrap iframe {
    border: 9px outset #f4cb0c; } }
@media large-up {
   .vid-wrap iframe {
    border: 12px outset #f4cb0c; } }

*/