@charset "UTF-8";

/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2016 Daniel Eden
 */

.animated {

    -webkit-animation-duration: 1s;

    animation-duration: 1s;

    -webkit-animation-fill-mode: both;

    animation-fill-mode: both;
}

.animated.infinite {

    -webkit-animation-iteration-count: infinite;

    animation-iteration-count: infinite;
}

.animated.hinge {

    -webkit-animation-duration: 2s;

    animation-duration: 2s;
}

.animated.flipOutX, .animated.flipOutY, .animated.bounceIn, .animated.bounceOut {

    -webkit-animation-duration: .75s;

    animation-duration: .75s;
}

@-webkit-keyframes bounce {

    from, 20%, 53%, 80%, to {

        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);

        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);

        -webkit-transform: translate3d(0,0,0);

        transform: translate3d(0,0,0);
    }

    40%, 43% {

        -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);

        animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);

        -webkit-transform: translate3d(0, -30px, 0);

        transform: translate3d(0, -30px, 0);
    }

    70% {

        -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);

        animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);

        -webkit-transform: translate3d(0, -15px, 0);

        transform: translate3d(0, -15px, 0);
    }

    90% {

        -webkit-transform: translate3d(0,-4px,0);

        transform: translate3d(0,-4px,0);
    }
}

@keyframes bounce {

    from, 20%, 53%, 80%, to {

        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);

        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);

        -webkit-transform: translate3d(0,0,0);

        transform: translate3d(0,0,0);
    }

    40%, 43% {

        -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);

        animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);

        -webkit-transform: translate3d(0, -30px, 0);

        transform: translate3d(0, -30px, 0);
    }

    70% {

        -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);

        animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);

        -webkit-transform: translate3d(0, -15px, 0);

        transform: translate3d(0, -15px, 0);
    }

    90% {

        -webkit-transform: translate3d(0,-4px,0);

        transform: translate3d(0,-4px,0);
    }
}

.bounce {

    -webkit-animation-name: bounce;

    animation-name: bounce;

    -webkit-transform-origin: center bottom;

    transform-origin: center bottom;
}

@-webkit-keyframes flash {

    from, 50%, to {

        opacity: 1;
    }

    25%, 75% {

        opacity: 0;
    }
}

@keyframes flash {

    from, 50%, to {

        opacity: 1;
    }

    25%, 75% {

        opacity: 0;
    }
}

.flash {

    -webkit-animation-name: flash;

    animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {

    from {

        -webkit-transform: scale3d(1, 1, 1);

        transform: scale3d(1, 1, 1);
    }

    50% {

        -webkit-transform: scale3d(1.05, 1.05, 1.05);

        transform: scale3d(1.05, 1.05, 1.05);
    }

    to {

        -webkit-transform: scale3d(1, 1, 1);

        transform: scale3d(1, 1, 1);
    }
}

@keyframes pulse {

    from {

        -webkit-transform: scale3d(1, 1, 1);

        transform: scale3d(1, 1, 1);
    }

    50% {

        -webkit-transform: scale3d(1.05, 1.05, 1.05);

        transform: scale3d(1.05, 1.05, 1.05);
    }

    to {

        -webkit-transform: scale3d(1, 1, 1);

        transform: scale3d(1, 1, 1);
    }
}

.pulse {

    -webkit-animation-name: pulse;

    animation-name: pulse;
}

@-webkit-keyframes rubberBand {

    from {

        -webkit-transform: scale3d(1, 1, 1);

        transform: scale3d(1, 1, 1);
    }

    30% {

        -webkit-transform: scale3d(1.25, 0.75, 1);

        transform: scale3d(1.25, 0.75, 1);
    }

    40% {

        -webkit-transform: scale3d(0.75, 1.25, 1);

        transform: scale3d(0.75, 1.25, 1);
    }

    50% {

        -webkit-transform: scale3d(1.15, 0.85, 1);

        transform: scale3d(1.15, 0.85, 1);
    }

    65% {

        -webkit-transform: scale3d(.95, 1.05, 1);

        transform: scale3d(.95, 1.05, 1);
    }

    75% {

        -webkit-transform: scale3d(1.05, .95, 1);

        transform: scale3d(1.05, .95, 1);
    }

    to {

        -webkit-transform: scale3d(1, 1, 1);

        transform: scale3d(1, 1, 1);
    }
}

@keyframes rubberBand {

    from {

        -webkit-transform: scale3d(1, 1, 1);

        transform: scale3d(1, 1, 1);
    }

    30% {

        -webkit-transform: scale3d(1.25, 0.75, 1);

        transform: scale3d(1.25, 0.75, 1);
    }

    40% {

        -webkit-transform: scale3d(0.75, 1.25, 1);

        transform: scale3d(0.75, 1.25, 1);
    }

    50% {

        -webkit-transform: scale3d(1.15, 0.85, 1);

        transform: scale3d(1.15, 0.85, 1);
    }

    65% {

        -webkit-transform: scale3d(.95, 1.05, 1);

        transform: scale3d(.95, 1.05, 1);
    }

    75% {

        -webkit-transform: scale3d(1.05, .95, 1);

        transform: scale3d(1.05, .95, 1);
    }

    to {

        -webkit-transform: scale3d(1, 1, 1);

        transform: scale3d(1, 1, 1);
    }
}

.rubberBand {

    -webkit-animation-name: rubberBand;

    animation-name: rubberBand;
}

@-webkit-keyframes shake {

    from, to {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);
    }

    10%, 30%, 50%, 70%, 90% {

        -webkit-transform: translate3d(-10px, 0, 0);

        transform: translate3d(-10px, 0, 0);
    }

    20%, 40%, 60%, 80% {

        -webkit-transform: translate3d(10px, 0, 0);

        transform: translate3d(10px, 0, 0);
    }
}

@keyframes shake {

    from, to {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);
    }

    10%, 30%, 50%, 70%, 90% {

        -webkit-transform: translate3d(-10px, 0, 0);

        transform: translate3d(-10px, 0, 0);
    }

    20%, 40%, 60%, 80% {

        -webkit-transform: translate3d(10px, 0, 0);

        transform: translate3d(10px, 0, 0);
    }
}

.shake {

    -webkit-animation-name: shake;

    animation-name: shake;
}

@-webkit-keyframes headShake {

    0% {

        -webkit-transform: translateX(0);

        transform: translateX(0);
    }

    6.5% {

        -webkit-transform: translateX(-6px) rotateY(-9deg);

        transform: translateX(-6px) rotateY(-9deg);
    }

    18.5% {

        -webkit-transform: translateX(5px) rotateY(7deg);

        transform: translateX(5px) rotateY(7deg);
    }

    31.5% {

        -webkit-transform: translateX(-3px) rotateY(-5deg);

        transform: translateX(-3px) rotateY(-5deg);
    }

    43.5% {

        -webkit-transform: translateX(2px) rotateY(3deg);

        transform: translateX(2px) rotateY(3deg);
    }

    50% {

        -webkit-transform: translateX(0);

        transform: translateX(0);
    }
}

@keyframes headShake {

    0% {

        -webkit-transform: translateX(0);

        transform: translateX(0);
    }

    6.5% {

        -webkit-transform: translateX(-6px) rotateY(-9deg);

        transform: translateX(-6px) rotateY(-9deg);
    }

    18.5% {

        -webkit-transform: translateX(5px) rotateY(7deg);

        transform: translateX(5px) rotateY(7deg);
    }

    31.5% {

        -webkit-transform: translateX(-3px) rotateY(-5deg);

        transform: translateX(-3px) rotateY(-5deg);
    }

    43.5% {

        -webkit-transform: translateX(2px) rotateY(3deg);

        transform: translateX(2px) rotateY(3deg);
    }

    50% {

        -webkit-transform: translateX(0);

        transform: translateX(0);
    }
}

.headShake {

    -webkit-animation-timing-function: ease-in-out;

    animation-timing-function: ease-in-out;

    -webkit-animation-name: headShake;

    animation-name: headShake;
}

@-webkit-keyframes swing {

    20% {

        -webkit-transform: rotate3d(0, 0, 1, 15deg);

        transform: rotate3d(0, 0, 1, 15deg);
    }

    40% {

        -webkit-transform: rotate3d(0, 0, 1, -10deg);

        transform: rotate3d(0, 0, 1, -10deg);
    }

    60% {

        -webkit-transform: rotate3d(0, 0, 1, 5deg);

        transform: rotate3d(0, 0, 1, 5deg);
    }

    80% {

        -webkit-transform: rotate3d(0, 0, 1, -5deg);

        transform: rotate3d(0, 0, 1, -5deg);
    }

    to {

        -webkit-transform: rotate3d(0, 0, 1, 0deg);

        transform: rotate3d(0, 0, 1, 0deg);
    }
}

@keyframes swing {

    20% {

        -webkit-transform: rotate3d(0, 0, 1, 15deg);

        transform: rotate3d(0, 0, 1, 15deg);
    }

    40% {

        -webkit-transform: rotate3d(0, 0, 1, -10deg);

        transform: rotate3d(0, 0, 1, -10deg);
    }

    60% {

        -webkit-transform: rotate3d(0, 0, 1, 5deg);

        transform: rotate3d(0, 0, 1, 5deg);
    }

    80% {

        -webkit-transform: rotate3d(0, 0, 1, -5deg);

        transform: rotate3d(0, 0, 1, -5deg);
    }

    to {

        -webkit-transform: rotate3d(0, 0, 1, 0deg);

        transform: rotate3d(0, 0, 1, 0deg);
    }
}

.swing {

    -webkit-transform-origin: top center;

    transform-origin: top center;

    -webkit-animation-name: swing;

    animation-name: swing;
}

@-webkit-keyframes tada {

    from {

        -webkit-transform: scale3d(1, 1, 1);

        transform: scale3d(1, 1, 1);
    }

    10%, 20% {

        -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);

        transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    }

    30%, 50%, 70%, 90% {

        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);

        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }

    40%, 60%, 80% {

        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);

        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }

    to {

        -webkit-transform: scale3d(1, 1, 1);

        transform: scale3d(1, 1, 1);
    }
}

@keyframes tada {

    from {

        -webkit-transform: scale3d(1, 1, 1);

        transform: scale3d(1, 1, 1);
    }

    10%, 20% {

        -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);

        transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    }

    30%, 50%, 70%, 90% {

        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);

        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }

    40%, 60%, 80% {

        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);

        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }

    to {

        -webkit-transform: scale3d(1, 1, 1);

        transform: scale3d(1, 1, 1);
    }
}

.tada {

    -webkit-animation-name: tada;

    animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {

    from {

        -webkit-transform: none;

        transform: none;
    }

    15% {

        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);

        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    }

    30% {

        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);

        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    }

    45% {

        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);

        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    }

    60% {

        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);

        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    }

    75% {

        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);

        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    }

    to {

        -webkit-transform: none;

        transform: none;
    }
}

@keyframes wobble {

    from {

        -webkit-transform: none;

        transform: none;
    }

    15% {

        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);

        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    }

    30% {

        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);

        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    }

    45% {

        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);

        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    }

    60% {

        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);

        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    }

    75% {

        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);

        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    }

    to {

        -webkit-transform: none;

        transform: none;
    }
}

.wobble {

    -webkit-animation-name: wobble;

    animation-name: wobble;
}

@-webkit-keyframes jello {

    from, 11.1%, to {

        -webkit-transform: none;

        transform: none;
    }

    22.2% {

        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);

        transform: skewX(-12.5deg) skewY(-12.5deg);
    }

    33.3% {

        -webkit-transform: skewX(6.25deg) skewY(6.25deg);

        transform: skewX(6.25deg) skewY(6.25deg);
    }

    44.4% {

        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);

        transform: skewX(-3.125deg) skewY(-3.125deg);
    }

    55.5% {

        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);

        transform: skewX(1.5625deg) skewY(1.5625deg);
    }

    66.6% {

        -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);

        transform: skewX(-0.78125deg) skewY(-0.78125deg);
    }

    77.7% {

        -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);

        transform: skewX(0.390625deg) skewY(0.390625deg);
    }

    88.8% {

        -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);

        transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    }
}

@keyframes jello {

    from, 11.1%, to {

        -webkit-transform: none;

        transform: none;
    }

    22.2% {

        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);

        transform: skewX(-12.5deg) skewY(-12.5deg);
    }

    33.3% {

        -webkit-transform: skewX(6.25deg) skewY(6.25deg);

        transform: skewX(6.25deg) skewY(6.25deg);
    }

    44.4% {

        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);

        transform: skewX(-3.125deg) skewY(-3.125deg);
    }

    55.5% {

        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);

        transform: skewX(1.5625deg) skewY(1.5625deg);
    }

    66.6% {

        -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);

        transform: skewX(-0.78125deg) skewY(-0.78125deg);
    }

    77.7% {

        -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);

        transform: skewX(0.390625deg) skewY(0.390625deg);
    }

    88.8% {

        -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);

        transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    }
}

.jello {

    -webkit-animation-name: jello;

    animation-name: jello;

    -webkit-transform-origin: center;

    transform-origin: center;
}

@-webkit-keyframes bounceIn {

    from, 20%, 40%, 60%, 80%, to {

        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);

        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    0% {

        opacity: 0;

        -webkit-transform: scale3d(.3, .3, .3);

        transform: scale3d(.3, .3, .3);
    }

    20% {

        -webkit-transform: scale3d(1.1, 1.1, 1.1);

        transform: scale3d(1.1, 1.1, 1.1);
    }

    40% {

        -webkit-transform: scale3d(.9, .9, .9);

        transform: scale3d(.9, .9, .9);
    }

    60% {

        opacity: 1;

        -webkit-transform: scale3d(1.03, 1.03, 1.03);

        transform: scale3d(1.03, 1.03, 1.03);
    }

    80% {

        -webkit-transform: scale3d(.97, .97, .97);

        transform: scale3d(.97, .97, .97);
    }

    to {

        opacity: 1;

        -webkit-transform: scale3d(1, 1, 1);

        transform: scale3d(1, 1, 1);
    }
}

@keyframes bounceIn {

    from, 20%, 40%, 60%, 80%, to {

        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);

        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    0% {

        opacity: 0;

        -webkit-transform: scale3d(.3, .3, .3);

        transform: scale3d(.3, .3, .3);
    }

    20% {

        -webkit-transform: scale3d(1.1, 1.1, 1.1);

        transform: scale3d(1.1, 1.1, 1.1);
    }

    40% {

        -webkit-transform: scale3d(.9, .9, .9);

        transform: scale3d(.9, .9, .9);
    }

    60% {

        opacity: 1;

        -webkit-transform: scale3d(1.03, 1.03, 1.03);

        transform: scale3d(1.03, 1.03, 1.03);
    }

    80% {

        -webkit-transform: scale3d(.97, .97, .97);

        transform: scale3d(.97, .97, .97);
    }

    to {

        opacity: 1;

        -webkit-transform: scale3d(1, 1, 1);

        transform: scale3d(1, 1, 1);
    }
}

.bounceIn {

    -webkit-animation-name: bounceIn;

    animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {

    from, 60%, 75%, 90%, to {

        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);

        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    0% {

        opacity: 0;

        -webkit-transform: translate3d(0, -3000px, 0);

        transform: translate3d(0, -3000px, 0);
    }

    60% {

        opacity: 1;

        -webkit-transform: translate3d(0, 25px, 0);

        transform: translate3d(0, 25px, 0);
    }

    75% {

        -webkit-transform: translate3d(0, -10px, 0);

        transform: translate3d(0, -10px, 0);
    }

    90% {

        -webkit-transform: translate3d(0, 5px, 0);

        transform: translate3d(0, 5px, 0);
    }

    to {

        -webkit-transform: none;

        transform: none;
    }
}

@keyframes bounceInDown {

    from, 60%, 75%, 90%, to {

        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);

        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    0% {

        opacity: 0;

        -webkit-transform: translate3d(0, -3000px, 0);

        transform: translate3d(0, -3000px, 0);
    }

    60% {

        opacity: 1;

        -webkit-transform: translate3d(0, 25px, 0);

        transform: translate3d(0, 25px, 0);
    }

    75% {

        -webkit-transform: translate3d(0, -10px, 0);

        transform: translate3d(0, -10px, 0);
    }

    90% {

        -webkit-transform: translate3d(0, 5px, 0);

        transform: translate3d(0, 5px, 0);
    }

    to {

        -webkit-transform: none;

        transform: none;
    }
}

.bounceInDown {

    -webkit-animation-name: bounceInDown;

    animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {

    from, 60%, 75%, 90%, to {

        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);

        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    0% {

        opacity: 0;

        -webkit-transform: translate3d(-3000px, 0, 0);

        transform: translate3d(-3000px, 0, 0);
    }

    60% {

        opacity: 1;

        -webkit-transform: translate3d(25px, 0, 0);

        transform: translate3d(25px, 0, 0);
    }

    75% {

        -webkit-transform: translate3d(-10px, 0, 0);

        transform: translate3d(-10px, 0, 0);
    }

    90% {

        -webkit-transform: translate3d(5px, 0, 0);

        transform: translate3d(5px, 0, 0);
    }

    to {

        -webkit-transform: none;

        transform: none;
    }
}

@keyframes bounceInLeft {

    from, 60%, 75%, 90%, to {

        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);

        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    0% {

        opacity: 0;

        -webkit-transform: translate3d(-3000px, 0, 0);

        transform: translate3d(-3000px, 0, 0);
    }

    60% {

        opacity: 1;

        -webkit-transform: translate3d(25px, 0, 0);

        transform: translate3d(25px, 0, 0);
    }

    75% {

        -webkit-transform: translate3d(-10px, 0, 0);

        transform: translate3d(-10px, 0, 0);
    }

    90% {

        -webkit-transform: translate3d(5px, 0, 0);

        transform: translate3d(5px, 0, 0);
    }

    to {

        -webkit-transform: none;

        transform: none;
    }
}

.bounceInLeft {

    -webkit-animation-name: bounceInLeft;

    animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {

    from, 60%, 75%, 90%, to {

        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);

        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    from {

        opacity: 0;

        -webkit-transform: translate3d(3000px, 0, 0);

        transform: translate3d(3000px, 0, 0);
    }

    60% {

        opacity: 1;

        -webkit-transform: translate3d(-25px, 0, 0);

        transform: translate3d(-25px, 0, 0);
    }

    75% {

        -webkit-transform: translate3d(10px, 0, 0);

        transform: translate3d(10px, 0, 0);
    }

    90% {

        -webkit-transform: translate3d(-5px, 0, 0);

        transform: translate3d(-5px, 0, 0);
    }

    to {

        -webkit-transform: none;

        transform: none;
    }
}

@keyframes bounceInRight {

    from, 60%, 75%, 90%, to {

        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);

        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    from {

        opacity: 0;

        -webkit-transform: translate3d(3000px, 0, 0);

        transform: translate3d(3000px, 0, 0);
    }

    60% {

        opacity: 1;

        -webkit-transform: translate3d(-25px, 0, 0);

        transform: translate3d(-25px, 0, 0);
    }

    75% {

        -webkit-transform: translate3d(10px, 0, 0);

        transform: translate3d(10px, 0, 0);
    }

    90% {

        -webkit-transform: translate3d(-5px, 0, 0);

        transform: translate3d(-5px, 0, 0);
    }

    to {

        -webkit-transform: none;

        transform: none;
    }
}

.bounceInRight {

    -webkit-animation-name: bounceInRight;

    animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {

    from, 60%, 75%, 90%, to {

        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);

        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    from {

        opacity: 0;

        -webkit-transform: translate3d(0, 3000px, 0);

        transform: translate3d(0, 3000px, 0);
    }

    60% {

        opacity: 1;

        -webkit-transform: translate3d(0, -20px, 0);

        transform: translate3d(0, -20px, 0);
    }

    75% {

        -webkit-transform: translate3d(0, 10px, 0);

        transform: translate3d(0, 10px, 0);
    }

    90% {

        -webkit-transform: translate3d(0, -5px, 0);

        transform: translate3d(0, -5px, 0);
    }

    to {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);
    }
}

@keyframes bounceInUp {

    from, 60%, 75%, 90%, to {

        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);

        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    from {

        opacity: 0;

        -webkit-transform: translate3d(0, 3000px, 0);

        transform: translate3d(0, 3000px, 0);
    }

    60% {

        opacity: 1;

        -webkit-transform: translate3d(0, -20px, 0);

        transform: translate3d(0, -20px, 0);
    }

    75% {

        -webkit-transform: translate3d(0, 10px, 0);

        transform: translate3d(0, 10px, 0);
    }

    90% {

        -webkit-transform: translate3d(0, -5px, 0);

        transform: translate3d(0, -5px, 0);
    }

    to {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);
    }
}

.bounceInUp {

    -webkit-animation-name: bounceInUp;

    animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {

    20% {

        -webkit-transform: scale3d(.9, .9, .9);

        transform: scale3d(.9, .9, .9);
    }

    50%, 55% {

        opacity: 1;

        -webkit-transform: scale3d(1.1, 1.1, 1.1);

        transform: scale3d(1.1, 1.1, 1.1);
    }

    to {

        opacity: 0;

        -webkit-transform: scale3d(.3, .3, .3);

        transform: scale3d(.3, .3, .3);
    }
}

@keyframes bounceOut {

    20% {

        -webkit-transform: scale3d(.9, .9, .9);

        transform: scale3d(.9, .9, .9);
    }

    50%, 55% {

        opacity: 1;

        -webkit-transform: scale3d(1.1, 1.1, 1.1);

        transform: scale3d(1.1, 1.1, 1.1);
    }

    to {

        opacity: 0;

        -webkit-transform: scale3d(.3, .3, .3);

        transform: scale3d(.3, .3, .3);
    }
}

.bounceOut {

    -webkit-animation-name: bounceOut;

    animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {

    20% {

        -webkit-transform: translate3d(0, 10px, 0);

        transform: translate3d(0, 10px, 0);
    }

    40%, 45% {

        opacity: 1;

        -webkit-transform: translate3d(0, -20px, 0);

        transform: translate3d(0, -20px, 0);
    }

    to {

        opacity: 0;

        -webkit-transform: translate3d(0, 2000px, 0);

        transform: translate3d(0, 2000px, 0);
    }
}

@keyframes bounceOutDown {

    20% {

        -webkit-transform: translate3d(0, 10px, 0);

        transform: translate3d(0, 10px, 0);
    }

    40%, 45% {

        opacity: 1;

        -webkit-transform: translate3d(0, -20px, 0);

        transform: translate3d(0, -20px, 0);
    }

    to {

        opacity: 0;

        -webkit-transform: translate3d(0, 2000px, 0);

        transform: translate3d(0, 2000px, 0);
    }
}

.bounceOutDown {

    -webkit-animation-name: bounceOutDown;

    animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {

    20% {

        opacity: 1;

        -webkit-transform: translate3d(20px, 0, 0);

        transform: translate3d(20px, 0, 0);
    }

    to {

        opacity: 0;

        -webkit-transform: translate3d(-2000px, 0, 0);

        transform: translate3d(-2000px, 0, 0);
    }
}

@keyframes bounceOutLeft {

    20% {

        opacity: 1;

        -webkit-transform: translate3d(20px, 0, 0);

        transform: translate3d(20px, 0, 0);
    }

    to {

        opacity: 0;

        -webkit-transform: translate3d(-2000px, 0, 0);

        transform: translate3d(-2000px, 0, 0);
    }
}

.bounceOutLeft {

    -webkit-animation-name: bounceOutLeft;

    animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {

    20% {

        opacity: 1;

        -webkit-transform: translate3d(-20px, 0, 0);

        transform: translate3d(-20px, 0, 0);
    }

    to {

        opacity: 0;

        -webkit-transform: translate3d(2000px, 0, 0);

        transform: translate3d(2000px, 0, 0);
    }
}

@keyframes bounceOutRight {

    20% {

        opacity: 1;

        -webkit-transform: translate3d(-20px, 0, 0);

        transform: translate3d(-20px, 0, 0);
    }

    to {

        opacity: 0;

        -webkit-transform: translate3d(2000px, 0, 0);

        transform: translate3d(2000px, 0, 0);
    }
}

.bounceOutRight {

    -webkit-animation-name: bounceOutRight;

    animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {

    20% {

        -webkit-transform: translate3d(0, -10px, 0);

        transform: translate3d(0, -10px, 0);
    }

    40%, 45% {

        opacity: 1;

        -webkit-transform: translate3d(0, 20px, 0);

        transform: translate3d(0, 20px, 0);
    }

    to {

        opacity: 0;

        -webkit-transform: translate3d(0, -2000px, 0);

        transform: translate3d(0, -2000px, 0);
    }
}

@keyframes bounceOutUp {

    20% {

        -webkit-transform: translate3d(0, -10px, 0);

        transform: translate3d(0, -10px, 0);
    }

    40%, 45% {

        opacity: 1;

        -webkit-transform: translate3d(0, 20px, 0);

        transform: translate3d(0, 20px, 0);
    }

    to {

        opacity: 0;

        -webkit-transform: translate3d(0, -2000px, 0);

        transform: translate3d(0, -2000px, 0);
    }
}

.bounceOutUp {

    -webkit-animation-name: bounceOutUp;

    animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {

    from {

        opacity: 0;
    }

    to {

        opacity: 1;
    }
}

@keyframes fadeIn {

    from {

        opacity: 0;
    }

    to {

        opacity: 1;
    }
}

.fadeIn {

    -webkit-animation-name: fadeIn;

    animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {

    from {

        opacity: 0;

        -webkit-transform: translate3d(0, -100%, 0);

        transform: translate3d(0, -100%, 0);
    }

    to {

        opacity: 1;

        -webkit-transform: none;

        transform: none;
    }
}

@keyframes fadeInDown {

    from {

        opacity: 0;

        -webkit-transform: translate3d(0, -100%, 0);

        transform: translate3d(0, -100%, 0);
    }

    to {

        opacity: 1;

        -webkit-transform: none;

        transform: none;
    }
}

.fadeInDown {

    -webkit-animation-name: fadeInDown;

    animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {

    from {

        opacity: 0;

        -webkit-transform: translate3d(0, -2000px, 0);

        transform: translate3d(0, -2000px, 0);
    }

    to {

        opacity: 1;

        -webkit-transform: none;

        transform: none;
    }
}

@keyframes fadeInDownBig {

    from {

        opacity: 0;

        -webkit-transform: translate3d(0, -2000px, 0);

        transform: translate3d(0, -2000px, 0);
    }

    to {

        opacity: 1;

        -webkit-transform: none;

        transform: none;
    }
}

.fadeInDownBig {

    -webkit-animation-name: fadeInDownBig;

    animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {

    from {

        opacity: 0;

        -webkit-transform: translate3d(-100%, 0, 0);

        transform: translate3d(-100%, 0, 0);
    }

    to {

        opacity: 1;

        -webkit-transform: none;

        transform: none;
    }
}

@keyframes fadeInLeft {

    from {

        opacity: 0;

        -webkit-transform: translate3d(-100%, 0, 0);

        transform: translate3d(-100%, 0, 0);
    }

    to {

        opacity: 1;

        -webkit-transform: none;

        transform: none;
    }
}

.fadeInLeft {

    -webkit-animation-name: fadeInLeft;

    animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {

    from {

        opacity: 0;

        -webkit-transform: translate3d(-2000px, 0, 0);

        transform: translate3d(-2000px, 0, 0);
    }

    to {

        opacity: 1;

        -webkit-transform: none;

        transform: none;
    }
}

@keyframes fadeInLeftBig {

    from {

        opacity: 0;

        -webkit-transform: translate3d(-2000px, 0, 0);

        transform: translate3d(-2000px, 0, 0);
    }

    to {

        opacity: 1;

        -webkit-transform: none;

        transform: none;
    }
}

.fadeInLeftBig {

    -webkit-animation-name: fadeInLeftBig;

    animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {

    from {

        opacity: 0;

        -webkit-transform: translate3d(100%, 0, 0);

        transform: translate3d(100%, 0, 0);
    }

    to {

        opacity: 1;

        -webkit-transform: none;

        transform: none;
    }
}

@keyframes fadeInRight {

    from {

        opacity: 0;

        -webkit-transform: translate3d(100%, 0, 0);

        transform: translate3d(100%, 0, 0);
    }

    to {

        opacity: 1;

        -webkit-transform: none;

        transform: none;
    }
}

.fadeInRight {

    -webkit-animation-name: fadeInRight;

    animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {

    from {

        opacity: 0;

        -webkit-transform: translate3d(2000px, 0, 0);

        transform: translate3d(2000px, 0, 0);
    }

    to {

        opacity: 1;

        -webkit-transform: none;

        transform: none;
    }
}

@keyframes fadeInRightBig {

    from {

        opacity: 0;

        -webkit-transform: translate3d(2000px, 0, 0);

        transform: translate3d(2000px, 0, 0);
    }

    to {

        opacity: 1;

        -webkit-transform: none;

        transform: none;
    }
}

.fadeInRightBig {

    -webkit-animation-name: fadeInRightBig;

    animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {

    from {

        opacity: 0;

        -webkit-transform: translate3d(0, 100%, 0);

        transform: translate3d(0, 100%, 0);
    }

    to {

        opacity: 1;

        -webkit-transform: none;

        transform: none;
    }
}

@keyframes fadeInUp {

    from {

        opacity: 0;

        -webkit-transform: translate3d(0, 100%, 0);

        transform: translate3d(0, 100%, 0);
    }

    to {

        opacity: 1;

        -webkit-transform: none;

        transform: none;
    }
}

.fadeInUp {

    -webkit-animation-name: fadeInUp;

    animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {

    from {

        opacity: 0;

        -webkit-transform: translate3d(0, 2000px, 0);

        transform: translate3d(0, 2000px, 0);
    }

    to {

        opacity: 1;

        -webkit-transform: none;

        transform: none;
    }
}

@keyframes fadeInUpBig {

    from {

        opacity: 0;

        -webkit-transform: translate3d(0, 2000px, 0);

        transform: translate3d(0, 2000px, 0);
    }

    to {

        opacity: 1;

        -webkit-transform: none;

        transform: none;
    }
}

.fadeInUpBig {

    -webkit-animation-name: fadeInUpBig;

    animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {

    from {

        opacity: 1;
    }

    to {

        opacity: 0;
    }
}

@keyframes fadeOut {

    from {

        opacity: 1;
    }

    to {

        opacity: 0;
    }
}

.fadeOut {

    -webkit-animation-name: fadeOut;

    animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {

    from {

        opacity: 1;
    }

    to {

        opacity: 0;

        -webkit-transform: translate3d(0, 100%, 0);

        transform: translate3d(0, 100%, 0);
    }
}

@keyframes fadeOutDown {

    from {

        opacity: 1;
    }

    to {

        opacity: 0;

        -webkit-transform: translate3d(0, 100%, 0);

        transform: translate3d(0, 100%, 0);
    }
}

.fadeOutDown {

    -webkit-animation-name: fadeOutDown;

    animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {

    from {

        opacity: 1;
    }

    to {

        opacity: 0;

        -webkit-transform: translate3d(0, 2000px, 0);

        transform: translate3d(0, 2000px, 0);
    }
}

@keyframes fadeOutDownBig {

    from {

        opacity: 1;
    }

    to {

        opacity: 0;

        -webkit-transform: translate3d(0, 2000px, 0);

        transform: translate3d(0, 2000px, 0);
    }
}

.fadeOutDownBig {

    -webkit-animation-name: fadeOutDownBig;

    animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {

    from {

        opacity: 1;
    }

    to {

        opacity: 0;

        -webkit-transform: translate3d(-100%, 0, 0);

        transform: translate3d(-100%, 0, 0);
    }
}

@keyframes fadeOutLeft {

    from {

        opacity: 1;
    }

    to {

        opacity: 0;

        -webkit-transform: translate3d(-100%, 0, 0);

        transform: translate3d(-100%, 0, 0);
    }
}

.fadeOutLeft {

    -webkit-animation-name: fadeOutLeft;

    animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {

    from {

        opacity: 1;
    }

    to {

        opacity: 0;

        -webkit-transform: translate3d(-2000px, 0, 0);

        transform: translate3d(-2000px, 0, 0);
    }
}

@keyframes fadeOutLeftBig {

    from {

        opacity: 1;
    }

    to {

        opacity: 0;

        -webkit-transform: translate3d(-2000px, 0, 0);

        transform: translate3d(-2000px, 0, 0);
    }
}

.fadeOutLeftBig {

    -webkit-animation-name: fadeOutLeftBig;

    animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {

    from {

        opacity: 1;
    }

    to {

        opacity: 0;

        -webkit-transform: translate3d(100%, 0, 0);

        transform: translate3d(100%, 0, 0);
    }
}

@keyframes fadeOutRight {

    from {

        opacity: 1;
    }

    to {

        opacity: 0;

        -webkit-transform: translate3d(100%, 0, 0);

        transform: translate3d(100%, 0, 0);
    }
}

.fadeOutRight {

    -webkit-animation-name: fadeOutRight;

    animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {

    from {

        opacity: 1;
    }

    to {

        opacity: 0;

        -webkit-transform: translate3d(2000px, 0, 0);

        transform: translate3d(2000px, 0, 0);
    }
}

@keyframes fadeOutRightBig {

    from {

        opacity: 1;
    }

    to {

        opacity: 0;

        -webkit-transform: translate3d(2000px, 0, 0);

        transform: translate3d(2000px, 0, 0);
    }
}

.fadeOutRightBig {

    -webkit-animation-name: fadeOutRightBig;

    animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {

    from {

        opacity: 1;
    }

    to {

        opacity: 0;

        -webkit-transform: translate3d(0, -100%, 0);

        transform: translate3d(0, -100%, 0);
    }
}

@keyframes fadeOutUp {

    from {

        opacity: 1;
    }

    to {

        opacity: 0;

        -webkit-transform: translate3d(0, -100%, 0);

        transform: translate3d(0, -100%, 0);
    }
}

.fadeOutUp {

    -webkit-animation-name: fadeOutUp;

    animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {

    from {

        opacity: 1;
    }

    to {

        opacity: 0;

        -webkit-transform: translate3d(0, -2000px, 0);

        transform: translate3d(0, -2000px, 0);
    }
}

@keyframes fadeOutUpBig {

    from {

        opacity: 1;
    }

    to {

        opacity: 0;

        -webkit-transform: translate3d(0, -2000px, 0);

        transform: translate3d(0, -2000px, 0);
    }
}

.fadeOutUpBig {

    -webkit-animation-name: fadeOutUpBig;

    animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {

    from {

        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);

        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);

        -webkit-animation-timing-function: ease-out;

        animation-timing-function: ease-out;
    }

    40% {

        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);

        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);

        -webkit-animation-timing-function: ease-out;

        animation-timing-function: ease-out;
    }

    50% {

        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);

        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);

        -webkit-animation-timing-function: ease-in;

        animation-timing-function: ease-in;
    }

    80% {

        -webkit-transform: perspective(400px) scale3d(.95, .95, .95);

        transform: perspective(400px) scale3d(.95, .95, .95);

        -webkit-animation-timing-function: ease-in;

        animation-timing-function: ease-in;
    }

    to {

        -webkit-transform: perspective(400px);

        transform: perspective(400px);

        -webkit-animation-timing-function: ease-in;

        animation-timing-function: ease-in;
    }
}

@keyframes flip {

    from {

        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);

        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);

        -webkit-animation-timing-function: ease-out;

        animation-timing-function: ease-out;
    }

    40% {

        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);

        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);

        -webkit-animation-timing-function: ease-out;

        animation-timing-function: ease-out;
    }

    50% {

        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);

        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);

        -webkit-animation-timing-function: ease-in;

        animation-timing-function: ease-in;
    }

    80% {

        -webkit-transform: perspective(400px) scale3d(.95, .95, .95);

        transform: perspective(400px) scale3d(.95, .95, .95);

        -webkit-animation-timing-function: ease-in;

        animation-timing-function: ease-in;
    }

    to {

        -webkit-transform: perspective(400px);

        transform: perspective(400px);

        -webkit-animation-timing-function: ease-in;

        animation-timing-function: ease-in;
    }
}

.animated.flip {

    -webkit-backface-visibility: visible;

    backface-visibility: visible;

    -webkit-animation-name: flip;

    animation-name: flip;
}

@-webkit-keyframes flipInX {

    from {

        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);

        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);

        -webkit-animation-timing-function: ease-in;

        animation-timing-function: ease-in;

        opacity: 0;
    }

    40% {

        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);

        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);

        -webkit-animation-timing-function: ease-in;

        animation-timing-function: ease-in;
    }

    60% {

        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);

        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);

        opacity: 1;
    }

    80% {

        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);

        transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    }

    to {

        -webkit-transform: perspective(400px);

        transform: perspective(400px);
    }
}

@keyframes flipInX {

    from {

        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);

        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);

        -webkit-animation-timing-function: ease-in;

        animation-timing-function: ease-in;

        opacity: 0;
    }

    40% {

        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);

        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);

        -webkit-animation-timing-function: ease-in;

        animation-timing-function: ease-in;
    }

    60% {

        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);

        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);

        opacity: 1;
    }

    80% {

        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);

        transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    }

    to {

        -webkit-transform: perspective(400px);

        transform: perspective(400px);
    }
}

.flipInX {

    -webkit-backface-visibility: visible !important;

    backface-visibility: visible !important;

    -webkit-animation-name: flipInX;

    animation-name: flipInX;
}

@-webkit-keyframes flipInY {

    from {

        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);

        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);

        -webkit-animation-timing-function: ease-in;

        animation-timing-function: ease-in;

        opacity: 0;
    }

    40% {

        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);

        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);

        -webkit-animation-timing-function: ease-in;

        animation-timing-function: ease-in;
    }

    60% {

        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);

        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);

        opacity: 1;
    }

    80% {

        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);

        transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    }

    to {

        -webkit-transform: perspective(400px);

        transform: perspective(400px);
    }
}

@keyframes flipInY {

    from {

        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);

        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);

        -webkit-animation-timing-function: ease-in;

        animation-timing-function: ease-in;

        opacity: 0;
    }

    40% {

        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);

        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);

        -webkit-animation-timing-function: ease-in;

        animation-timing-function: ease-in;
    }

    60% {

        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);

        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);

        opacity: 1;
    }

    80% {

        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);

        transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    }

    to {

        -webkit-transform: perspective(400px);

        transform: perspective(400px);
    }
}

.flipInY {

    -webkit-backface-visibility: visible !important;

    backface-visibility: visible !important;

    -webkit-animation-name: flipInY;

    animation-name: flipInY;
}

@-webkit-keyframes flipOutX {

    from {

        -webkit-transform: perspective(400px);

        transform: perspective(400px);
    }

    30% {

        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);

        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);

        opacity: 1;
    }

    to {

        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);

        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);

        opacity: 0;
    }
}

@keyframes flipOutX {

    from {

        -webkit-transform: perspective(400px);

        transform: perspective(400px);
    }

    30% {

        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);

        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);

        opacity: 1;
    }

    to {

        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);

        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);

        opacity: 0;
    }
}

.flipOutX {

    -webkit-animation-name: flipOutX;

    animation-name: flipOutX;

    -webkit-backface-visibility: visible !important;

    backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {

    from {

        -webkit-transform: perspective(400px);

        transform: perspective(400px);
    }

    30% {

        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);

        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);

        opacity: 1;
    }

    to {

        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);

        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);

        opacity: 0;
    }
}

@keyframes flipOutY {

    from {

        -webkit-transform: perspective(400px);

        transform: perspective(400px);
    }

    30% {

        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);

        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);

        opacity: 1;
    }

    to {

        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);

        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);

        opacity: 0;
    }
}

.flipOutY {

    -webkit-backface-visibility: visible !important;

    backface-visibility: visible !important;

    -webkit-animation-name: flipOutY;

    animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {

    from {

        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);

        transform: translate3d(100%, 0, 0) skewX(-30deg);

        opacity: 0;
    }

    60% {

        -webkit-transform: skewX(20deg);

        transform: skewX(20deg);

        opacity: 1;
    }

    80% {

        -webkit-transform: skewX(-5deg);

        transform: skewX(-5deg);

        opacity: 1;
    }

    to {

        -webkit-transform: none;

        transform: none;

        opacity: 1;
    }
}

@keyframes lightSpeedIn {

    from {

        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);

        transform: translate3d(100%, 0, 0) skewX(-30deg);

        opacity: 0;
    }

    60% {

        -webkit-transform: skewX(20deg);

        transform: skewX(20deg);

        opacity: 1;
    }

    80% {

        -webkit-transform: skewX(-5deg);

        transform: skewX(-5deg);

        opacity: 1;
    }

    to {

        -webkit-transform: none;

        transform: none;

        opacity: 1;
    }
}

.lightSpeedIn {

    -webkit-animation-name: lightSpeedIn;

    animation-name: lightSpeedIn;

    -webkit-animation-timing-function: ease-out;

    animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {

    from {

        opacity: 1;
    }

    to {

        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);

        transform: translate3d(100%, 0, 0) skewX(30deg);

        opacity: 0;
    }
}

@keyframes lightSpeedOut {

    from {

        opacity: 1;
    }

    to {

        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);

        transform: translate3d(100%, 0, 0) skewX(30deg);

        opacity: 0;
    }
}

.lightSpeedOut {

    -webkit-animation-name: lightSpeedOut;

    animation-name: lightSpeedOut;

    -webkit-animation-timing-function: ease-in;

    animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {

    from {

        -webkit-transform-origin: center;

        transform-origin: center;

        -webkit-transform: rotate3d(0, 0, 1, -200deg);

        transform: rotate3d(0, 0, 1, -200deg);

        opacity: 0;
    }

    to {

        -webkit-transform-origin: center;

        transform-origin: center;

        -webkit-transform: none;

        transform: none;

        opacity: 1;
    }
}

@keyframes rotateIn {

    from {

        -webkit-transform-origin: center;

        transform-origin: center;

        -webkit-transform: rotate3d(0, 0, 1, -200deg);

        transform: rotate3d(0, 0, 1, -200deg);

        opacity: 0;
    }

    to {

        -webkit-transform-origin: center;

        transform-origin: center;

        -webkit-transform: none;

        transform: none;

        opacity: 1;
    }
}

.rotateIn {

    -webkit-animation-name: rotateIn;

    animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {

    from {

        -webkit-transform-origin: left bottom;

        transform-origin: left bottom;

        -webkit-transform: rotate3d(0, 0, 1, -45deg);

        transform: rotate3d(0, 0, 1, -45deg);

        opacity: 0;
    }

    to {

        -webkit-transform-origin: left bottom;

        transform-origin: left bottom;

        -webkit-transform: none;

        transform: none;

        opacity: 1;
    }
}

@keyframes rotateInDownLeft {

    from {

        -webkit-transform-origin: left bottom;

        transform-origin: left bottom;

        -webkit-transform: rotate3d(0, 0, 1, -45deg);

        transform: rotate3d(0, 0, 1, -45deg);

        opacity: 0;
    }

    to {

        -webkit-transform-origin: left bottom;

        transform-origin: left bottom;

        -webkit-transform: none;

        transform: none;

        opacity: 1;
    }
}

.rotateInDownLeft {

    -webkit-animation-name: rotateInDownLeft;

    animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {

    from {

        -webkit-transform-origin: right bottom;

        transform-origin: right bottom;

        -webkit-transform: rotate3d(0, 0, 1, 45deg);

        transform: rotate3d(0, 0, 1, 45deg);

        opacity: 0;
    }

    to {

        -webkit-transform-origin: right bottom;

        transform-origin: right bottom;

        -webkit-transform: none;

        transform: none;

        opacity: 1;
    }
}

@keyframes rotateInDownRight {

    from {

        -webkit-transform-origin: right bottom;

        transform-origin: right bottom;

        -webkit-transform: rotate3d(0, 0, 1, 45deg);

        transform: rotate3d(0, 0, 1, 45deg);

        opacity: 0;
    }

    to {

        -webkit-transform-origin: right bottom;

        transform-origin: right bottom;

        -webkit-transform: none;

        transform: none;

        opacity: 1;
    }
}

.rotateInDownRight {

    -webkit-animation-name: rotateInDownRight;

    animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {

    from {

        -webkit-transform-origin: left bottom;

        transform-origin: left bottom;

        -webkit-transform: rotate3d(0, 0, 1, 45deg);

        transform: rotate3d(0, 0, 1, 45deg);

        opacity: 0;
    }

    to {

        -webkit-transform-origin: left bottom;

        transform-origin: left bottom;

        -webkit-transform: none;

        transform: none;

        opacity: 1;
    }
}

@keyframes rotateInUpLeft {

    from {

        -webkit-transform-origin: left bottom;

        transform-origin: left bottom;

        -webkit-transform: rotate3d(0, 0, 1, 45deg);

        transform: rotate3d(0, 0, 1, 45deg);

        opacity: 0;
    }

    to {

        -webkit-transform-origin: left bottom;

        transform-origin: left bottom;

        -webkit-transform: none;

        transform: none;

        opacity: 1;
    }
}

.rotateInUpLeft {

    -webkit-animation-name: rotateInUpLeft;

    animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {

    from {

        -webkit-transform-origin: right bottom;

        transform-origin: right bottom;

        -webkit-transform: rotate3d(0, 0, 1, -90deg);

        transform: rotate3d(0, 0, 1, -90deg);

        opacity: 0;
    }

    to {

        -webkit-transform-origin: right bottom;

        transform-origin: right bottom;

        -webkit-transform: none;

        transform: none;

        opacity: 1;
    }
}

@keyframes rotateInUpRight {

    from {

        -webkit-transform-origin: right bottom;

        transform-origin: right bottom;

        -webkit-transform: rotate3d(0, 0, 1, -90deg);

        transform: rotate3d(0, 0, 1, -90deg);

        opacity: 0;
    }

    to {

        -webkit-transform-origin: right bottom;

        transform-origin: right bottom;

        -webkit-transform: none;

        transform: none;

        opacity: 1;
    }
}

.rotateInUpRight {

    -webkit-animation-name: rotateInUpRight;

    animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {

    from {

        -webkit-transform-origin: center;

        transform-origin: center;

        opacity: 1;
    }

    to {

        -webkit-transform-origin: center;

        transform-origin: center;

        -webkit-transform: rotate3d(0, 0, 1, 200deg);

        transform: rotate3d(0, 0, 1, 200deg);

        opacity: 0;
    }
}

@keyframes rotateOut {

    from {

        -webkit-transform-origin: center;

        transform-origin: center;

        opacity: 1;
    }

    to {

        -webkit-transform-origin: center;

        transform-origin: center;

        -webkit-transform: rotate3d(0, 0, 1, 200deg);

        transform: rotate3d(0, 0, 1, 200deg);

        opacity: 0;
    }
}

.rotateOut {

    -webkit-animation-name: rotateOut;

    animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {

    from {

        -webkit-transform-origin: left bottom;

        transform-origin: left bottom;

        opacity: 1;
    }

    to {

        -webkit-transform-origin: left bottom;

        transform-origin: left bottom;

        -webkit-transform: rotate3d(0, 0, 1, 45deg);

        transform: rotate3d(0, 0, 1, 45deg);

        opacity: 0;
    }
}

@keyframes rotateOutDownLeft {

    from {

        -webkit-transform-origin: left bottom;

        transform-origin: left bottom;

        opacity: 1;
    }

    to {

        -webkit-transform-origin: left bottom;

        transform-origin: left bottom;

        -webkit-transform: rotate3d(0, 0, 1, 45deg);

        transform: rotate3d(0, 0, 1, 45deg);

        opacity: 0;
    }
}

.rotateOutDownLeft {

    -webkit-animation-name: rotateOutDownLeft;

    animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {

    from {

        -webkit-transform-origin: right bottom;

        transform-origin: right bottom;

        opacity: 1;
    }

    to {

        -webkit-transform-origin: right bottom;

        transform-origin: right bottom;

        -webkit-transform: rotate3d(0, 0, 1, -45deg);

        transform: rotate3d(0, 0, 1, -45deg);

        opacity: 0;
    }
}

@keyframes rotateOutDownRight {

    from {

        -webkit-transform-origin: right bottom;

        transform-origin: right bottom;

        opacity: 1;
    }

    to {

        -webkit-transform-origin: right bottom;

        transform-origin: right bottom;

        -webkit-transform: rotate3d(0, 0, 1, -45deg);

        transform: rotate3d(0, 0, 1, -45deg);

        opacity: 0;
    }
}

.rotateOutDownRight {

    -webkit-animation-name: rotateOutDownRight;

    animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {

    from {

        -webkit-transform-origin: left bottom;

        transform-origin: left bottom;

        opacity: 1;
    }

    to {

        -webkit-transform-origin: left bottom;

        transform-origin: left bottom;

        -webkit-transform: rotate3d(0, 0, 1, -45deg);

        transform: rotate3d(0, 0, 1, -45deg);

        opacity: 0;
    }
}

@keyframes rotateOutUpLeft {

    from {

        -webkit-transform-origin: left bottom;

        transform-origin: left bottom;

        opacity: 1;
    }

    to {

        -webkit-transform-origin: left bottom;

        transform-origin: left bottom;

        -webkit-transform: rotate3d(0, 0, 1, -45deg);

        transform: rotate3d(0, 0, 1, -45deg);

        opacity: 0;
    }
}

.rotateOutUpLeft {

    -webkit-animation-name: rotateOutUpLeft;

    animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {

    from {

        -webkit-transform-origin: right bottom;

        transform-origin: right bottom;

        opacity: 1;
    }

    to {

        -webkit-transform-origin: right bottom;

        transform-origin: right bottom;

        -webkit-transform: rotate3d(0, 0, 1, 90deg);

        transform: rotate3d(0, 0, 1, 90deg);

        opacity: 0;
    }
}

@keyframes rotateOutUpRight {

    from {

        -webkit-transform-origin: right bottom;

        transform-origin: right bottom;

        opacity: 1;
    }

    to {

        -webkit-transform-origin: right bottom;

        transform-origin: right bottom;

        -webkit-transform: rotate3d(0, 0, 1, 90deg);

        transform: rotate3d(0, 0, 1, 90deg);

        opacity: 0;
    }
}

.rotateOutUpRight {

    -webkit-animation-name: rotateOutUpRight;

    animation-name: rotateOutUpRight;
}

@-webkit-keyframes hinge {

    0% {

        -webkit-transform-origin: top left;

        transform-origin: top left;

        -webkit-animation-timing-function: ease-in-out;

        animation-timing-function: ease-in-out;
    }

    20%, 60% {

        -webkit-transform: rotate3d(0, 0, 1, 80deg);

        transform: rotate3d(0, 0, 1, 80deg);

        -webkit-transform-origin: top left;

        transform-origin: top left;

        -webkit-animation-timing-function: ease-in-out;

        animation-timing-function: ease-in-out;
    }

    40%, 80% {

        -webkit-transform: rotate3d(0, 0, 1, 60deg);

        transform: rotate3d(0, 0, 1, 60deg);

        -webkit-transform-origin: top left;

        transform-origin: top left;

        -webkit-animation-timing-function: ease-in-out;

        animation-timing-function: ease-in-out;

        opacity: 1;
    }

    to {

        -webkit-transform: translate3d(0, 700px, 0);

        transform: translate3d(0, 700px, 0);

        opacity: 0;
    }
}

@keyframes hinge {

    0% {

        -webkit-transform-origin: top left;

        transform-origin: top left;

        -webkit-animation-timing-function: ease-in-out;

        animation-timing-function: ease-in-out;
    }

    20%, 60% {

        -webkit-transform: rotate3d(0, 0, 1, 80deg);

        transform: rotate3d(0, 0, 1, 80deg);

        -webkit-transform-origin: top left;

        transform-origin: top left;

        -webkit-animation-timing-function: ease-in-out;

        animation-timing-function: ease-in-out;
    }

    40%, 80% {

        -webkit-transform: rotate3d(0, 0, 1, 60deg);

        transform: rotate3d(0, 0, 1, 60deg);

        -webkit-transform-origin: top left;

        transform-origin: top left;

        -webkit-animation-timing-function: ease-in-out;

        animation-timing-function: ease-in-out;

        opacity: 1;
    }

    to {

        -webkit-transform: translate3d(0, 700px, 0);

        transform: translate3d(0, 700px, 0);

        opacity: 0;
    }
}

.hinge {

    -webkit-animation-name: hinge;

    animation-name: hinge;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollIn {

    from {

        opacity: 0;

        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);

        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    }

    to {

        opacity: 1;

        -webkit-transform: none;

        transform: none;
    }
}

@keyframes rollIn {

    from {

        opacity: 0;

        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);

        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    }

    to {

        opacity: 1;

        -webkit-transform: none;

        transform: none;
    }
}

.rollIn {

    -webkit-animation-name: rollIn;

    animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollOut {

    from {

        opacity: 1;
    }

    to {

        opacity: 0;

        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);

        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    }
}

@keyframes rollOut {

    from {

        opacity: 1;
    }

    to {

        opacity: 0;

        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);

        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    }
}

.rollOut {

    -webkit-animation-name: rollOut;

    animation-name: rollOut;
}

@-webkit-keyframes zoomIn {

    from {

        opacity: 0;

        -webkit-transform: scale3d(.3, .3, .3);

        transform: scale3d(.3, .3, .3);
    }

    50% {

        opacity: 1;
    }
}

@keyframes zoomIn {

    from {

        opacity: 0;

        -webkit-transform: scale3d(.3, .3, .3);

        transform: scale3d(.3, .3, .3);
    }

    50% {

        opacity: 1;
    }
}

.zoomIn {

    -webkit-animation-name: zoomIn;

    animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {

    from {

        opacity: 0;

        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);

        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);

        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);

        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    60% {

        opacity: 1;

        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);

        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);

        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);

        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

@keyframes zoomInDown {

    from {

        opacity: 0;

        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);

        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);

        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);

        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    60% {

        opacity: 1;

        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);

        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);

        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);

        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

.zoomInDown {

    -webkit-animation-name: zoomInDown;

    animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {

    from {

        opacity: 0;

        -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);

        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);

        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);

        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    60% {

        opacity: 1;

        -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);

        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);

        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);

        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

@keyframes zoomInLeft {

    from {

        opacity: 0;

        -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);

        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);

        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);

        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    60% {

        opacity: 1;

        -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);

        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);

        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);

        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

.zoomInLeft {

    -webkit-animation-name: zoomInLeft;

    animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {

    from {

        opacity: 0;

        -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);

        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);

        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);

        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    60% {

        opacity: 1;

        -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);

        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);

        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);

        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

@keyframes zoomInRight {

    from {

        opacity: 0;

        -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);

        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);

        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);

        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    60% {

        opacity: 1;

        -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);

        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);

        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);

        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

.zoomInRight {

    -webkit-animation-name: zoomInRight;

    animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {

    from {

        opacity: 0;

        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);

        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);

        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);

        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    60% {

        opacity: 1;

        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);

        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);

        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);

        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

@keyframes zoomInUp {

    from {

        opacity: 0;

        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);

        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);

        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);

        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    60% {

        opacity: 1;

        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);

        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);

        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);

        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

.zoomInUp {

    -webkit-animation-name: zoomInUp;

    animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {

    from {

        opacity: 1;
    }

    50% {

        opacity: 0;

        -webkit-transform: scale3d(.3, .3, .3);

        transform: scale3d(.3, .3, .3);
    }

    to {

        opacity: 0;
    }
}

@keyframes zoomOut {

    from {

        opacity: 1;
    }

    50% {

        opacity: 0;

        -webkit-transform: scale3d(.3, .3, .3);

        transform: scale3d(.3, .3, .3);
    }

    to {

        opacity: 0;
    }
}

.zoomOut {

    -webkit-animation-name: zoomOut;

    animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {

    40% {

        opacity: 1;

        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);

        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);

        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);

        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    to {

        opacity: 0;

        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);

        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);

        -webkit-transform-origin: center bottom;

        transform-origin: center bottom;

        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);

        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

@keyframes zoomOutDown {

    40% {

        opacity: 1;

        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);

        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);

        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);

        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    to {

        opacity: 0;

        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);

        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);

        -webkit-transform-origin: center bottom;

        transform-origin: center bottom;

        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);

        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

.zoomOutDown {

    -webkit-animation-name: zoomOutDown;

    animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {

    40% {

        opacity: 1;

        -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);

        transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    }

    to {

        opacity: 0;

        -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);

        transform: scale(.1) translate3d(-2000px, 0, 0);

        -webkit-transform-origin: left center;

        transform-origin: left center;
    }
}

@keyframes zoomOutLeft {

    40% {

        opacity: 1;

        -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);

        transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    }

    to {

        opacity: 0;

        -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);

        transform: scale(.1) translate3d(-2000px, 0, 0);

        -webkit-transform-origin: left center;

        transform-origin: left center;
    }
}

.zoomOutLeft {

    -webkit-animation-name: zoomOutLeft;

    animation-name: zoomOutLeft;
}

@-webkit-keyframes zoomOutRight {

    40% {

        opacity: 1;

        -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);

        transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    }

    to {

        opacity: 0;

        -webkit-transform: scale(.1) translate3d(2000px, 0, 0);

        transform: scale(.1) translate3d(2000px, 0, 0);

        -webkit-transform-origin: right center;

        transform-origin: right center;
    }
}

@keyframes zoomOutRight {

    40% {

        opacity: 1;

        -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);

        transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    }

    to {

        opacity: 0;

        -webkit-transform: scale(.1) translate3d(2000px, 0, 0);

        transform: scale(.1) translate3d(2000px, 0, 0);

        -webkit-transform-origin: right center;

        transform-origin: right center;
    }
}

.zoomOutRight {

    -webkit-animation-name: zoomOutRight;

    animation-name: zoomOutRight;
}

@-webkit-keyframes zoomOutUp {

    40% {

        opacity: 1;

        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);

        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);

        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);

        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    to {

        opacity: 0;

        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);

        transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);

        -webkit-transform-origin: center bottom;

        transform-origin: center bottom;

        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);

        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

@keyframes zoomOutUp {

    40% {

        opacity: 1;

        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);

        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);

        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);

        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    to {

        opacity: 0;

        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);

        transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);

        -webkit-transform-origin: center bottom;

        transform-origin: center bottom;

        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);

        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

.zoomOutUp {

    -webkit-animation-name: zoomOutUp;

    animation-name: zoomOutUp;
}

@-webkit-keyframes slideInDown {

    from {

        -webkit-transform: translate3d(0, -100%, 0);

        transform: translate3d(0, -100%, 0);

        visibility: visible;
    }

    to {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);
    }
}

@keyframes slideInDown {

    from {

        -webkit-transform: translate3d(0, -100%, 0);

        transform: translate3d(0, -100%, 0);

        visibility: visible;
    }

    to {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);
    }
}

.slideInDown {

    -webkit-animation-name: slideInDown;

    animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {

    from {

        -webkit-transform: translate3d(-100%, 0, 0);

        transform: translate3d(-100%, 0, 0);

        visibility: visible;
    }

    to {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);
    }
}

@keyframes slideInLeft {

    from {

        -webkit-transform: translate3d(-100%, 0, 0);

        transform: translate3d(-100%, 0, 0);

        visibility: visible;
    }

    to {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);
    }
}

.slideInLeft {

    -webkit-animation-name: slideInLeft;

    animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {

    from {

        -webkit-transform: translate3d(100%, 0, 0);

        transform: translate3d(100%, 0, 0);

        visibility: visible;
    }

    to {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);
    }
}

@keyframes slideInRight {

    from {

        -webkit-transform: translate3d(100%, 0, 0);

        transform: translate3d(100%, 0, 0);

        visibility: visible;
    }

    to {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);
    }
}

.slideInRight {

    -webkit-animation-name: slideInRight;

    animation-name: slideInRight;
}

@-webkit-keyframes slideInUp {

    from {

        -webkit-transform: translate3d(0, 100%, 0);

        transform: translate3d(0, 100%, 0);

        visibility: visible;
    }

    to {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);
    }
}

@keyframes slideInUp {

    from {

        -webkit-transform: translate3d(0, 100%, 0);

        transform: translate3d(0, 100%, 0);

        visibility: visible;
    }

    to {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);
    }
}

.slideInUp {

    -webkit-animation-name: slideInUp;

    animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {

    from {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);
    }

    to {

        visibility: hidden;

        -webkit-transform: translate3d(0, 100%, 0);

        transform: translate3d(0, 100%, 0);
    }
}

@keyframes slideOutDown {

    from {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);
    }

    to {

        visibility: hidden;

        -webkit-transform: translate3d(0, 100%, 0);

        transform: translate3d(0, 100%, 0);
    }
}

.slideOutDown {

    -webkit-animation-name: slideOutDown;

    animation-name: slideOutDown;
}

@-webkit-keyframes slideOutLeft {

    from {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);
    }

    to {

        visibility: hidden;

        -webkit-transform: translate3d(-100%, 0, 0);

        transform: translate3d(-100%, 0, 0);
    }
}

@keyframes slideOutLeft {

    from {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);
    }

    to {

        visibility: hidden;

        -webkit-transform: translate3d(-100%, 0, 0);

        transform: translate3d(-100%, 0, 0);
    }
}

.slideOutLeft {

    -webkit-animation-name: slideOutLeft;

    animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {

    from {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);
    }

    to {

        visibility: hidden;

        -webkit-transform: translate3d(100%, 0, 0);

        transform: translate3d(100%, 0, 0);
    }
}

@keyframes slideOutRight {

    from {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);
    }

    to {

        visibility: hidden;

        -webkit-transform: translate3d(100%, 0, 0);

        transform: translate3d(100%, 0, 0);
    }
}

.slideOutRight {

    -webkit-animation-name: slideOutRight;

    animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {

    from {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);
    }

    to {

        visibility: hidden;

        -webkit-transform: translate3d(0, -100%, 0);

        transform: translate3d(0, -100%, 0);
    }
}

@keyframes slideOutUp {

    from {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);
    }

    to {

        visibility: hidden;

        -webkit-transform: translate3d(0, -100%, 0);

        transform: translate3d(0, -100%, 0);
    }
}

.slideOutUp {

    -webkit-animation-name: slideOutUp;

    animation-name: slideOutUp;
}

.with-uikit .uk-form select, .with-uikit .uk-form textarea, .with-uikit .uk-form input:not([type]), .with-uikit .uk-form input[type="text"], .with-uikit .uk-form input[type="password"], .with-uikit .uk-form input[type="datetime"], .with-uikit .uk-form input[type="datetime-local"], .with-uikit .uk-form input[type="date"], .with-uikit .uk-form input[type="month"], .with-uikit .uk-form input[type="time"], .with-uikit .uk-form input[type="week"], .with-uikit .uk-form input[type="number"], .with-uikit .uk-form input[type="email"], .with-uikit .uk-form input[type="url"], .with-uikit .uk-form input[type="search"], .with-uikit .uk-form input[type="tel"], .with-uikit .uk-form input[type="color"] {

    height: 30px;

    max-width: 100%;

    padding: 4px 6px;

    border: 1px solid #dddddd;

    background: #ffffff;

    color: #444444;

    -webkit-transition: all linear 0.2s;

    transition: all linear 0.2s;

    border-radius: 4px;
}

.with-uikit .uk-form input, .with-uikit .uk-form select, .with-uikit .uk-form textarea {

    box-sizing: border-box;

    margin: 0;

    border-radius: 0;

    font: inherit;

    color: inherit;
}

.with-uikit .uk-button {

    -webkit-appearance: none;

    margin: 0;

    border: none;

    overflow: visible;

    font: inherit;

    color: #444444;

    text-transform: none;

    display: inline-block;

    box-sizing: border-box;

    padding: 0 12px;

    background: #f5f5f5;

    vertical-align: middle;

    line-height: 28px;

    min-height: 30px;

    font-size: 1rem;

    text-decoration: none;

    text-align: center;

    border: 1px solid rgba(0, 0, 0, 0.06);

    border-radius: 4px;

    text-shadow: 0 1px 0 #ffffff;
}

.with-uikit .uk-button:not(:disabled) {

    cursor: pointer;
}

.with-uikit .uk-form-icon {

    display: inline-block;

    position: relative;

    max-width: 100%;
}

.with-uikit [class*='uk-icon-'] {

    font-family: FontAwesome;

    display: inline-block;

    font-weight: normal;

    font-style: normal;

    line-height: 1;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;
}

.with-uikit [class*='uk-icon-'], .with-uikit [class*='uk-icon-']:hover, .with-uikit [class*='uk-icon-']:focus {

    text-decoration: none;
}

.with-uikit .uk-icon-envelope:before {

    content: "\f0e0";
}

.with-uikit .uk-icon-key:before {

    content: "\f084";
}

.with-uikit .uk-grid {

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    -ms-flex-wrap: wrap;

    -webkit-flex-wrap: wrap;

    flex-wrap: wrap;

    margin: 0;

    padding: 0;

    list-style: none;
}

.with-uikit .uk-grid > * {

    -ms-flex: none;

    -webkit-flex: none;

    flex: none;

    margin: 0;

    float: left;
}

.with-uikit .uk-grid > * {

    padding-left: 25px;
}

.with-uikit .uk-grid {

    margin-left: -25px;
}

.with-uikit [class*='uk-width'] {

    box-sizing: border-box;

    width: 100%;
}

.with-uikit .uk-width-1-2, .with-uikit .uk-width-2-4, .with-uikit .uk-width-3-6, .with-uikit .uk-width-5-10 {

    width: 50%;
}

.with-uikit .uk-form-row + .uk-form-row {

    margin-top: 15px;
}

.with-uikit .uk-form select, .with-uikit .uk-form textarea, .with-uikit .uk-form input:not([type]), .with-uikit .uk-form input[type="text"], .with-uikit .uk-form input[type="password"], .with-uikit .uk-form input[type="datetime"], .with-uikit .uk-form input[type="datetime-local"], .with-uikit .uk-form input[type="date"], .with-uikit .uk-form input[type="month"], .with-uikit .uk-form input[type="time"], .with-uikit .uk-form input[type="week"], .with-uikit .uk-form input[type="number"], .with-uikit .uk-form input[type="email"], .with-uikit .uk-form input[type="url"], .with-uikit .uk-form input[type="search"], .with-uikit .uk-form input[type="tel"], .with-uikit .uk-form input[type="color"] {

    height: 30px;

    max-width: 100%;

    padding: 4px 6px;

    border: 1px solid #dddddd;

    background: #ffffff;

    color: #444444;

    -webkit-transition: all linear 0.2s;

    transition: all linear 0.2s;

    border-radius: 4px;
}

.with-uikit .uk-form-stacked .uk-form-label {

    display: block;

    margin-bottom: 5px;

    font-weight: bold;
}

body {

    font-family: "Open Sans", sans-serif;
}

body .mockup img {

    width: 100%;
}

body .container.tight {}

body .input-with-button {

    display: inline-block;

    vertical-align: middle;

    position: relative;

    font-size: 0.001px;

    white-space: nowrap;
}

body .input-with-button input, body .input-with-button button {

    border-radius: 4px;
}

body .input-with-button input:first-child, body .input-with-button button:first-child {

    font-size: 1rem;

    border-right-color: rgba(0, 0, 0, 0.1);

    border-right: 0;

    border-top-right-radius: 0;

    border-bottom-right-radius: 0;
}

body .input-with-button input:last-child, body .input-with-button button:last-child {

    border-left-color: rgba(0, 0, 0, 0.1);

    border-top-left-radius: 0;

    border-bottom-left-radius: 0;
}

body .uppercase {

    text-transform: uppercase;
}

body .centered {

    margin-left: auto;

    margin-right: auto;

    text-align: center;
}

body.grey {

    background-color: #f2f2f2;

    min-height: 100vh;

    height: 100%;
}

body.dark-grey {

    background-color: #45474d;

    min-height: 100vh;

    height: 100%;
}

body.legal {

    margin: 30px auto;

    width: 600px;

    max-width: 95%;
}

body.legal h1 {

    font-size: 120%;

    font-weight: bold;

    padding: 10px 0;
}

body.legal h2 {

    font-size: 110%;

    font-weight: bold;

    padding: 10px 0;
}

body.legal p {

    line-height: 1.8em;

    padding: 10px 0;
}

body.legal ol, body.legal ul {

    list-style: initial;

    padding-inline-start: 40px;
}

body.legal ol li, body.legal ul li {

    margin: initial;

    padding: initial;

    line-height: 1.5em;
}

/* uikit fixes */

.with-uikit .uk-grid.uk-form-row {

    display: table;
}

body.default2 {

    display: flex;

    min-height: 100vh;

    flex-direction: column;
}

body.default2 > div {

    flex: 1;
}

body.default2 > div#intercom-css-container, body.default2 > div#intercom-container {

    flex: 0;
}
nav.new {

    font-family: "Montserrat", sans-serif;

    color: #55656b;
}
nav.new .mobile-navbar {

    display: flex;
}
nav.new .desktop-nav-bleed {

    background: none;
}
nav.new .desktop-nav-bleed .desktop-nav-container {

    margin: 0 auto;

    width: 1100px;

    max-width: 100%;
}
nav.new .desktop-nav-bleed .desktop-nav {

    padding: 5px 8px;

    padding-top: 12px;
}
nav.new, nav.new a {

    color: #55656b;
}
nav.new a.login-button {

    background-color: #498AF4;
}
nav.new a.login-button:hover {

    background-color: #498AF4;
}
nav.new a.login-button:hover {

    box-shadow: 0 0 0px 1px #ececec;
}
nav.new .nav-left .logo {

    padding-right: 20px;

    margin-right: 10px;
}
nav.new .nav-right a.link, nav.new .left-links a.link {

    line-height: 32px;

    padding-left: 25px;

    padding: 0 13px;

    font-weight: 500;

    letter-spacing: 0.05em;

    font-size: 12px;

    opacity: 1;
}
nav.new .nav-right a.link i, nav.new .left-links a.link i {

    display: none;
}
nav.new a.link {

    border-bottom: 2px solid rgba(255, 255, 255, 0);

    border-radius: 0;
}
nav.new a.link i {

    display: inline-block;

    margin-left: 2px;
}
nav.new a.link:hover {

    border-radius: 0;

    border-bottom: 2px solid #498af4;

    background: none;
}
nav.new .nav-left .left-links, nav.new .nav-right {

    display: none;
}
nav.new .desktop-nav-bleed {

    display: none;
}
nav.new .mobile-navbar {

    background: transparent;

    display: block;

    position: relative;

    background: transparent;

    box-shadow: none;
}
nav.new .mobile-navbar .container > div, nav.new .mobile-navbar .container > a {

    flex: 1;

    flex-grow: 1;

    text-align: center;
}
nav.new .mobile-navbar .container > div.right, nav.new .mobile-navbar .container > a.right {

    text-align: right;
}
nav.new .mobile-navbar a.login-button {

    display: inline-block;

    text-decoration: none;

    line-height: 32px;

    padding-left: 25px;

    padding: 0 13px;

    font-weight: 600;

    letter-spacing: 0.05em;

    font-size: 12px;

    padding-left: 27px;

    background-image: url("/img/login_lock.png");

    background-repeat: no-repeat;

    background-position: 7px center;

    background-size: 16px 16px;

    border-radius: 5px;

    color: white;

    background-color: #498AF4;

    opacity: 100;
}
nav.new .mobile-navbar a.login-button img {

    height: 16px;

    padding-right: 3px;
}
nav.new .mobile-navbar a.login-button:hover {

    background-color: #498AF4;

    border-radius: 5px;
}
nav.new .mobile-navbar .menu-button {

    cursor: pointer;

    position: relative;

    padding-top: 20px;

    padding-bottom: 20px;

    margin-top: -10px;
}
nav.new .mobile-navbar .menu-button .nav-btn-line-1 {

    position: relative;

    width: 16px;

    height: 2px;

    background-color: #7f7f7f;

    transition: all 0.2s ease-in-out;
}
nav.new .mobile-navbar .menu-button .nav-btn-line-2 {

    position: relative;

    top: 4px;

    width: 16px;

    height: 2px;

    background-color: #7f7f7f;

    transition: all 0.2s ease-in-out;
}
nav.new .mobile-navbar .menu-button .nav-btn-line-3 {

    position: relative;

    top: 8px;

    width: 16px;

    height: 2px;

    background-color: #7f7f7f;

    transition: all 0.2s ease-in-out;
}
nav.new .mobile-navbar .menu-button.open .nav-btn-line-1 {

    transform: translate3d(0px, 6px, 0px) scale3d(1, 1, 1) rotateX(0deg)
            rotateY(0deg) rotateZ(45deg) skew(0deg, 0deg);

    transform-style: preserve-3d;
}
nav.new .mobile-navbar .menu-button.open .nav-btn-line-2 {

    opacity: 0;

    transform: translate3d(-20px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg)
            rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);

    transform-style: preserve-3d;
}
nav.new .mobile-navbar .menu-button.open .nav-btn-line-3 {

    transform: translate3d(0px, -6px, 0px) scale3d(1, 1, 1) rotateX(0deg)
            rotateY(0deg) rotateZ(-45deg) skew(0deg, 0deg);

    transform-style: preserve-3d;
}
nav.new .mobile-navmenu {

    position: relative;

    top: initial;

    left: initial;

    bottom: initial;

    z-index: initial;

    width: auto;

    background: white;

    box-shadow: 0 2px 3px 0 #e8e8e8;

    padding-bottom: 10px;

    opacity: 0;

    visibility: hidden;

    display: none;
}
nav.new .mobile-navmenu a.nav-item {

    color: #55656b;

    border-bottom: 2px solid transparent;
}
nav.new .mobile-navmenu a.nav-item:hover {

    border-bottom: 2px solid #498af4;
}
nav.new .mobile-navmenu.open {

    opacity: 1;

    visibility: visible;

    display: block;
}
nav.new.with-mobile-nav .nav {

    display: none;
}
@media (min-width: 900px) {

    nav.new .mobile-navmenu, nav.new .mobile-navbar {

        display: none;
    }

    nav.new.with-mobile-nav .nav {

        display: flex;
    }
}
@media (min-width: 900px) {

    nav.new .desktop-nav-bleed {

        display: block;
    }

    nav.new .nav-left .logo {

        border-right: 1px solid #ccc;
    }

    nav.new .nav-left .left-links {

        display: flex;

        width: 300px;
    }

    nav.new .nav-right {

        display: flex;

        width: 420px;
    }
}
body.legal header {

    margin-top: -25px;
}
body.legal .mobile-navbar {

    display: block;
}
body.legal .mobile-navmenu {

    box-shadow: none;
}
body.legal .desktop-nav-bleed {

    display: none;
}
.mobile-navmenu {

    visibility: hidden;

    opacity: 0;

    transition: all 0.2s ease-in-out;

    background: #498AF4;

    box-shadow: 0 0px 10px #333;

    width: 300px;

    max-width: 100%;

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    z-index: 20000;
}
.mobile-navmenu a {

    text-decoration: none;
}
.mobile-navmenu .title {

    padding: 0px 15px;

    position: relative;
}
.mobile-navmenu .title .inner {

    border-bottom: 1px solid rgba(255,255,255,0.5);

    display: flex;

    align-items: center;

    justify-content: space-between;

    max-width: 100%;

    padding: 10px 0;
}
.mobile-navmenu .title a {

    text-decoration: none;
}
.mobile-navmenu .title .logo img {

    height: 30px;
}
.mobile-navmenu .title .quit img {

    height: 25px;
}
.mobile-navmenu .nav-item {

    color: white;

    display: block;

    margin: 10px auto;

    text-align: center;

    font-size: 14px;

    padding: 10px 0;
}
.mobile-navmenu .login {

    text-decoration: none;

    margin: 20px auto;

    border: 1px solid white;

    border-radius: 5px;

    padding: 8px 10px;

    text-transform: uppercase;

    max-width: 60%;

    line-height: 20px;
}
.mobile-navmenu .login img {

    height: 20px;
}
.mobile-navbar {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    z-index: 10000;

    background: #498AF4;

    box-shadow: 0 0px 10px #333;
}
.mobile-navbar .container {

    margin: 0 auto;

    max-width: 100%;

    width: 970px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    box-sizing: border-box;

    padding: 0 10px;
}
.mobile-navbar .logo {

    padding: 8px 0;
}
.mobile-navbar .logo img {

    height: 35px;
}
.mobile-navbar .hamburger {

    padding: 8px 0;
}
.mobile-navbar .hamburger img {

    height: 24px;
}
.with-mobile-nav {}
.with-mobile-nav.mobile-navmenu-showing .mobile-navbar {

    opacity: 0;
}
.with-mobile-nav.mobile-navmenu-showing .mobile-navmenu {

    visibility: visible;

    opacity: 1;
}
.with-mobile-nav .nav {

    display: none;
}
@media (min-width: 600px) {

    .with-mobile-nav .nav {

        display: flex;
    }

    .mobile-navmenu, .mobile-navbar {

        display: none;
    }
}
.nav {

    max-width: 100%;

    box-sizing: border-box;

    padding-top: 10px;

    margin: 0 auto;

    display: flex;

    align-items: center;

    justify-content: space-between;

    flex-wrap: nowrap;
}
.nav a {

    color: white;

    font-size: 11px;

    font-weight: 400;

    text-decoration: none;
}
.nav .logo img {

    height: 32px;
}
.nav .nav-left {

    display: flex;

    align-items: center;
}
.nav .nav-left a {

    padding-left: 0px;

    line-height: 16px;
}
.nav .nav-left .left-links {

    display: flex;

    align-items: center;

    justify-content: space-around;
}
.nav .nav-left .left-links a {

    padding-left: 25px;

    opacity: 0.8;
}
.nav .nav-left .logo img {

    padding-left: 0px;

    opacity: 1;
}
.nav .nav-left .more-menu {

    height: 14px;

    padding-left: 4px;
}
.nav .nav-right {

    display: flex;

    align-items: center;

    flex-direction: row-reverse;

    justify-content: space-between;

    width: 520px;
}
.nav .nav-right a {

    line-height: 32px;

    padding-left: 25px;

    padding: 0 13px;

    font-weight: 600;

    letter-spacing: 0.05em;

    font-size: 12px;
}
.nav .nav-right a:hover {

    background-color: #53B6E8;

    border-radius: 5px;
}
.nav .nav-right a.login-button {

    padding-left: 27px;

    background-image: url("/img/login_lock.png");

    background-repeat: no-repeat;

    background-position: 7px center;

    background-size: 16px 16px;

    border-radius: 5px;

    color: white;

    background-color: #498AF4;

    opacity: 100;
}
.nav .nav-right a.login-button img {

    height: 16px;

    padding-right: 3px;
}
.nav .nav-right a.login-button:hover {

    background-color: #53B6E8;

    border-radius: 5px;
}
.nav .nav-right a.library-link {

    background-image: url("/img/library-icon.png");

    background-repeat: no-repeat;

    background-position: 7px center;

    background-size: 16px 16px;

    padding: 0 13px;

    padding-left: 27px;
}
.nav .nav-right a.request-demo-link {

    background-image: url("/img/request-smiley.png");

    background-repeat: no-repeat;

    background-position: 7px center;

    background-size: 16px 16px;

    padding: 0 13px;

    padding-left: 27px;
}
.nav .nav-right .right-links a {

    opacity: 0.8;
}
nav .desktop-nav-bleed {

    background: #498AF4;
}
nav .desktop-nav-container {

    margin: 0 auto;

    width: 970px;

    height: 51px;

    max-width: 100%;
}
.desktop-nav {

    padding-top: 10px;

    padding-left: 10px;

    padding-right: 10px;
}
footer {

    background-color: #f2f2f2;
}
footer a {

    text-decoration: none;
}
footer a:hover {

    text-decoration: underline;
}
footer .footer-container {

    max-width: 970px;

    margin: 0 auto;

    color: #585858;

    font-size: 11px;

    text-align: center;

    line-height: 1.9em;

    display: flex;

    justify-content: space-between;

    flex-wrap: wrap;
}
footer .footer-left {

    background-color: #F9F9F9;

    padding: 15px 20px;

    width: 250px;

    text-align: left;

    margin-left: auto;

    margin-right: auto;
}
footer .footer-left .auxpanel-logo img {

    width: 110px;
}
footer .footer-left .subheading {

    font-size: 14px;

    color: #585858;

    font-weight: 600;

    margin-bottom: 1.5em;
}
footer .footer-left .description {

    font-size: 12px;

    line-height: 1.5em;
}
footer .footer-left .description p {

    margin: 1.5em 0;
}
footer .footer-right {

    padding-bottom: 20px;

    padding-top: 20px;

    flex-grow: 1;

    flex-wrap: wrap-reverse;

    background-color: #f2f2f2;

    display: flex;

    justify-content: flex-end;
}
footer .footer-right .footer-nav {

    display: none;

    flex-grow: 1;

    padding: 40px 30px;

    text-align: center;

    display: flex;

    flex-direction: column;

    justify-content: space-between;
}
footer .footer-right .footer-nav a {

    display: block;

    color: #58585A;

    font-weight: 600;

    font-size: 12px;

    line-height: 2.5em;
}
footer .footer-right .footer-nav a:hover {

    text-decoration: none;
}
footer .footer-right .footer-nav a.plain {

    font-weight: normal;
}
footer .footer-right .footer-tip {

    margin-left: auto;

    margin-right: auto;

    padding-left: 20px;

    flex-grow: 1;

    width: 300px;

    display: flex;

    justify-content: flex-end;

    align-items: center;
}
footer .footer-right .footer-tip .bubble {

    max-width: 160px;

    line-height: 1.4em;

    margin-right: 20px;

    font-size: 13px;

    background-color: #DAEBFB;

    text-align: left;

    padding: 20px 20px;

    border-radius: 3px;

    color: #595D63;

    position: relative;
}
footer .footer-right .footer-tip .bubble a {

    color: #22A6D8;

    font-weight: 600;

    text-decoration: none;
}
footer .footer-right .footer-tip .bubble:after {

    content: ' ';

    position: absolute;

    bottom: 50%;

    transform: translate(0%, 50%);

    right: -10px;

    height: 0;

    width: 0;

    border-left: 10px solid #DAEBFB;

    border-top: 10px solid transparent;

    border-bottom: 10px solid transparent;
}
footer .footer-right .footer-tip .neal-in-space {

    height: 132px;

    width: calc(1.11 * 132px);

    min-width: calc(1.11 * 132px);
}
@media (min-width: 770px) {

    footer .footer-left {

        padding: 40px 30px;

        width: 300px;
    }
}
@media (min-width: 480px) {

    footer .footer-right .footer-nav {

        text-align: left;
    }
}
.neal-in-space {

    overflow: hidden;

    position: relative;
}
.neal-in-space .space {

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    background-position: center;

    background-repeat: no-repeat;

    background-image: url('/img/neal-in-space_space.png');

    background-size: contain;
}
.neal-in-space .neal-clipping-mask {

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    width: 83%;

    height: 92%;

    border-radius: 50%;

    overflow: hidden;
}
.neal-in-space .neal {

    position: absolute;

    height: 108%;

    width: 120%;

    left: -10%;

    background-position: center;

    background-repeat: no-repeat;

    background-image: url('/img/neal-in-space_neal.png');

    background-size: contain;

    animation: neal-in-space_bounce 3s infinite;

    animation-timing-function: ease-in-out;
}
@keyframes neal-in-space_bounce {

    0% {

        bottom: calc(-15%  + 0%);
    }

    50% {

        bottom: calc(-15% + 10%);
    }

    100% {

        bottom: calc(-15% + 0%);
    }
}
footer.footer2 {

    font-family: "Montserrat", sans-serif;

    background-color: white;

    background-color: #F8F9FC;

    margin-top: 80px;
}
/* border-top: 1px solid $auxoid-blue; */
footer.footer2 > .container {

    margin-left: auto;

    margin-right: auto;

    width: 1200px;

    max-width: 100%;

    box-sizing: border-box;

    padding-left: 10px;

    padding-right: 10px;

    padding-top: 30px;

    padding-bottom: 30px;

    display: flex;

    flex-direction: column;

    align-items: center;
}
footer.footer2 .info {

    text-align: center;

    color: #5a6a76;

    font-size: 13px;
}
footer.footer2 .info .auxpanel-logo {

    margin-left: auto;

    margin-right: auto;

    width: 110px;

    padding-bottom: 5px;
}
footer.footer2 .info .auxpanel-logo img {

    width: 100%;
}
footer.footer2 .info .made-with {

    padding-bottom: 30px;
}
footer.footer2 .info .made-with i {

    color: #f56961;
}
footer.footer2 .info .email, footer.footer2 .info .phone {

    padding: 5px 0;
}
footer.footer2 .info .email a, footer.footer2 .info .phone a {

    color: #498AF4;
}
footer.footer2 .sections {

    flex-grow: 1;

    display: flex;

    flex-direction: column;

    align-items: center;

    margin-top: 20px;

    text-align: center;
}
footer.footer2 .sections .section {

    margin-top: 30px;

    box-sizing: border-box;

    padding: 0px 30px;

    line-height: 1.5em;
}
footer.footer2 .sections .section a {

    display: block;

    color: #5a6a76;

    text-decoration: none;

    padding-bottom: 5px;

    font-size: 13px;
}
footer.footer2 .sections .section .title {

    font-size: 20px;

    font-weight: 600;

    color: #212452;

    padding-bottom: 10px;
}
footer.footer2 .footer-copyright {

    box-sizing: border-box;

    background-color: #498AF4;

    width: 100%;

    padding-right: 15px;

    padding-left: 15px;

    margin-right: auto;

    margin-left: auto;

    font-size: 13px;

    line-height: 2rem;

    text-align: center;

    color: white;

    margin: 0;
}
footer.footer2 .footer-copyright a {

    color: white;
}
@media screen (min-width: 1200px) {

    footer.footer2 > .container {

        padding-left: 0;

        padding-right: 0;
    }
}
@media (min-width: 600px) {

    footer.footer2 > .container {

        flex-direction: row;

        justify-contents: space-between;

        align-items: flex-start;
    }
}
@media (min-width: 600px) {

    footer.footer2 .info {

        text-align: left;
    }
}
@media (min-width: 600px) {

    footer.footer2 .info .auxpanel-logo {

        margin-left: -4px;
    }
}
@media (min-width: 600px) {

    footer.footer2 .sections {

        margin-top: 0;

        flex-direction: row;

        justify-content: flex-end;

        align-items: flex-start;

        text-align: left;
    }
}
@media (min-width: 600px) {

    footer.footer2 .sections .section {

        margin-top: 0;
    }
}
footer.footer2 .footer-container {

    max-width: 970px;

    margin: 0 auto;

    color: #585858;

    font-size: 11px;

    text-align: center;

    line-height: 1.9em;

    display: flex;

    justify-content: space-between;

    flex-wrap: wrap;
}
footer.footer2 .footer-container a {

    text-decoration: none;
}
footer.footer2 .footer-container a:hover {

    text-decoration: underline;
}
footer.footer2 .footer-container .footer-left {

    background-color: #f9f9f9;

    padding: 15px 20px;

    width: 250px;

    text-align: left;

    margin-left: auto;

    margin-right: auto;
}
footer.footer2 .footer-container .footer-left .auxpanel-logo img {

    width: 110px;
}
footer.footer2 .footer-container .footer-left .subheading {

    font-size: 14px;

    color: #585858;

    font-weight: 600;

    margin-bottom: 1.5em;
}
footer.footer2 .footer-container .footer-left .description {

    font-size: 12px;

    line-height: 1.5em;
}
footer.footer2 .footer-container .footer-left .description p {

    margin: 1.5em 0;
}
footer.footer2 .footer-container .footer-right {

    padding-bottom: 20px;

    padding-top: 20px;

    flex-grow: 1;

    flex-wrap: wrap-reverse;

    background-color: #f2f2f2;

    display: flex;

    justify-content: flex-end;
}
footer.footer2 .footer-container .footer-right .footer-nav {

    display: none;

    flex-grow: 1;

    padding: 40px 30px;

    text-align: center;

    display: flex;

    flex-direction: column;

    justify-content: space-between;
}
footer.footer2 .footer-container .footer-right .footer-nav a {

    display: block;

    color: #58585a;

    font-weight: 600;

    font-size: 12px;

    line-height: 2.5em;
}
footer.footer2 .footer-container .footer-right .footer-nav a:hover {

    text-decoration: none;
}
footer.footer2 .footer-container .footer-right .footer-nav a.plain {

    font-weight: normal;
}
footer.footer2 .footer-container .footer-right .footer-tip {

    margin-left: auto;

    margin-right: auto;

    padding-left: 20px;

    flex-grow: 1;

    width: 300px;

    display: flex;

    justify-content: flex-end;

    align-items: center;
}
footer.footer2 .footer-container .footer-right .footer-tip .bubble {

    max-width: 160px;

    line-height: 1.4em;

    margin-right: 20px;

    font-size: 13px;

    background-color: #daebfb;

    text-align: left;

    padding: 20px 20px;

    border-radius: 3px;

    color: #595d63;

    position: relative;
}
footer.footer2 .footer-container .footer-right .footer-tip .bubble a {

    color: #22a6d8;

    font-weight: 600;

    text-decoration: none;
}
footer.footer2 .footer-container .footer-right .footer-tip .bubble:after {

    content: " ";

    position: absolute;

    bottom: 50%;

    transform: translate(0%, 50%);

    right: -10px;

    height: 0;

    width: 0;

    border-left: 10px solid #DAEBFB;

    border-top: 10px solid transparent;

    border-bottom: 10px solid transparent;
}
footer.footer2 .footer-container .footer-right .footer-tip .neal-in-space {

    height: 132px;

    width: calc(1.11 * 132px);

    min-width: calc(1.11 * 132px);
}
@media (min-width: 770px) {

    footer.footer2 .footer-container .footer-left {

        padding: 40px 30px;

        width: 300px;
    }
}
@media (min-width: 480px) {

    footer.footer2 .footer-container .footer-right .footer-nav {

        text-align: left;
    }
}
.neal-in-space {

    overflow: hidden;

    position: relative;
}
.neal-in-space .space {

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    background-position: center;

    background-repeat: no-repeat;

    background-image: url("/img/neal-in-space_space.png");

    background-size: contain;
}
.neal-in-space .neal-clipping-mask {

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    width: 83%;

    height: 92%;

    border-radius: 50%;

    overflow: hidden;
}
.neal-in-space .neal {

    position: absolute;

    height: 108%;

    width: 120%;

    left: -10%;

    background-position: center;

    background-repeat: no-repeat;

    background-image: url("/img/neal-in-space_neal.png");

    background-size: contain;

    animation: neal-in-space_bounce 3s infinite;

    animation-timing-function: ease-in-out;
}
@keyframes neal-in-space_bounce {

    0% {

        bottom: calc(-15% + 0%);
    }

    50% {

        bottom: calc(-15% + 10%);
    }

    100% {

        bottom: calc(-15% + 0%);
    }
}
.api-form {

    position: relative;
}
.api-form .api-form-success {

    display: none;
}
.api-form .api-form-error {

    display: none;
}
.api-form .api-form-error {

    text-align: center;

    margin: 20px auto;

    font-weight: 600;
}
.api-form-loadingbar {

    overflow: hidden;

    position: absolute;

    z-index: 2147483647;

    bottom: 0;

    left: -6px;

    width: 1%;

    height: 2px;

    background: #b91f1f;

    border-radius: 1px;

    transition: all 500ms ease-in-out;
}
.api-form-loadingbar.waiting dd, .api-form-loadingbar.waiting dt {

    animation: loadingbar-pulse 2s ease-out 0s infinite;
}
.api-form-loadingbar dt {

    opacity: .6;

    width: 180px;

    right: -80px;

    clip: rect(-6px,90px,14px,-6px);
}
.api-form-loadingbar dd {

    opacity: .6;

    width: 20px;

    right: 0;

    clip: rect(-6px,22px,14px,10px);
}
.api-form-loadingbar dd, .api-form-loadingbar dt {

    position: absolute;

    top: 0;

    height: 2px;

    box-shadow: #B91F1F 1px 0 6px 1px;

    border-radius: 100%;
}
@keyframes loadingbar-pulse {

    30% {

        opacity: 0.6;
    }

    60% {

        opacity: 0;
    }

    100% {

        opacity: 0.6;
    }
}
.api-form-loadingbar {

    bottom: -15px;

    background: #6897df;
}
.api-form-loadingbar dd, .api-form-loadingbar dt {

    box-shadow: #6897df 1px 0 6px 1px;
}
.floating-share-icons {

    width: 40px;

    position: absolute;

    left: -40px;

    margin-top: 50px;
}
.floating-share-icons .share-icons a {

    display: block;

    width: 40px;

    height: 40px;

    line-height: 40px;

    font-size: 20px;

    text-align: center;

    color: white;
}
.floating-share-icons .share-icons a.facebook {

    background: #25497F;
}
.floating-share-icons .share-icons a.twitter {

    background: #2EB7EF;
}
.floating-share-icons .share-icons a.linkedin {

    background: #2E88CB;
}
.floating-share-icons .share-icons a.email {

    background: #737373;
}
.start-or-demo {

    margin-left: auto;

    margin-right: auto;

    width: 1200px;

    max-width: 100%;

    box-sizing: border-box;

    padding-left: 10px;

    padding-right: 10px;

    margin-top: 40px;

    margin-bottom: 40px;

    display: flex;

    flex-direction: column;

    justify-content: space-between;

    align-items: stretch;
}
.start-or-demo .get-the-demo, .start-or-demo .get-started {

    width: 500px;

    max-width: 100%;

    margin: 20px auto;

    border-radius: 10px;

    border: 1px solid #eaeaea;
}
.start-or-demo .get-the-demo .content, .start-or-demo .get-started .content {

    display: flex;

    flex-direction: column;

    box-sizing: border-box;

    padding: 50px 40px;

    height: 100%;

    width: 100%;
}
.start-or-demo .get-the-demo .title, .start-or-demo .get-started .title {

    font-size: 45px;

    font-weight: 700;

    color: #212452;

    padding-bottom: 30px;
}
.start-or-demo .get-the-demo .text, .start-or-demo .get-started .text {

    line-height: 1.5em;

    padding-bottom: 100px;

    flex-grow: 1;
}
.start-or-demo .get-the-demo .button, .start-or-demo .get-started .button {

    display: inline-block;

    border-radius: 10px;

    border: 1px solid #eaeaea;

    padding: 15px 15px;

    cursor: pointer;

    font-weight: 600;

    box-shadow: 0px 0px 3px 1px #cccccc80;

    text-decoration: none;
}
.start-or-demo .get-the-demo {

    color: white;
}
.start-or-demo .get-the-demo .content {

    background: #498AF4;

    border-radius: 10px;
}
.start-or-demo .get-the-demo .title {

    color: white;
}
.start-or-demo .get-the-demo .button {

    background: white;

    color: #498AF4;
}
.start-or-demo .get-started {

    background-image: url("/img/homepage/get-started-now-bg@2x.png");

    background-repeat: no-repeat;

    background-size: cover;
}
.start-or-demo .get-started .button {

    background: #498AF4;

    color: white;
}
@media screen (min-width: 1200px) {

    .start-or-demo {

        padding-left: 0;

        padding-right: 0;
    }
}
@media (min-width: 1000px) {

    .start-or-demo {

        flex-direction: row;
    }
}
@media (min-width: 1000px) {

    .start-or-demo .get-the-demo, .start-or-demo .get-started {

        margin: 0 auto;

        max-width: auto;

        flex-basis: calc(50% - 30px);
    }
}

.view-homepage {

    position: relative;
}

.view-homepage .homepage-container {

    width: 970px;

    margin: 0 auto;

    max-width: 100%;
}

.view-homepage .homepage-container .homepage-content {

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    font-smoothing: subpixel-antialiased;

    width: 900px;

    max-width: 90%;

    margin: 0 auto;
}

.view-homepage .homepage-container .homepage-content .hero-headline {

    padding-top: 50px;

    padding-bottom: 25px;

    font-size: 38px;

    font-weight: 300;

    text-align: center;

    color: white;
}

.view-homepage .homepage-container .homepage-content .hero-headline .dynamic-headline strong {

    text-decoration: underline;

    font-weight: 500;
}

.view-homepage .homepage-container .homepage-content .hero-subtitle {

    color: white;

    width: 510px;

    max-width: 78%;

    margin: 0 auto;

    padding-bottom: 20px;

    text-align: center;

    font-weight: 300;

    font-size: 15px;

    line-height: 1.5em;

    padding-bottom: 30px;
}

.view-homepage .homepage-container .homepage-content .hero-button {

    display: block;

    background-color: #3cc76a;

    color: white;

    font-size: 12px;

    font-weight: 600;

    width: 206px;

    padding: 15px 0;

    letter-spacing: 0.05em;

    border-radius: 5px;

    margin: 0 auto;

    text-align: center;

    text-transform: uppercase;

    text-decoration: none;
}

.view-homepage .homepage-container .homepage-content .hero-pricing {

    display: block;

    margin: 0 auto;

    text-align: center;

    color: #22a2e2;

    font-size: 12px;

    margin-top: 16px;
}

.view-homepage .hero-bottom {

    height: 280px;
}

.view-homepage .hero-splash {

    min-height: 500px;
}

.view-homepage .hero-bottom {

    background-color: #F5F5F5;

    box-sizing: border-box;

    position: relative;
}

.view-homepage .hero-bottom .hero-bottom-content {

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    width: 800px;

    max-width: 100%;

    margin-left: auto;

    margin-right: auto;
}

.view-homepage .hero-bottom h1 {

    text-align: center;

    font-size: 29px;

    font-weight: 300;

    color: #231f20;

    padding-bottom: 25px;
}

.view-homepage .hero-bottom .value-props {

    display: flex;

    justify-content: space-between;
}

.view-homepage .hero-bottom .value-prop {

    flex: 1;

    width: 30%;

    text-align: center;
}

.view-homepage .hero-bottom .value-prop img {

    width: 80%;

    max-width: 120px;

    display: inline-block;
}

.view-homepage .hero-bottom .value-prop .text {

    font-size: 13px;

    color: #5A5A5C;
}

.view-homepage .hero-splash {

    background-image: url('/img/homepage-dentist-blue-bg.jpg');

    background-size: cover;

    background-position: center center;

    position: relative;
}

.view-homepage .how-it-works {

    margin: 0 auto;

    padding: 50px 0;

    text-align: center;

    background-color: white;
}

.view-homepage .how-it-works .hiw-header {

    font-size: 29px;

    font-weight: 300;

    color: #231f20;

    line-height: 1.3em;

    padding: 0px 0 20px 0;
}

.view-homepage .how-it-works .hiw-subtitle {

    color: #58595b;

    font-size: 14px;

    width: 85%;

    margin: 0 auto;

    line-height: 2.2em;

    font-weight: 300;
}

.view-homepage .how-it-works .hiw-subtitle p {

    line-height: 2.2em;
}

.view-homepage .how-it-works .hiw-subtitle i {

    background-repeat: no-repeat;

    background-size: contain;

    height: 2em;

    width: 2em;

    display: inline-block;

    vertical-align: middle;
}

.view-homepage .how-it-works .hiw-subtitle i.hiw-sync {

    background-image: url('/img/hiw-sync.png');
}

.view-homepage .how-it-works .hiw-subtitle i.hiw-visual {

    background-image: url('/img/hiw-visual.png');
}

.view-homepage .how-it-works .hiw-subtitle i.hiw-minutes {

    background-image: url('/img/hiw-minutes.png');
}

.view-homepage .how-it-works .hiw-diagram img {

    max-width: 850px;

    width: 95%;

    padding: 45px 0 30px 0;
}

.view-homepage .how-it-works .hiw-columns {

    font-size: 12px;

    text-align: left;

    line-height: 1.3em;

    color: #58595b;

    padding-bottom: 64px;
}

.view-homepage .how-it-works .hiw-columns .hiw-column-left, .view-homepage .how-it-works .hiw-columns .hiw-column-middle, .view-homepage .how-it-works .hiw-columns .hiw-column-right {

    max-width: 250px;

    padding: 0 24px 0 36px;
}

.view-homepage .how-it-works .hiw-columns .hiw-column-left {

    margin: 0 auto;

    margin-bottom: 25px;
}

.view-homepage .how-it-works .hiw-columns .hiw-column-middle {

    margin: 0 auto;

    margin-bottom: 25px;
}

.view-homepage .how-it-works .hiw-columns .hiw-column-right {

    margin: 0 auto;
}

.view-homepage .feature-focus-block {

    background: #f5f5f5;

    /* For browsers that do not support gradients */

    background: linear-gradient(#f5f5f5, white);

    /* Standard syntax */

    position: relative;
}

.view-homepage .feature-focus-block .focus-top {

    margin: 0 auto;

    padding-top: 50px;

    padding-bottom: 50px;

    text-align: center;
}

.view-homepage .feature-focus-block .focus-top .focus-top-mock {

    text-align: center;
}

.view-homepage .feature-focus-block .focus-top .focus-top-mock img {

    max-height: 620px;
}

.view-homepage .feature-focus-block .focus-top .focus-top-content .focus-top-header, .view-homepage .feature-focus-block .focus-top .focus-top-content .focus-top-description {

    max-width: 380px;
}

.view-homepage .feature-focus-block .focus-top .focus-top-content .focus-top-header {

    font-size: 18px;

    font-weight: 600;

    color: #231f20;

    padding-bottom: 47px;
}

.view-homepage .feature-focus-block .focus-top .focus-top-content .focus-top-description {

    text-align: left;

    font-size: 13px;

    line-height: 1.7em;

    color: #58595b;
}

.view-homepage .feature-focus-block .focus-middle {

    margin: 0 auto;

    padding-top: 25px;

    padding-bottom: 25px;
}

.view-homepage .feature-focus-block .focus-middle .focus-middle-content .focus-middle-header {

    font-size: 18px;

    font-weight: 600;

    color: #231f20;

    padding-bottom: 47px;

    max-width: 380px;

    text-align: center;
}

.view-homepage .feature-focus-block .focus-middle .focus-middle-content .focus-middle-description {

    font-size: 13px;

    line-height: 1.7em;

    color: #58595b;

    max-width: 380px;

    text-align: left;
}

.view-homepage .feature-focus-block .focus-middle .focus-middle-mock img {

    max-height: 600px;
}

.view-homepage .feature-focus-block .focus-middle .focus-middle-mock.small-screen-only {

    display: block;
}

.view-homepage .feature-focus-block .focus-middle .focus-middle-mock.big-screen-only {

    display: none;
}

.view-homepage .feature-focus-map {

    background-color: #e8f1f9;

    position: relative;
}

.view-homepage .feature-focus-map .map-image-set {

    position: relative;

    width: 100%;

    height: calc( (1/1.6774)*2*100vw);
}

.view-homepage .feature-focus-map .map-image-set .map-layer, .view-homepage .feature-focus-map .map-image-set .bubbles-layer, .view-homepage .feature-focus-map .map-image-set .gradient-layer {

    position: absolute;

    background-repeat: no-repeat;

    background-position: top left;

    width: 100%;

    height: (1/1.6774)*2*100vw;

    background-size: 200%;
}

.view-homepage .feature-focus-map .map-image-set .map-layer {

    background-image: url("/img/map-layer.png");
}

.view-homepage .feature-focus-map .map-image-set .gradient-layer {

    height: calc( 0.25*(1/1.6774)*2*100vw );

    background: transparent;

    /* For browsers that do not support gradients */

    background: linear-gradient(white, rgba(255,255,255,0));

    /* Standard syntax */
}

.view-homepage .feature-focus-map .map-image-set .bubbles-layer {

    background-image: url("/img/bubbles-layer.png");
}

.view-homepage .feature-focus-map .map-image-set .pulsating-dot {

    margin-left: -20px;

    margin-top: -20px;
}

.view-homepage .feature-focus-map .map-image-set .pulsating-dot.one {

    left: 59%;

    top: 51.3%;
}

.view-homepage .feature-focus-map .map-image-set .pulsating-dot.two {

    left: 70%;

    top: 44%;
}

.view-homepage .feature-focus-map .map-image-set .pulsating-dot.three {

    left: 52%;

    top: 28%;
}

.view-homepage .feature-focus-map .pulsating-dot {

    position: absolute;
}

.view-homepage .feature-focus-map .circle-container {

    position: relative;

    width: 40px;

    height: 40px;
}

.view-homepage .feature-focus-map .circle {

    width: 16px;

    height: 16px;

    box-sizing: border-box;

    background-color: #00aeef;

    border-radius: 50%;

    position: absolute;

    top: 50%;

    left: 50%;

    margin-left: -8px;

    margin-top: -8px;
}

.view-homepage .feature-focus-map .ringring {

    box-sizing: border-box;

    border: 3px solid #00aeef;

    border-radius: 30px;

    height: 26px;

    width: 26px;

    position: absolute;

    left: 50%;

    top: 50%;

    margin-left: -13px;

    margin-top: -13px;

    animation: pulsating-dot_pulsate 1s ease-out;

    animation-iteration-count: infinite;

    opacity: 0.0;
}

.view-homepage .feature-focus-map .focus-map-content-container {

    background: white;
}

.view-homepage .feature-focus-map .focus-map-content-container .focus-map-content {

    max-width: 360px;

    margin: 0 auto;

    padding-top: 30px;

    padding-bottom: 30px;
}

.view-homepage .feature-focus-map .focus-map-content-container .focus-map-content .focus-map-header {

    font-size: 18px;

    font-weight: 600;

    color: #231f20;

    padding-bottom: 47px;
}

.view-homepage .feature-focus-map .focus-map-content-container .focus-map-content .focus-map-description {

    font-size: 13px;

    line-height: 1.7em;

    color: #58595b;
}

.view-homepage .feature-grid {

    margin: 0 auto;

    text-align: center;

    background-color: #f8f9fb;

    padding-bottom: 20px;
}

.view-homepage .feature-grid .grid-header {

    font-size: 29px;

    font-weight: 300;

    color: #208bed;

    line-height: 1.3em;

    width: 95%;

    margin: 0 auto;

    /*background: -webkit-linear-gradient(#4ec7ec, #0d72ed);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;*/

    padding: 48px 0 20px 0;
}

.view-homepage .feature-grid .grid-subtitle {

    color: #58595b;

    font-size: 14px;

    width: 85%;

    margin: 0 auto;

    line-height: 1.6em;

    font-weight: 300;

    padding-bottom: 20px;
}

.view-homepage .feature-grid .feature-box {

    padding: 20px;
}

.view-homepage .feature-grid .feature-box a {

    color: #22a2e2;

    text-transform: uppercase;

    font-weight: 600;

    font-size: 11px;

    line-height: 3.6em;

    letter-spacing: 0.05em;
}

.view-homepage .feature-grid .feature-box .f-icon img {

    width: 62px;

    margin-left: 12px;
}

.view-homepage .feature-grid .feature-box .f-header {

    font-size: 14px;

    color: #231f20;

    font-weight: 600;

    padding: 5px 0 10px 0;
}

.view-homepage .feature-grid .feature-box .f-desc {

    font-size: 12px;

    color: #58595b;

    line-height: 1.6em;

    width: 85%;

    margin: 0 auto;
}

.view-homepage .power-sells {

    background-image: url("/img/blocks_grad.jpg");

    background-position: center center;

    margin: 0 auto;

    text-align: center;
}

.view-homepage .power-sells .power-blocks {

    margin-left: auto;

    margin-right: auto;

    display: flex;

    width: 800px;

    max-width: 100%;

    flex-wrap: wrap;

    align-items: center;

    justify-content: space-around;
}

.view-homepage .power-sells .one-block {

    padding: 35px 0 20px 0;

    width: 39%;

    margin: 0 10px 0 10px;

    display: inline-block;

    vertical-align: top;
}

.view-homepage .power-sells .one-block img {

    width: 66px;
}

.view-homepage .power-sells .one-block.bottom {

    padding-bottom: 50px;
}

.view-homepage .power-sells .block-header {

    font-size: 14px;

    color: white;

    font-weight: 600;

    padding: 5px 0 10px 0;
}

.view-homepage .power-sells .block-desc {

    font-size: 11px;

    color: white;

    opacity: 0.7;

    line-height: 1.6em;

    margin: 0 auto;
}

.view-homepage .final-cta {

    background-image: url("/img/cta_background.jpg");

    background-position: center center;

    background-size: cover;
}

.view-homepage .final-cta .view-request-demo {

    background: none;
}

.view-homepage .homepage-footer {

    background-color: #f8f9fb;

    padding: 30px 20px 50px 20px;
}

.view-homepage .homepage-footer .homepage-footer-container {

    max-width: 970px;

    margin: 0 auto;

    color: #939598;

    font-size: 11px;

    text-align: center;

    line-height: 1.9em;
}

.view-homepage .homepage-footer .footer-left .left-link {

    color: #939598;

    padding: 12px;
}

.view-homepage .homepage-footer .footer-right {

    padding: 25px;

    padding-bottom: 0;
}

@media (min-height: 600px) {

    .view-homepage .hero-splash {

        height: calc(100vh - 280px);
    }
}

@media (min-width: 960px) {

    .view-homepage .how-it-works .hiw-subtitle {

        width: 40%;
    }
}

@media (min-width: 930px) {

    .view-homepage .how-it-works .hiw-columns {

        display: inline-block;
    }
}

@media (min-width: 930px) {

    .view-homepage .how-it-works .hiw-columns .hiw-column-left, .view-homepage .how-it-works .hiw-columns .hiw-column-middle, .view-homepage .how-it-works .hiw-columns .hiw-column-right {

        display: inline-block;
    }
}

@media (min-width: 930px) {

    .view-homepage .how-it-works .hiw-columns .hiw-column-left {

        float: left;
    }
}

@media (min-width: 930px) {

    .view-homepage .how-it-works .hiw-columns .hiw-column-right {

        float: left;
    }
}

@media (min-width: 960px) {

    .view-homepage .feature-focus-block .focus-top .focus-top-mock {

        display: inline-block;

        text-align: right;

        width: 48%;
    }
}

@media (min-width: 960px) {

    .view-homepage .feature-focus-block .focus-top .focus-top-content {

        display: inline-block;

        text-align: left;

        width: 48%;

        vertical-align: middle;

        padding-left: 25px;

        box-sizing: border-box;
    }
}

@media (max-width: 959px) {

    .view-homepage .feature-focus-block .focus-top .focus-top-content .focus-top-header {

        margin: 0 auto;

        margin-top: 50px;
    }

    .view-homepage .feature-focus-block .focus-top .focus-top-content .focus-top-description {

        margin: 0 auto;

        text-align: left;
    }
}

@media (min-width: 960px) {

    .view-homepage .feature-focus-block .focus-middle .focus-middle-content {

        display: inline-block;

        text-align: right;

        width: 48%;

        vertical-align: middle;
    }

    .view-homepage .feature-focus-block .focus-middle .focus-middle-content .focus-middle-content-inner {

        display: inline-block;
    }
}

@media (min-width: 960px) {

    .view-homepage .feature-focus-block .focus-middle .focus-middle-content .focus-middle-header {

        text-align: left;
    }
}

@media (max-width: 959px) {

    .view-homepage .feature-focus-block .focus-middle .focus-middle-content .focus-middle-header {

        margin: 0 auto;

        margin-top: 50px;
    }

    .view-homepage .feature-focus-block .focus-middle .focus-middle-content .focus-middle-description {

        margin: 0 auto;

        text-align: left;
    }
}

@media (min-width: 960px) {

    .view-homepage .feature-focus-block .focus-middle .focus-middle-mock {

        text-align: left;

        width: 48%;

        vertical-align: middle;

        padding-left: 25px;

        box-sizing: border-box;
    }

    .view-homepage .feature-focus-block .focus-middle .focus-middle-mock.small-screen-only {

        display: none;
    }

    .view-homepage .feature-focus-block .focus-middle .focus-middle-mock.big-screen-only {

        display: inline-block;
    }
}

@media (min-width: 960px) {

    .view-homepage .feature-focus-map .map-image-set {

        height: calc( (1/1.6774)*100vw );
    }

    .view-homepage .feature-focus-map .map-image-set .map-layer, .view-homepage .feature-focus-map .map-image-set .bubbles-layer, .view-homepage .feature-focus-map .map-image-set .gradient-layer {

        position: absolute;

        background-repeat: no-repeat;

        background-position: top left;

        width: 100%;

        height: calc( (1/1.6774)*100vw );

        background-size: 100%;
    }

    .view-homepage .feature-focus-map .map-image-set .gradient-layer {

        height: calc( 0.25*(1/1.6774)*100vw );
    }

    .view-homepage .feature-focus-map .map-image-set .pulsating-dot {}

    .view-homepage .feature-focus-map .map-image-set .pulsating-dot.one {

        left: calc( 0.5*59% );

        top: 51.3%;
    }

    .view-homepage .feature-focus-map .map-image-set .pulsating-dot.two {

        left: calc( 0.5*70% );

        top: 44%;
    }

    .view-homepage .feature-focus-map .map-image-set .pulsating-dot.three {

        left: calc( 0.5*52% );

        top: 28%;
    }
}

@media(min-width: 960px) {

    .view-homepage .feature-focus-map .focus-map-content-container {

        background: transparent;

        position: absolute;

        top: 15%;

        left: 50%;

        margin-left: 90px;
    }
}

@media(min-width: 960px) {

    .view-homepage .feature-grid {

        background-color: white;
    }
}

@media(min-width: 960px) {

    .view-homepage .feature-grid .feature-box {

        display: inline-block;

        text-align: left;

        width: 265px;

        vertical-align: top;
    }
}

@media(min-width: 960px) {

    .view-homepage .feature-grid .feature-box .f-icon img {

        margin-left: 0px;
    }
}

@media(min-width: 660px) {

    .view-homepage .feature-grid .feature-box .f-desc {

        width: 50%;
    }
}

@media(min-width: 960px) {

    .view-homepage .feature-grid .feature-box .f-desc {

        margin: 0;

        width: 85%;
    }
}

@media(min-width: 960px) {

    .view-homepage .power-sells .one-block {

        width: 200px;

        padding: 68px 10px 90px 10px;

        margin: 0 auto;
    }
}

@media(min-width: 960px) {

    .view-homepage .homepage-footer .footer-left {

        display: inline-block;

        float: left;
    }
}

@media(min-width: 960px) {

    .view-homepage .homepage-footer .footer-right {

        display: inline-block;

        float: right;

        padding: 0;
    }
}

@keyframes pulsating-dot_pulsate {

    0% {

        transform: scale(0.1, 0.1);

        opacity: 0.0;
    }

    50% {

        opacity: 1.0;
    }

    100% {

        transform: scale(1.2, 1.2);

        opacity: 0.0;
    }
}

.typed-cursor {

    opacity: 1;

    animation: typed-cursor-animation 0.7s infinite;
}

@keyframes typed-cursor-animation {

    0% {

        opacity: 1;
    }

    50% {

        opacity: 0;
    }

    100% {

        opacity: 1;
    }
}
.view-homepage2 {

    font-family: "Montserrat", sans-serif;

    color: #55656b;
}
.view-homepage2 .hero-container {

    width: 1200px;

    margin: 0 auto;

    max-width: 95%;
}
.view-homepage2 .hero-container > div {

    max-width: 100%;
}
.view-homepage2 .hero-headline {

    text-align: center;

    font-weight: 700;

    line-height: 1.3em;

    color: #212452;

    margin-bottom: 20px;

    font-size: 35px;

    margin-top: 20px;
}
.view-homepage2 .hero-headline strong {

    text-decoration: underline;

    text-decoration-style: dashed;

    /* text-decoration-color: #498af49e; */

    text-decoration-color: #f6c52e;
}
.view-homepage2 .hero-subtitle {

    font-size: 15px;

    width: 600px;

    margin: 0 auto;

    line-height: 1.8em;

    text-align: center;

    font-weight: 400;
}
.view-homepage2 .hero-buttons {

    margin: 30px auto;

    text-align: center;
}
.view-homepage2 .hero-buttons .hero-button {

    padding: 15px 20px;

    margin: 12px 15px;

    display: inline-block;

    color: white;

    background: #498af3;

    border-radius: 8px;

    color: white;

    font-weight: 600;

    text-decoration: none;

    box-shadow: 0 0 6px 2px #ccc;
}
.view-homepage2 .hero-buttons .hero-button.sign-up {

    background: white;

    color: #498af3;
}
.view-homepage2 .hero-video {

    text-align: center;

    margin: 20px auto;

    box-shadow: 0 0 12px 3px #ccc;

    max-width: 90%;
}
.view-homepage2 .hero-video video {

    margin-bottom: -3px;

    max-width: 100%;
}
.view-homepage2 .hero-video, .view-homepage2 .hero-video video {

    border-radius: 5px;

    width: 1000px;
}
.view-homepage2 .desktop-nav2 {

    width: 1280px;

    margin: 0 auto;

    max-width: 100%;
}
.view-homepage2 .a-few-quotes {

    margin-left: auto;

    margin-right: auto;

    width: 1200px;

    max-width: 100%;

    box-sizing: border-box;

    padding-left: 10px;

    padding-right: 10px;

    text-align: center;

    margin-top: 60px;

    margin-bottom: 60px;
}
.view-homepage2 .a-few-quotes .title {

    text-transform: uppercase;

    margin-bottom: 40px;
}
.view-homepage2 .a-few-quotes .title i {

    color: #f56961;
}
.view-homepage2 .a-few-quotes .quotes {

    display: flex;

    justify-content: space-between;

    flex-direction: column;

    align-items: center;
}
.view-homepage2 .a-few-quotes .quotes .quote {

    margin: 10px 0;

    box-sizing: border-box;

    flex-basis: 1;

    padding: 10px;

    box-shadow: 0 2px 3px 0px #dedede;

    border-radius: 3px;

    text-align: left;

    font-size: 14px;

    line-height: 1.5em;

    background-repeat: no-repeat;

    padding-left: 95px;

    background-size: 140px 140px;

    background-position: -40px calc(50% + 5px);

    max-width: 400px;
}
.view-homepage2 .a-few-quotes .quotes .quote.green-shirt {

    background-image: url(/img/homepage/green-shirt@2x.png);
}
.view-homepage2 .a-few-quotes .quotes .quote.purple-shirt {

    background-image: url(/img/homepage/purple-shirt@2x.png);
}
.view-homepage2 .a-few-quotes .quotes .quote.yellow-shirt {

    background-image: url(/img/homepage/yellow-shirt@2x.png);
}
.view-homepage2 .highlight {

    text-align: center;

    flex-direction: column;
}
.view-homepage2 .highlight .container {

    margin-left: auto;

    margin-right: auto;

    width: 1200px;

    max-width: 100%;

    box-sizing: border-box;

    padding-left: 10px;

    padding-right: 10px;

    padding-top: 30px;

    padding-bottom: 30px;

    padding-left: 20px;

    padding-right: 20px;
}
.view-homepage2 .highlight .title {

    font-size: 40px;

    font-weight: 600;

    color: #212452;

    line-height: 1.2em;

    padding-bottom: 20px;
}
.view-homepage2 .highlight .description {

    line-height: 2.2em;

    width: 500px;

    max-width: 100%;
}
.view-homepage2 .highlight .image {

    padding: 40px 40px;

    box-sizing: border-box;

    max-width: 100%;
}
.view-homepage2 .highlight .image img {

    max-width: 100%;
}
.view-homepage2 .highlight .description {

    margin: 0px auto;
}
.view-homepage2 .highlight img {

    max-width: 100%;
}
.view-homepage2 .highlight.grey-background {

    background-color: #f9f9f9;
}
.view-homepage2 .highlight.highlight-image-center {

    text-align: center;

    flex-direction: column;
}
.view-homepage2 .highlight.highlight-image-center .description {

    margin: 0px auto;
}
.view-homepage2 .highlight.highlight-image-center img {

    max-width: 100%;
}
.view-homepage2 .folks-love-auxpanel {

    text-align: center;

    position: relative;
}
.view-homepage2 .folks-love-auxpanel .people {

    display: flex;

    justify-content: center;

    align-items: flex-end;

    overflow: hidden;

    max-width: 100%;
}
.view-homepage2 .folks-love-auxpanel .image {

    display: inline-block;
}
.view-homepage2 .folks-love-auxpanel .title {

    text-align: center;

    font-size: 40px;

    font-weight: 600;

    color: #212452;

    line-height: 1.2em;

    padding-bottom: 20px;
}
.view-homepage2 .folks-love-auxpanel .quotes {

    margin-left: auto;

    margin-right: auto;

    width: 1200px;

    max-width: 100%;

    box-sizing: border-box;

    padding-left: 10px;

    padding-right: 10px;

    text-align: center;

    display: block;

    width: 100%;
}
.view-homepage2 .folks-love-auxpanel .quote {

    display: inline-block;

    box-sizing: border-box;

    vertical-align: top;

    border-radius: 5px;

    margin: 10px 0px;

    width: 100%;

    padding: 20px 20px;

    text-align: center;

    line-height: 1.5em;

    box-shadow: 0px 0px 5px 1px #ccc;

    border-left: 3px solid #498AF4;
}
.view-homepage2 .folks-love-auxpanel .quote span.redacted {

    color: #ececec;
}
.view-homepage2 .folks-love-auxpanel .quote.blue {

    border-left-color: #64b7f0;
}
.view-homepage2 .folks-love-auxpanel .quote.orange {

    border-left-color: #e87656;
}
.view-homepage2 .folks-love-auxpanel .quote.green {

    border-left-color: #1fc19e;
}
.view-homepage2 .folks-love-auxpanel .quote.pink {

    border-left-color: #fab9b2;
}
.view-homepage2 .folks-love-auxpanel .quote.yellow {

    border-left-color: #f6c52e;
}
.view-homepage2 .folks-love-auxpanel .quote.purples {

    border-left-color: #6e86ed;
}
.view-homepage2 .big-link {

    text-align: center;

    margin: 40px auto;

    font-size: 20px;
}
.view-homepage2 .big-link a {

    color: #498AF4;

    font-weight: 700;

    text-decoration: none;
}
.view-homepage2 .learn-how {

    margin-bottom: 100px;
}
@media (min-width: 500px) {

    .view-homepage2 .hero-headline {

        font-size: 56px;

        margin-top: 80px;
    }
}
@media (min-width: 500px) {

    .view-homepage2 .hero-subtitle {

        font-size: 18px;
    }
}
@media (min-width: 500px) {

    .view-homepage2 .hero-buttons .hero-button {

        margin: 20px;

        padding: 20px 60px;
    }
}
@media screen (min-width: 1200px) {

    .view-homepage2 .a-few-quotes {

        padding-left: 0;

        padding-right: 0;
    }
}
@media (min-width: 900px) {

    .view-homepage2 .a-few-quotes .quotes {

        align-items: stretch;

        flex-direction: row;
    }
}
@media (min-width: 900px) {

    .view-homepage2 .a-few-quotes .quotes .quote {

        margin: 0px 10px;
    }
}
@media screen (min-width: 1200px) {

    .view-homepage2 .highlight .container {

        padding-left: 0;

        padding-right: 0;
    }
}
@media (min-width: 700px) {

    .view-homepage2 .highlight {}

    .view-homepage2 .highlight.highlight-image-left .container {

        display: flex;

        flex-direction: row-reverse;

        align-items: center;
    }

    .view-homepage2 .highlight.highlight-image-left .container .textual {

        width: 50%;

        text-align: left;
    }

    .view-homepage2 .highlight.highlight-image-left .container .description {}

    .view-homepage2 .highlight.highlight-image-left .container .image {

        padding-left: 0;
    }

    .view-homepage2 .highlight.highlight-image-left .container img {

        max-width: 100%;
    }

    .view-homepage2 .highlight.highlight-image-right .container {

        display: flex;

        flex-direction: row;

        align-items: center;
    }

    .view-homepage2 .highlight.highlight-image-right .container .textual {

        width: 50%;

        text-align: left;
    }

    .view-homepage2 .highlight.highlight-image-right .container .description {}

    .view-homepage2 .highlight.highlight-image-right .container .image {

        padding-right: 0;
    }

    .view-homepage2 .highlight.highlight-image-right .container img {

        max-width: 100%;
    }
}
@media (min-width: 900px) {

    .view-homepage2 .folks-love-auxpanel .image {

        position: absolute;
    }

    .view-homepage2 .folks-love-auxpanel .image.person1 {

        top: 10%;

        right: calc(50% + 350px);
    }

    .view-homepage2 .folks-love-auxpanel .image.person2 {

        top: 50%;

        right: calc(50% + 400px);
    }

    .view-homepage2 .folks-love-auxpanel .image.person3 {

        top: 10%;

        right: calc(50% - 500px);
    }

    .view-homepage2 .folks-love-auxpanel .image.person4 {

        top: 40%;

        right: calc(50% - 500px);
    }
}
@media screen (min-width: 1200px) {

    .view-homepage2 .folks-love-auxpanel .quotes {

        padding-left: 0;

        padding-right: 0;
    }
}
@media (min-width: 700px) {

    .view-homepage2 .folks-love-auxpanel .quotes {

        display: table;

        width: 700px;
    }
}
@media (min-width: 700px) {

    .view-homepage2 .folks-love-auxpanel .quote {

        margin: 20px 20px;

        width: 300px;
    }
}
.view-protected-home .hero-container {

    background-image: url('/img/gate-hero-new.jpg');

    background-size: cover;

    background-position: center center;

    position: relative;

    height: 78vh;
}
.view-protected-home .hero-container .protected-logo {

    margin: 0 auto;

    padding-top: 80px;

    text-align: center;
}
.view-protected-home .hero-container .protected-logo img {

    width: 200px;

    padding-bottom: 20px;
}
.view-protected-home .hero-container .protected-login.with-uikit {

    background-color: #f1f1f1;

    padding: 30px 0;

    width: 350px;

    max-width: 100%;

    margin: 0 auto;

    border-radius: 3px;

    text-align: center;

    box-shadow: 0px 1px 10px #565656;
}
.view-protected-home .hero-container .protected-login.with-uikit .uk-form-icon {

    width: 100%;
}
.view-protected-home .hero-container .protected-login.with-uikit i {

    position: absolute;

    top: 50%;

    width: 40px;

    margin-top: -8px;

    font-size: 14px;

    color: #acacad;

    text-align: center;

    pointer-events: none;
}
.view-protected-home .hero-container .protected-login.with-uikit input {

    width: 80%;

    line-height: 50px;

    height: 50px;

    padding: 0px 16px;

    margin: 6px 0;

    font-weight: normal;

    padding-left: 36px !important;
}
.view-protected-home .hero-container .protected-login.with-uikit button {

    width: 60%;

    background: #498AF4;

    color: white;

    font-size: 12px;

    font-weight: 600;

    letter-spacing: 0.1em;

    border: 0;

    border-radius: 25px;

    padding: 10px 20px;

    margin-top: 10px;

    margin-bottom: 10px;

    text-shadow: none;
}
.view-protected-home .hero-container .protected-login.with-uikit .protected-login-title {

    font-weight: 600;

    font-size: 15px;

    color: #292e31;
}
.view-protected-home .hero-container .protected-login.with-uikit .protected-login-subtitle {

    font-size: 13px;

    color: #7b878d;

    line-height: 2.2em;

    padding-bottom: 10px;
}
.view-protected-home .hero-container .protected-login.with-uikit .uk-animation-hover .uk-animation-slide-right {

    width: 15px;

    display: inline-block;

    float: right;
}
.view-protected-home .hero-container .protected-login.with-uikit .uk-animation-hover .uk-animation-slide-right img {

    width: 17px;
}
.view-protected-home .hero-container .protected-login.with-uikit .protected-login-forgot-pass {

    font-size: 11px;

    color: #7b878d;

    text-decoration: underline;
}
.view-protected-home .homepage-footer-container {

    background-image: url('/img/gate-footer.jpg');

    background-position: center center;

    position: relative;

    background-size: cover;

    margin: 0 auto;

    text-align: center;

    height: 22vh;
}
.view-protected-home .homepage-footer-container .footer-text {

    color: white;

    padding: 35px 0 10px 0;
}
.view-protected-home .homepage-footer-container .uk-form {

    padding: 15px 0 15px 0;

    margin: 0 auto;
}
.view-protected-home .homepage-footer-container .uk-form .input-with-button {

    margin: 0 auto;
}
.view-protected-home .homepage-footer-container .uk-form .input-with-button input, .view-protected-home .homepage-footer-container .uk-form .input-with-button button {

    padding: 0px 14px;

    height: 45px;

    line-height: 45px;
}
.view-protected-home .homepage-footer-container .uk-form .input-with-button input {

    font-style: italic;

    font-size: 13px;

    border: 0;
}
.view-protected-home .homepage-footer-container .uk-form .input-with-button button {

    font-size: 12px;

    font-weight: 600;

    letter-spacing: 0.05em;

    color: #5f676b;

    border: #ddd;

    background-color: #f1f1f1;

    text-shadow: none;
}
.view-protected-home .homepage-footer-container .footer-text {

    max-width: 80%;

    margin: 0 auto;
}
.view-protected-home .homepage-footer-container .footer-contact {

    font-size: 11px;

    text-decoration: underline;

    padding-bottom: 35px;
}
.view-protected-home .homepage-footer-container .footer-contact a {

    color: white;
}
.view-protected-home .top-logo {

    margin: 0 auto;

    padding-top: 80px;

    text-align: center;
}
.view-protected-home .top-logo img {

    width: 205px;
}
.view-protected-home .white-panel {

    margin: 20px auto;

    width: 420px;

    max-width: 100%;

    background-color: white;

    border-radius: 5px;

    box-shadow: 0px 0px 5px #e6e6e6;
}
.view-protected-home .white-panel h2 {

    color: #919395;

    font-size: 15px;

    line-height: 1.4em;

    letter-spacing: 0.03em;

    text-align: center;

    margin: 0 auto;

    margin-bottom: 15px;

    max-width: 300px;
}
.view-protected-home .white-panel .section {

    box-sizing: border-box;

    padding: 30px 20px;

    border-top: 1px solid #ececec;
}
.view-protected-home .white-panel .section:first-of-type {

    border-top: 0;
}
.view-protected-home .white-panel .invite-section .input-with-button {

    margin: 0 auto;
}
.view-protected-home .white-panel .invite-section .input-with-button input, .view-protected-home .white-panel .invite-section .input-with-button button {

    padding: 0px 16px;

    height: 40px;

    line-height: 40px;
}
.view-protected-home .white-panel .invite-section .input-with-button button {

    font-size: 0.9rem;

    letter-spacing: 0.05rem;

    color: white;

    background-color: #45bfb3;

    text-shadow: none;
}
.view-protected-home .white-panel .login-section {

    margin: 0 auto;

    padding: 20px 0;

    text-align: center;
}
.view-protected-home .white-panel .login-section input {

    width: 60%;

    line-height: 40px;

    height: 40px;

    padding: 0px 16px;

    margin: 8px 0;

    font-weight: normal;
}
.view-protected-home .white-panel .login-section button {

    width: 60%;

    background: #498AF4;

    color: white;

    font-size: 0.9rem;

    letter-spacing: 0.05rem;

    border: 0;

    border-radius: 25px;

    padding: 10px 20px;

    margin-top: 10px;

    margin-bottom: 10px;

    text-shadow: none;
}
@media (max-width: 500px) {

    .view-protected-home .hero-container {

        height: 60vh;
    }
}
@media (max-width: 320px) {

    .view-protected-home .hero-container {

        height: 70vh;
    }
}
@media (max-width: 500px) {

    .view-protected-home .hero-container .protected-logo {

        padding-top: 40px;
    }
}
@media (max-width: 320px) {

    .view-protected-home .hero-container .protected-logo {

        padding-top: 10px;
    }
}
@media (max-width: 500px) {

    .view-protected-home .hero-container .protected-logo img {

        line-height: 1.6em;
    }
}
@media (max-width: 320px) {

    .view-protected-home .hero-container .protected-logo img {

        padding-bottom: 15px;

        width: 180px;
    }
}
@media (max-width: 500px) {

    .view-protected-home .hero-container .protected-login.with-uikit {

        background-color: inherit;

        box-shadow: none;

        border-radius: none;

        padding-top: 0;
    }
}
@media (max-width: 320px) {

    .view-protected-home .hero-container .protected-login.with-uikit input {

        line-height: 40px;

        height: 40px;
    }
}
@media (max-width: 320px) {

    .view-protected-home .hero-container .protected-login.with-uikit input {

        font-size: 13px;
    }
}
@media (max-width: 320px) {

    .view-protected-home .hero-container .protected-login.with-uikit button {

        width: 80%;
    }
}
@media (max-width: 500px) {

    .view-protected-home .hero-container .protected-login.with-uikit .protected-login-title {

        color: white;
    }
}
@media (max-width: 320px) {

    .view-protected-home .hero-container .protected-login.with-uikit .protected-login-title {

        font-size: 13px;
    }
}
@media (max-width: 500px) {

    .view-protected-home .hero-container .protected-login.with-uikit .protected-login-subtitle {

        color: white;
    }
}
@media (max-width: 320px) {

    .view-protected-home .hero-container .protected-login.with-uikit .protected-login-subtitle {

        font-size: 11px;
    }
}
@media (max-width: 500px) {

    .view-protected-home .hero-container .protected-login.with-uikit .protected-login-forgot-pass {

        color: white;
    }
}
@media (max-width: 500px) {

    .view-protected-home .homepage-footer-container {

        height: 40vh;
    }
}
@media (max-width: 500px) {

    .view-protected-home .homepage-footer-container .footer-text {

        line-height: 1.6em;
    }
}
@media (max-width: 320px) {

    .view-protected-home .homepage-footer-container .footer-text {

        font-size: 12px;

        padding-top: 14px;
    }
}
@media (max-width: 320px) {

    .view-protected-home .homepage-footer-container .uk-form {

        padding: 2px 0 8px 0;
    }
}
@media (max-width: 320px) {

    .view-protected-home .homepage-footer-container .uk-form .input-with-button input, .view-protected-home .homepage-footer-container .uk-form .input-with-button button {

        height: 40px;

        line-height: 40px;
    }
}
@media (max-width: 320px) {

    .view-protected-home .homepage-footer-container .uk-form .input-with-button input {

        font-size: 12px;
    }
}
@media (max-width: 320px) {

    .view-protected-home .homepage-footer-container .uk-form .input-with-button button {

        font-size: 11px;
    }
}
.view-login .top-logo {

    margin: 0 auto;

    padding-top: 80px;

    text-align: center;
}
.view-login .top-logo img {

    width: 205px;
}
.view-login .white-panel {

    margin: 20px auto;

    width: 420px;

    max-width: 100%;

    background-color: white;

    border-radius: 5px;
}
.view-login .white-panel h2 {

    color: #919395;

    font-size: 15px;

    line-height: 1.4em;

    letter-spacing: 0.03em;

    text-align: center;

    margin: 0 auto;

    margin-bottom: 15px;

    max-width: 300px;
}
.view-login .white-panel .section {

    box-sizing: border-box;

    padding: 30px 20px;

    border-top: 1px solid #ececec;
}
.view-login .white-panel .section:first-of-type {

    border-top: 0;
}
.view-login .white-panel .invite-section .input-with-button {

    margin: 0 auto;
}
.view-login .white-panel .invite-section .input-with-button input, .view-login .white-panel .invite-section .input-with-button button {

    padding: 0px 16px;

    height: 40px;

    line-height: 40px;
}
.view-login .white-panel .invite-section .input-with-button button {

    font-size: 0.9rem;

    letter-spacing: 0.05rem;

    color: white;

    background-color: #45bfb3;

    text-shadow: none;
}
.view-login .white-panel .login-section {

    margin: 0 auto;

    padding: 20px 0;

    text-align: center;
}
.view-login .white-panel .login-section input {

    width: 60%;

    line-height: 40px;

    height: 40px;

    padding: 0px 16px;

    margin: 8px 0;

    font-weight: normal;
}
.view-login .white-panel .login-section button {

    width: 60%;

    background: #498AF4;

    color: white;

    font-size: 0.9rem;

    letter-spacing: 0.05rem;

    border: 0;

    border-radius: 25px;

    padding: 10px 20px;

    margin-top: 10px;

    margin-bottom: 10px;

    text-shadow: none;
}
.view-login .login-container {

    position: relative;
}
.view-login .login-container .protected-logo {

    margin: 0 auto;

    padding-top: 130px;

    text-align: center;
}
.view-login .login-container .protected-logo img {

    width: 145px;

    max-width: 100%;

    padding-bottom: 0px;
}
.view-login .login-container .protected-login.with-uikit {

    background-color: #f1f1f1;

    padding: 30px 0;

    width: 350px;

    max-width: 100%;

    margin: 0 auto;

    border-radius: 3px;

    text-align: center;
}
.view-login .login-container .protected-login.with-uikit .uk-form-icon {

    width: 100%;
}
.view-login .login-container .protected-login.with-uikit i {

    position: absolute;

    top: 50%;

    width: 40px;

    margin-top: -8px;

    font-size: 14px;

    color: #acacad;

    text-align: center;

    pointer-events: none;
}
.view-login .login-container .protected-login.with-uikit input {

    width: 80%;

    line-height: 50px;

    height: 50px;

    padding: 0px 16px;

    margin: 6px 0;

    font-weight: normal;

    padding-left: 36px !important;
}
.view-login .login-container .protected-login.with-uikit button {

    width: 60%;

    background: #498AF4;

    color: white;

    font-size: 14px;

    font-weight: 600;

    letter-spacing: 0.1em;

    border: 0;

    border-radius: 25px;

    padding: 10px 20px;

    margin-top: 10px;

    margin-bottom: 10px;

    text-shadow: none;
}
.view-login .login-container .protected-login.with-uikit .protected-login-title {

    font-weight: 600;

    font-size: 15px;

    color: #292e31;
}
.view-login .login-container .protected-login.with-uikit .protected-login-subtitle {

    font-size: 13px;

    color: #7b878d;

    line-height: 2.2em;

    padding-bottom: 10px;
}
.view-login .login-container .protected-login.with-uikit .uk-animation-hover .uk-animation-slide-right {

    width: 15px;

    display: inline-block;

    float: right;
}
.view-login .login-container .protected-login.with-uikit .uk-animation-hover .uk-animation-slide-right img {

    width: 17px;
}
.view-login .login-container .protected-login.with-uikit .protected-login-forgot-pass {

    font-size: 11px;

    color: #7b878d;

    text-decoration: underline;
}
@media (max-width: 500px) {

    .view-login .login-container .protected-logo {

        padding-top: 40px;
    }
}
@media (max-width: 320px) {

    .view-login .login-container .protected-logo {

        padding-top: 10px;
    }
}
@media (max-width: 500px) {

    .view-login .login-container .protected-logo img {

        line-height: 1.6em;
    }
}
@media (max-width: 320px) {

    .view-login .login-container .protected-logo img {

        padding-bottom: 5px;

        width: 180px;
    }
}
@media (max-width: 500px) {

    .view-login .login-container .protected-login.with-uikit {

        background-color: inherit;

        box-shadow: none;

        border-radius: none;

        padding-top: 0;
    }
}
@media (max-width: 320px) {

    .view-login .login-container .protected-login.with-uikit input {

        line-height: 40px;

        height: 40px;
    }
}
@media (max-width: 320px) {

    .view-login .login-container .protected-login.with-uikit input {

        font-size: 13px;
    }
}
@media (max-width: 320px) {

    .view-login .login-container .protected-login.with-uikit button {

        width: 80%;
    }
}
@media (max-width: 320px) {

    .view-login .login-container .protected-login.with-uikit .protected-login-title {

        font-size: 13px;
    }
}
@media (max-width: 320px) {

    .view-login .login-container .protected-login.with-uikit .protected-login-subtitle {

        font-size: 11px;
    }
}
.view-about {

    background: white;
}
.view-about h1 {

    text-align: center;

    font-size: 22px;

    font-weight: 600;

    color: #231f20;

    padding-top: 52px;
}
.view-about .about-us {

    padding: 20px;

    padding-bottom: 20px;
}
.view-about .about-us .about-text {

    font-size: 18px;

    font-weight: 600;

    color: #231f20;

    line-height: 1.4em;

    text-align: center;

    padding: 20px 0;
}
.view-about .about-us .about-header {

    font-size: 20px;

    font-weight: 600;

    color: #231f20;

    line-height: 1.3em;

    text-align: center;

    padding: 35px 0 20px 0;
}
.view-about .about-us .about-subtitle {

    color: #58595b;

    font-size: 14px;

    margin: 0 auto;

    text-align: center;
}
.view-about .about-us .about-photo {

    margin: 0 auto;

    text-align: center;
}
.view-about .about-us .about-photo img {

    width: 800px;

    max-width: 100%;
}
.view-about .about-us .about-founders {

    margin: 10px auto;

    margin-top: 10px;

    width: 700px;

    max-width: 90%;

    display: flex;

    align-items: center;

    justify-content: space-around;

    flex-wrap: wrap;
}
.view-about .about-us .about-founders div {

    text-align: center;
}
.view-about .about-us .about-founders .half-width {

    width: 50%;

    padding: 5px 0;
}
.view-about .about-us .about-founders .full-width {

    width: 100%;

    display: none;
}
.view-features {

    position: relative;
}
.view-features .features-container {

    width: 970px;

    margin: 0 auto;

    max-width: 100%;
}
.view-features .hero-splash {

    background-image: url('/img/features/features_background.jpg');

    background-size: cover;

    background-position: center center;

    position: relative;

    min-height: 88vh;
}
.view-features .hero-splash .above-the-fold-content {

    height: 85vh;

    display: flex;

    flex-direction: row;

    justify-content: space-between;

    align-items: center;

    width: 970px;

    max-width: 95%;

    margin: 0 auto;

    flex-wrap: wrap;

    padding-top: 60px;
}
.view-features .hero-splash .left-feature {

    text-align: center;
}
.view-features .hero-splash .left-feature .hero-headline {

    padding-bottom: 45px;

    font-size: 35px;

    line-height: 1.4em;

    color: white;

    font-weight: 300;
}
.view-features .hero-splash .right-feature img.larger {

    display: none;
}
.view-features .hero-splash .right-feature img.smaller {

    display: block;
}
.view-features .hero-splash .right-feature img {

    width: 650px;

    max-width: 100%;
}
.view-features .hero-splash .hero-button {

    display: inline-block;

    background-color: #3cc76a;

    color: white;

    font-size: 12px;

    font-weight: 600;

    width: 206px;

    padding: 15px 0;

    letter-spacing: 0.05em;

    border-radius: 5px;

    text-align: center;

    text-transform: uppercase;

    margin-bottom: 38px;

    text-decoration: none;
}
.view-features .hero-splash .hero-button img {

    width: 12px;

    vertical-align: bottom;
}
.view-features .hero-splash .hero-subtitle {

    color: white;

    font-size: 12px;
}
.view-features .center-nav {

    border-bottom: 1px solid #e4e4e4;

    margin-bottom: 20px;
}
.view-features .center-nav .center-nav-links {

    max-width: 970px;

    margin: 10px auto;

    font-size: 14px;

    font-weight: 600;

    display: flex;

    align-items: center;

    justify-content: space-around;

    flex-wrap: wrap;
}
.view-features .center-nav .center-nav-links a {

    padding: 10px 10px;

    color: #22a2e2;

    text-decoration: none;
}
.view-features .feature .feature-container {

    width: 970px;

    margin: 0 auto;

    margin-top: 10px;

    max-width: 100%;
}
.view-features .feature .feature-header {

    width: 290px;

    margin-left: auto;

    margin-right: auto;

    border-bottom: 1px solid #e2e2e2;

    padding-left: calc(1.1*68px);

    background-repeat: no-repeat;

    background-size: contain;

    font-size: 20px;

    font-weight: 600;

    line-height: 68px;

    margin-bottom: 30px;

    box-sizing: border-box;
}
.view-features .feature .feature-item-list {

    width: 290px;

    margin-bottom: 40px;

    margin-left: auto;

    margin-right: auto;
}
.view-features .feature .feature-item {

    box-sizing: border-box;

    background-image: url('/img/features/features_check.png');

    background-size: 25px 25px;

    background-repeat: no-repeat;

    padding-left: 35px;

    padding-top: 3px;

    width: 290px;

    max-width: 100%;

    margin: 20px auto;
}
.view-features .feature .feature-item .heading {

    color: #231f20;

    font-weight: 600;

    margin-bottom: 10px;

    font-size: 15px;
}
.view-features .feature .feature-item .text {

    color: #58595b;

    font-size: 12px;

    line-height: 1.6em;
}
.view-features .feature .feature-item.coming-soon .heading::after {

    position: absolute;

    content: '';

    background-repeat: no-repeat;

    background-size: contain;

    background-image: url('/img/features/coming_soon.png');

    height: 30px;

    width: calc(2.8*30px);

    margin-top: -8px;
}
.view-features .feature.production .feature-header {

    background-image: url('/img/features/features_prod_icon.png');
}
.view-features .feature.procedures .feature-header {

    background-image: url('/img/features/features_proc_icon.png');
}
.view-features .feature.appointments .feature-header {

    background-image: url('/img/features/features_appt_icon.png');
}
.view-features .feature.collections .feature-header {

    background-image: url('/img/features/features_col_icon.png');
}
.view-features .feature.patients .feature-header {

    background-image: url('/img/features/features_pt_icon.png');
}
.view-features .coming-soon-flag {

    margin-left: -5px;

    display: inline-block;

    background-repeat: no-repeat;

    background-size: contain;

    background-image: url('/img/features/coming_soon.png');

    height: 30px;

    width: calc(2.8*30px);
}
.view-features .feature-example {

    background-color: #eff6fd;

    background-repeat: no-repeat;

    background-size: cover;

    text-align: center;

    padding: 55px 0;
}
.view-features .feature-example .feature-text-and-image {

    width: 970px;

    max-width: 100%;

    margin: 0 auto;
}
.view-features .feature-example .heading {

    font-size: 16px;

    font-weight: 600;

    color: white;

    line-height: 1.4em;
}
.view-features .feature-example .explanation {

    color: white;

    font-size: 13px;

    line-height: 1.6em;
}
.view-features .feature-example .floating-text .heading {

    font-size: 14px;
}
.view-features .feature-example .floating-text .explanation {

    font-size: 12px;
}
.view-features .feature-example.production {

    background-image: url('/img/features/features_prod_background.jpg');
}
.view-features .feature-example.collections {

    background-image: url('/img/features/features_col_background.jpg');
}
.view-features .feature-example.appointments {

    background-image: url('/img/features/appts_background.jpg');
}
.view-features .feature-example.population {

    background-color: #afdffe;
}
.view-features .feature-example.complete-view {

    background-color: white;
}
.view-features .feature-example.map-visibility {

    background-color: white;
}
.view-features .feature-example.reports-and-team {

    background-image: url('/img/features/report_collab_background.jpg');
}
.view-features .feature-example.production > .heading {

    font-size: 16px;

    font-weight: 600;

    color: white;

    line-height: 1.4em;
}
.view-features .feature-example.production > .explanation {

    color: white;

    font-size: 13px;

    font-weight: 300;

    line-height: 1.6em;
}
.view-features .feature-example.production .screen-holder {

    margin: 10px auto;

    width: 70vw;

    height: calc(70vw/1.53);

    position: relative;
}
.view-features .feature-example.production .screen {

    background-repeat: no-repeat;

    background-image: url('/img/features/features_prod.png');

    background-size: contain;

    background-position: center center;

    width: 70vw;

    height: calc(70vw/1.53);
}
.view-features .feature-example.production .overlays {

    display: none;

    padding-left: 30px;

    position: absolute;

    top: 100%;

    padding-top: 10px;

    align-content: center;

    justify-content: space-around;
}
.view-features .feature-example.production .overlays .floating-text {

    width: 30%;

    text-align: center;

    display: inline-block;

    color: white;
}
.view-features .feature-example.production .overlays .floating-text .heading {

    font-weight: 600;

    line-height: 1.4em;
}
.view-features .feature-example.production .overlays .floating-text .explanation {

    font-size: 12px;

    font-weight: 300;

    line-height: 1.6em;
}
.view-features .feature-example.production .overlays .floating-text.first {

    margin: 0 50px;
}
.view-features .feature-example.production .overlays .floating-text.second {

    margin: 0 50px;
}
.view-features .feature-example.collections .all-screens {

    padding: 30px 0;

    display: flex;

    margin: 0 auto;

    justify-content: space-around;

    align-items: flex-end;

    flex-wrap: wrap;

    width: 900px;

    max-width: 100%;
}
.view-features .feature-example.collections .screen-holder {

    margin-bottom: 20px;

    width: 70%;
}
.view-features .feature-example.collections .screen-holder .screen img {

    width: 100%;
}
.view-features .feature-example.collections .screen-holder .floating-text {

    margin: 0 20px;
}
.view-features .feature-example.collections .screen-holder .explanation {

    font-weight: 300;
}
.view-features .feature-example.payer-profiles .heading {

    color: #444;

    line-height: 1.6em;

    font-size: 18px;

    margin-bottom: 10px;
}
.view-features .feature-example.payer-profiles .explanation {

    line-height: 1.4em;

    color: #666;
}
.view-features .feature-example.payer-profiles .text-holder {

    max-width: 80%;

    margin: 0 auto;
}
.view-features .feature-example.payer-profiles .image-holder {

    margin: auto;

    margin-top: 30px;

    width: 70vw;

    height: calc(70vw/1.2);

    background-size: contain;

    background-repeat: no-repeat;

    background-image: url('/img/features/collections_payers_layered.png');
}
.view-features .feature-example.procedure-mix .heading {

    color: #444;

    line-height: 1.6em;

    font-size: 18px;

    margin-bottom: 10px;
}
.view-features .feature-example.procedure-mix .explanation {

    line-height: 1.4em;

    color: #666;
}
.view-features .feature-example.procedure-mix .text-holder {

    max-width: 80%;

    margin: 0 auto;
}
.view-features .feature-example.procedure-mix .screen-holder {

    margin: 20px auto;

    width: 70vw;

    height: calc(70vw/1.77);

    background-size: contain;

    background-repeat: no-repeat;

    background-image: url('/img/features/proc_mix.png');
}
.view-features .feature-text-and-image.appointment-details .heading {

    color: white;

    line-height: 1.6em;

    font-size: 18px;

    margin-bottom: 10px;
}
.view-features .feature-text-and-image.appointment-details .explanation {

    line-height: 1.7em;

    color: white;

    font-weight: 300;
}
.view-features .feature-text-and-image.appointment-details .explanation strong {

    font-weight: 600;
}
.view-features .feature-text-and-image.appointment-details .text-holder {

    max-width: 80%;

    margin: 0 auto;
}
.view-features .feature-text-and-image.appointment-details .image-holder {

    margin: 20px auto;

    width: 70vw;

    height: calc(70vw/0.97);

    background-size: contain;

    background-repeat: no-repeat;

    background-image: url('/img/features/appt_details.png');
}
.view-features .feature-text-and-image.activity-level .heading {

    color: white;

    line-height: 1.6em;

    font-size: 18px;

    margin-bottom: 10px;
}
.view-features .feature-text-and-image.activity-level .explanation {

    line-height: 1.7em;

    color: white;

    font-weight: 300;
}
.view-features .feature-text-and-image.activity-level .explanation strong {

    font-weight: 600;
}
.view-features .feature-text-and-image.activity-level .text-holder {

    max-width: 80%;

    margin: 0 auto;
}
.view-features .feature-text-and-image.activity-level .image-holder {

    margin: 20px auto;

    width: 70vw;

    height: calc(70vw/1.56);

    background-size: contain;

    background-repeat: no-repeat;

    background-image: url('/img/features/activity_level_small.png');
}
.view-features .feature-text-and-image.patient-growth .heading {

    color: #444;

    line-height: 1.6em;

    font-size: 18px;

    margin-bottom: 10px;
}
.view-features .feature-text-and-image.patient-growth .explanation {

    line-height: 1.7em;

    color: #666;
}
.view-features .feature-text-and-image.patient-growth .text-holder {

    max-width: 80%;

    margin: 0 auto;
}
.view-features .feature-text-and-image.patient-growth .image-holder {

    margin: 20px auto;

    width: 70vw;

    height: calc(70vw/1.11);

    background-size: contain;

    background-repeat: no-repeat;

    background-image: url('/img/features/patient_metrics.png');
}
.view-features .feature-text-and-image.population .heading {

    color: #444;

    line-height: 1.6em;

    font-size: 18px;

    margin-bottom: 10px;
}
.view-features .feature-text-and-image.population .explanation {

    line-height: 1.7em;

    color: #666;
}
.view-features .feature-text-and-image.population .text-holder {

    max-width: 80%;

    margin: 30px auto;
}
.view-features .feature-text-and-image.population .text-holder .list {

    margin: 10px 0;

    text-align: left;
}
.view-features .feature-text-and-image.population .image-holder {

    margin: 0px auto;

    width: 70vw;

    height: calc(70vw/.78);

    background-size: contain;

    background-repeat: no-repeat;

    background-image: url('/img/features/demographics.jpg');
}
.view-features .feature-example.population {

    padding-top: 30px;
}
.view-features .feature-text-and-image.complete-view .heading {

    color: #444;

    line-height: 1.6em;

    font-size: 18px;

    margin-bottom: 10px;
}
.view-features .feature-text-and-image.complete-view .explanation {

    line-height: 1.7em;

    color: #666;
}
.view-features .feature-text-and-image.complete-view .text-holder {

    max-width: 80%;

    margin: 0 auto;
}
.view-features .feature-text-and-image.complete-view .image-holder {

    margin: 20px auto;

    width: 70vw;

    height: calc(70vw/1.05);

    background-size: contain;

    background-repeat: no-repeat;

    background-image: url('/img/features/provider_cards.png');
}
.view-features .feature-example.map-visibility {

    padding: 0;
}
.view-features .feature-example.map-visibility .feature-text-and-image {

    width: 100%;
}
.view-features .feature-focus-map {

    background-color: #e8f1f9;

    position: relative;
}
.view-features .feature-focus-map .map-image-set {

    position: relative;

    width: 100%;

    height: calc( (1/1.6774)*2*100vw );
}
.view-features .feature-focus-map .map-image-set .map-layer, .view-features .feature-focus-map .map-image-set .bubbles-layer, .view-features .feature-focus-map .map-image-set .gradient-layer {

    position: absolute;

    background-repeat: no-repeat;

    background-position: top left;

    width: 100%;

    height: calc( (1/1.6774)*2*100vw );

    background-size: 200%;
}
.view-features .feature-focus-map .map-image-set .map-layer {

    background-image: url("/img/map-layer.png");
}
.view-features .feature-focus-map .map-image-set .gradient-layer {

    height: calc( 0.25*(1/1.6774)*2*100vw );

    background: transparent;

    /* For browsers that do not support gradients */

    background: linear-gradient(white, rgba(255,255,255,0));

    /* Standard syntax */
}
.view-features .feature-focus-map .map-image-set .bubbles-layer {

    background-image: url("/img/bubbles-layer.png");
}
.view-features .feature-focus-map .map-image-set .pulsating-dot {

    margin-left: -20px;

    margin-top: -20px;
}
.view-features .feature-focus-map .map-image-set .pulsating-dot.one {

    left: 59%;

    top: 51.3%;
}
.view-features .feature-focus-map .map-image-set .pulsating-dot.two {

    left: 70%;

    top: 44%;
}
.view-features .feature-focus-map .map-image-set .pulsating-dot.three {

    left: 52%;

    top: 28%;
}
.view-features .feature-focus-map .pulsating-dot {

    position: absolute;
}
.view-features .feature-focus-map .circle-container {

    position: relative;

    width: 40px;

    height: 40px;
}
.view-features .feature-focus-map .circle {

    width: 16px;

    height: 16px;

    box-sizing: border-box;

    background-color: #00aeef;

    border-radius: 50%;

    position: absolute;

    top: 50%;

    left: 50%;

    margin-left: -8px;

    margin-top: -8px;
}
.view-features .feature-focus-map .ringring {

    box-sizing: border-box;

    border: 3px solid #00aeef;

    border-radius: 30px;

    height: 26px;

    width: 26px;

    position: absolute;

    left: 50%;

    top: 50%;

    margin-left: -13px;

    margin-top: -13px;

    animation: pulsating-dot_pulsate 1s ease-out;

    animation-iteration-count: infinite;

    opacity: 0.0;
}
.view-features .feature-focus-map .focus-map-content-container {

    background: white;
}
.view-features .feature-focus-map .focus-map-content-container .focus-map-content {

    max-width: 360px;

    margin: 0 auto;

    padding-top: 30px;

    padding-bottom: 30px;
}
.view-features .feature-focus-map .focus-map-content-container .focus-map-content .focus-map-header {

    font-size: 18px;

    font-weight: 600;

    color: #231f20;

    padding-bottom: 47px;

    text-align: left;
}
.view-features .feature-focus-map .focus-map-content-container .focus-map-content .focus-map-description {

    font-size: 13px;

    line-height: 1.7em;

    color: #58595b;
}
.view-features .feature-text-and-image.automated-reports .heading {

    color: white;

    line-height: 1.6em;

    font-size: 18px;

    margin-bottom: 10px;
}
.view-features .feature-text-and-image.automated-reports .explanation {

    line-height: 1.7em;

    color: white;

    font-weight: 300;
}
.view-features .feature-text-and-image.automated-reports .text-holder {

    max-width: 80%;

    margin: 0 auto;
}
.view-features .feature-text-and-image.automated-reports .image-holder {

    margin: 20px auto;

    width: 70vw;

    height: calc(70vw/0.82);

    background-size: contain;

    background-repeat: no-repeat;

    background-image: url('/img/features/report_alert.png');
}
.view-features .feature-text-and-image.team-same-page .heading {

    color: white;

    line-height: 1.6em;

    font-size: 18px;

    margin-bottom: 10px;
}
.view-features .feature-text-and-image.team-same-page .explanation {

    line-height: 1.7em;

    color: white;

    font-weight: 300;
}
.view-features .feature-text-and-image.team-same-page .text-holder {

    max-width: 80%;

    margin: 0 auto;
}
.view-features .feature-text-and-image.team-same-page .image-holder {

    margin: 20px auto;

    width: 70vw;

    height: calc(70vw/0.833);

    background-size: contain;

    background-repeat: no-repeat;

    background-image: url('/img/features/teamwork.png');
}
.view-features .feature-text-and-image.simple-setup .heading {

    color: #444;

    line-height: 1.6em;

    font-size: 18px;

    margin-bottom: 10px;
}
.view-features .feature-text-and-image.simple-setup .explanation {

    line-height: 1.4em;

    color: #666;
}
.view-features .feature-text-and-image.simple-setup .text-holder {

    max-width: 80%;

    margin: 0 auto;
}
.view-features .feature-text-and-image.simple-setup .image-holder {

    margin: 35px auto;

    width: 160px;

    height: calc(160px/0.9795);

    background-size: contain;

    background-repeat: no-repeat;

    background-image: url('/img/auxpanel-on-server.png');
}
.view-features .final-cta {

    background-repeat: no-repeat;

    background-size: cover;

    background-image: url('/img/features/cta_background.jpg');
}
.view-features .final-cta .view-request-demo {

    background: none;
}
@media (min-width: 660px) {

    .view-features .hero-splash .above-the-fold-content {

        padding-top: 0px;
    }
}
@media (min-width: 660px) {

    .view-features .hero-splash .left-feature {

        width: 55%;

        text-align: left;
    }
}
@media (min-width: 660px) {

    .view-features .hero-splash .right-feature {

        width: 40%;
    }

    .view-features .hero-splash .right-feature img.larger {

        display: block;
    }

    .view-features .hero-splash .right-feature img.smaller {

        display: none;
    }

    .view-features .hero-splash .right-feature img {

        width: 650px;

        max-width: none;
    }
}
@media (min-width: 1000px) {

    .view-features .center-nav .center-nav-links {

        justify-content: space-between;
    }
}
@media (min-width: 660px) {

    .view-features .center-nav .center-nav-links {

        flex-wrap: nowrap;
    }
}
@media (min-width: 660px) {

    .view-features .feature .feature-header {

        width: 100%;
    }
}
@media (min-width: 660px) {

    .view-features .feature .feature-item-list {

        width: 100%;

        display: flex;

        flex-direction: row;

        flex-wrap: wrap;

        justify-content: flex-end;
    }
}
@media (min-width: 650px) {

    .view-features .feature .feature-item {

        margin: 20px;
    }
}
@media (min-width: 1000px) {

    .view-features .feature-example.production .screen-holder {

        width: 700px;

        height: calc(700px/1.53);
    }
}
@media (min-width: 660px) {

    .view-features .feature-example.production .screen-holder {

        margin-bottom: 50px;
    }
}
@media (min-width: 1000px) {

    .view-features .feature-example.production .screen {

        width: 700px;

        height: calc(700px/1.53);
    }
}
@media (min-width: 660px) {

    .view-features .feature-example.production .overlays {

        display: flex;
    }
}
@media (min-width: 660px) {

    .view-features .feature-example.collections .screen-holder {

        width: 30%;
    }

    .view-features .feature-example.collections .screen-holder .screen img {

        width: 100%;
    }
}
@media (min-width: 660px) {

    .view-features .feature-example.payer-profiles .feature-text-and-image {

        width: auto;

        display: flex;

        justify-content: space-between;

        align-items: center;

        max-width: 100vw;
    }

    .view-features .feature-example.payer-profiles .text-holder {

        width: 25vw;

        text-align: left;
    }

    .view-features .feature-example.payer-profiles .image-holder {

        margin: 30px 0;

        width: 60vw;

        height: calc(60vw/1.975);

        background-image: url('/img/features/collections_payers.png');

        margin-right: 0;
    }
}
@media (min-width: 660px) {

    .view-features .feature-text-and-image.appointment-details {

        width: 1000px;

        display: flex;

        justify-content: space-around;

        align-items: center;

        flex-direction: row-reverse;

        max-width: 100vw;
    }

    .view-features .feature-text-and-image.appointment-details .text-holder {

        width: 30vw;

        text-align: left;
    }

    .view-features .feature-text-and-image.appointment-details .image-holder {

        width: 40vw;

        height: calc(40vw/0.97);
    }
}
@media (min-width: 660px) {

    .view-features .feature-text-and-image.activity-level {

        width: auto;

        display: flex;

        justify-content: space-around;

        align-items: center;

        flex-direction: row;

        max-width: 100vw;
    }

    .view-features .feature-text-and-image.activity-level .text-holder {

        width: 30vw;

        text-align: left;
    }

    .view-features .feature-text-and-image.activity-level .image-holder {

        width: 40vw;

        height: calc(40vw/1.5);

        background-image: url('/img/features/activity_level.png');

        margin-right: 0;
    }
}
@media (min-width: 660px) {

    .view-features .feature-text-and-image.patient-growth {

        width: 1000px;

        display: flex;

        justify-content: space-around;

        align-items: center;

        flex-direction: row;

        max-width: 100vw;
    }

    .view-features .feature-text-and-image.patient-growth .text-holder {

        width: 30vw;

        text-align: left;
    }

    .view-features .feature-text-and-image.patient-growth .image-holder {

        width: 40vw;

        height: calc(40vw/1.11);
    }
}
@media (min-width: 660px) {

    .view-features .feature-example.population {

        padding: 0;

        display: flex;

        align-items: center;

        min-height: calc(40vw/.78);

        background-size: 40vw calc(40vw/.78);

        background-repeat: no-repeat;

        background-image: url('/img/features/demographics.jpg');
    }

    .view-features .feature-example.population .feature-text-and-image.population {

        display: flex;

        justify-content: space-around;

        flex-direction: row-reverse;

        align-items: center;
    }

    .view-features .feature-example.population .feature-text-and-image.population .image-holder {

        width: 40vw;

        height: 1px;
    }

    .view-features .feature-example.population .feature-text-and-image.population .text-holder {

        width: 32vw;

        text-align: left;
    }
}
@media (min-width: 660px) {

    .view-features .feature-text-and-image.complete-view {

        width: 1000px;

        display: flex;

        justify-content: space-around;

        align-items: center;

        flex-direction: row;

        max-width: 100vw;
    }

    .view-features .feature-text-and-image.complete-view .text-holder {

        width: 30vw;

        text-align: left;
    }

    .view-features .feature-text-and-image.complete-view .image-holder {

        width: 40vw;

        height: calc(40vw/0.97);
    }
}
@media (min-width: 960px) {

    .view-features .feature-focus-map .map-image-set {

        height: calc( (1/1.6774)*100vw );
    }

    .view-features .feature-focus-map .map-image-set .map-layer, .view-features .feature-focus-map .map-image-set .bubbles-layer, .view-features .feature-focus-map .map-image-set .gradient-layer {

        position: absolute;

        background-repeat: no-repeat;

        background-position: top left;

        width: 100%;

        height: calc( (1/1.6774)*100vw );

        background-size: 100%;
    }

    .view-features .feature-focus-map .map-image-set .gradient-layer {

        height: calc( 0.25*(1/1.6774)*100vw );
    }

    .view-features .feature-focus-map .map-image-set .pulsating-dot {}

    .view-features .feature-focus-map .map-image-set .pulsating-dot.one {

        left: calc(0.5*59%);

        top: 51.3%;
    }

    .view-features .feature-focus-map .map-image-set .pulsating-dot.two {

        left: calc(0.5*70%);

        top: 44%;
    }

    .view-features .feature-focus-map .map-image-set .pulsating-dot.three {

        left: calc(0.5*52%);

        top: 28%;
    }
}
@media(min-width: 960px) {

    .view-features .feature-focus-map .focus-map-content-container .focus-map-content .focus-map-description {

        text-align: left;
    }
}
@media(min-width: 960px) {

    .view-features .feature-focus-map .focus-map-content-container {

        background: transparent;

        position: absolute;

        top: 15%;

        left: 50%;

        margin-left: 90px;
    }
}
@media (min-width: 660px) {

    .view-features .feature-text-and-image.automated-reports {

        width: 1000px;

        display: flex;

        justify-content: space-around;

        align-items: center;

        flex-direction: row;

        max-width: 100vw;
    }

    .view-features .feature-text-and-image.automated-reports .text-holder {

        width: 30vw;

        text-align: left;
    }

    .view-features .feature-text-and-image.automated-reports .image-holder {

        width: 32vw;

        height: calc(32vw/0.82);
    }
}
@media (min-width: 660px) {

    .view-features .feature-text-and-image.team-same-page {

        width: 1000px;

        display: flex;

        justify-content: space-around;

        align-items: center;

        flex-direction: row-reverse;

        max-width: 100vw;
    }

    .view-features .feature-text-and-image.team-same-page .text-holder {

        width: 30vw;

        text-align: left;
    }

    .view-features .feature-text-and-image.team-same-page .image-holder {

        width: 30vw;

        height: calc(30vw/0.833);
    }
}
@media (min-width: 660px) {

    .view-features .feature-text-and-image.simple-setup {

        width: 900px;

        display: flex;

        justify-content: space-around;

        align-items: center;

        flex-direction: row-reverse;

        max-width: 100vw;
    }

    .view-features .feature-text-and-image.simple-setup .text-holder {

        width: 30vw;

        text-align: left;
    }

    .view-features .feature-text-and-image.simple-setup .text-holder .explanation .item {

        background-image: url('/img/features/features_check.png');

        background-size: 25px 25px;

        background-repeat: no-repeat;

        padding-left: 35px;

        padding-bottom: 20px;
    }

    .view-features .feature-text-and-image.simple-setup .text-holder .explanation .item .heading {

        line-height: 25px;

        font-size: 14px;
    }

    .view-features .feature-text-and-image.simple-setup .image-holder {}
}
@keyframes pulsating-dot_pulsate {

    0% {

        transform: scale(0.1, 0.1);

        opacity: 0.0;
    }

    50% {

        opacity: 1.0;
    }

    100% {

        transform: scale(1.2, 1.2);

        opacity: 0.0;
    }
}
.view-pricing {

    padding-bottom: 40px;
}
.view-pricing .pricing-container {

    width: 970px;

    margin: 0 auto;

    max-width: 100%;
}
.view-pricing .pricing-container .nav {

    max-width: 100%;

    box-sizing: border-box;

    padding-top: 16px;

    margin: 0 auto;

    padding-bottom: 10px;

    border-bottom: 1px solid #e2e2e2;
}
.view-pricing .pricing-container .nav a {

    color: #666;

    font-size: 11px;

    font-weight: 400;

    text-decoration: none;
}
.view-pricing .pricing-container .nav .nav-left {

    height: 32px;

    float: left;
}
.view-pricing .pricing-container .nav .nav-left a {

    padding-left: 25px;

    line-height: 16px;
}
.view-pricing .pricing-container .nav .nav-left .left-links {

    opacity: 0.8;
}
.view-pricing .pricing-container .nav .nav-left .logo {

    padding-left: 0;
}
.view-pricing .pricing-container .nav .nav-left .logo img {

    height: 32px;
}
.view-pricing .pricing-container .nav .nav-left .more-menu {

    height: 14px;

    padding-left: 4px;
}
.view-pricing .pricing-container .nav .nav-right {

    height: 32px;
}
.view-pricing .pricing-container .nav .nav-right a {

    float: right;

    line-height: 32px;

    padding-left: 25px;
}
.view-pricing .pricing-container .nav .nav-right a .login-button {

    border-radius: 5px;

    font-size: 11px;

    text-transform: uppercase;

    letter-spacing: 0.05em;

    font-weight: 600;

    color: white;

    background-color: #498AF4;

    opacity: 100;

    padding: 0 13px;
}
.view-pricing .pricing-container .nav .nav-right a .login-button img {

    height: 16px;

    padding-right: 3px;
}
.view-pricing .pricing-container .nav .nav-right .right-links a {

    opacity: 0.8;
}
.view-pricing .pricing-container .pricing-content {

    text-align: center;
}
.view-pricing .pricing-container .pricing-content .pricing-headline {

    font-size: 22px;

    font-weight: 600;

    color: #231f20;

    padding-top: 52px;
}
.view-pricing .pricing-container .pricing-content .pricing-subtitle {

    color: #5f6263;

    font-size: 14px;

    line-height: 3em;

    padding-bottom: 25px;
}
.view-pricing .pricing-container .pricing-tiers {

    max-width: 95%;

    margin-left: auto;

    margin-right: auto;

    text-align: center;

    display: flex;

    justify-content: center;

    flex-wrap: wrap;
}
.view-pricing .pricing-container .pricing-tiers .pricing-tier {

    box-sizing: border-box;

    min-width: 350px;

    max-width: 95%;

    background-color: white;

    padding: 20px 35px 0px 35px;

    border-radius: 3px;

    border: 1px solid #e6e7e8;

    box-shadow: 3px 4px 5px #e6e7e8;

    margin-bottom: 25px;
}
.view-pricing .pricing-container .pricing-tiers .tier-name {

    font-size: 20px;

    color: #414042;

    font-weight: 600;

    padding-bottom: 18px;
}
.view-pricing .pricing-container .pricing-tiers .tier-desc {

    font-size: 11px;

    color: #a7a9ac;

    line-height: 1.8em;

    max-width: 215px;

    margin: 0 auto;
}
.view-pricing .pricing-container .pricing-tiers .tier-price {

    padding: 38px 0 25px 0;

    border-bottom: 1px solid #e6e7e8;

    max-width: 140px;

    margin: 0 auto;

    color: #22a2e2;

    font-size: 22px;

    font-weight: 700;
}
.view-pricing .pricing-container .pricing-tiers .tier-price .dollar {

    color: #a7a9ac;

    font-size: 21px;

    font-weight: 500;

    vertical-align: top;

    letter-spacing: 0.1em;
}
.view-pricing .pricing-container .pricing-tiers .tier-price .amount {

    color: #22a2e2;

    font-size: 53px;

    font-weight: 700;
}
.view-pricing .pricing-container .pricing-tiers .tier-specs {

    padding-top: 25px;

    font-size: 12px;
}
.view-pricing .pricing-container .pricing-tiers .tier-action {

    padding: 45px 0 40px 0;

    color: #22a2e2;

    font-weight: 600;
}
.view-pricing .pricing-container .pricing-tiers .tier-action i {

    font-family: sans-serif;
}
.view-pricing .pricing-container .pricing-tiers .tier-trial {

    background-image: url('/img/trial_wallpaper.jpg');

    background-size: cover;

    background-position: center center;
}
.view-pricing .pricing-container .pricing-tiers .tier-trial .tier-name, .view-pricing .pricing-container .pricing-tiers .tier-trial .tier-desc, .view-pricing .pricing-container .pricing-tiers .tier-trial .tier-price, .view-pricing .pricing-container .pricing-tiers .tier-trial .tier-specs, .view-pricing .pricing-container .pricing-tiers .tier-trial .tier-action {

    color: white;
}
.view-pricing .pricing-container .pricing-tiers .tier-trial .tier-desc .lighter {

    opacity: 0.8;
}
.view-pricing .pricing-container .pricing-tiers .tier-trial .tier-price .dollar, .view-pricing .pricing-container .pricing-tiers .tier-trial .tier-price .amount {

    color: white;
}
.view-pricing .pricing-testimonial {

    margin: 0 auto;

    text-align: center;

    padding: 10px 25px 40px 25px;

    max-width: 320px;
}
.view-pricing .pricing-testimonial .pt-avatar {

    width: 80px;

    margin: 0 auto;

    padding-bottom: 10px;
}
.view-pricing .pricing-testimonial .pt-avatar img {

    max-width: 100%;
}
.view-pricing .pricing-testimonial .pt-quote {

    font-size: 13px;

    color: #58595b;

    line-height: 1.5em;
}
.view-pricing .pricing-testimonial .pt-quote .pt-info {

    font-size: 12px;

    padding-top: 15px;

    line-height: 1.5em;
}
.view-pricing .tier-icon {

    width: 100px;

    height: 100px;

    margin: 10px auto;

    background-size: contain;
}
.view-pricing .tier-icon.self-serve {

    background-image: url('/img/self-serve.png');
}
.view-pricing .tier-icon.full-serve {

    background-image: url('/img/full-serve.png');
}
@media (min-width: 750px) {

    .view-pricing .pricing-container .pricing-tiers {

        width: 750px;

        justify-content: space-between;

        flex-wrap: nowrap;
    }
}
@media(min-width: 960px) {

    .view-pricing .pricing-container .pricing-tiers .pricing-tier {

        display: inline-block;

        vertical-align: top;

        margin: 0 10px;
    }
}
@media(min-width: 960px) {

    .view-pricing .pricing-testimonial {

        max-width: 480px;

        padding-top: 45px;
    }
}
@media(min-width: 960px) {

    .view-pricing .pricing-testimonial .pt-avatar {

        display: inline-block;

        float: left;
    }
}
@media(min-width: 960px) {

    .view-pricing .pricing-testimonial .pt-quote {

        width: 380px;
    }
}
@media(min-width: 960px) {

    .view-pricing .pricing-testimonial .pt-quote {

        display: inline-block;

        text-align: left;
    }
}
.view-library-post {}
.view-library-post-container {

    width: 750px;

    max-width: 100%;

    margin: 0px auto;

    margin-bottom: 20px;

    position: relative;
}
.view-library-post-container .banner {

    width: 100%;
}
@media(min-width: 750px) {

    .view-library-post-container {

        margin-top: 20px;
    }
}
.library-post-article {

    box-sizing: border-box;

    padding: 30px 40px;

    max-width: 100%;
}
.library-post-article h1 {

    font-family: "Oswald", sans-serif;

    font-size: 40px;

    color: #333;

    text-align: center;

    line-height: 1.5em;
}
.library-post-article .content {

    font-family: "Open Sans", sans-serif;

    font-size: 16px;

    line-height: 2em;

    text-align: justify;

    margin-bottom: 40px;
}
.library-post-article .content .katex-display {

    background: #E4EFF5;

    padding: 20px 0;

    border-radius: 4px;

    overflow: hidden;
}
.library-post-article .content mark {

    background: #D5EAF7;
}
.library-post-article .content p {

    margin: 1.2em;
}
@media(max-width: 640px) {

    .library-post-article .content .katex-display .katex {

        font: 400 0.9em KaTeX_Main;
    }
}
@media(max-width: 420px) {

    .library-post-article .content .katex-display .katex {

        font: 400 0.7em KaTeX_Main;
    }
}
.view-library-index .library-cover {

    background-image: url('/img/library-header-bg.jpg');

    background-size: cover;

    width: 100vw;

    height: 300px;
}
.view-library-index .container {

    padding: 0;

    box-sizing: border-box;

    margin-left: auto;

    margin-right: auto;

    margin-top: -180px;

    width: 750px;

    max-width: 100%;

    background-color: white;
}
.view-library-index .container .library-description {

    box-sizing: border-box;

    padding: 40px;

    min-height: 200px;
}
.view-library-index .container .library-description h1 {

    font-family: 'Oswald', sans-serif;

    color: #111;

    text-transform: uppercase;

    font-size: 32px;

    margin-bottom: 0.5em;
}
.view-library-index .container .library-description h1 span {

    text-transform: lowercase;

    font-style: italic;

    font-family: "Georgia", serif;
}
.view-library-index .container .library-description p {

    font-size: 14px;

    line-height: 1.4em;

    margin: 10px 0;

    width: 420px;

    max-width: 100%;
}
.view-library-index .post-list {

    padding: 10px;
}
.view-library-index .post {

    margin-bottom: 70px;
}
.view-library-index .post-link {

    text-decoration: none;

    display: flex;

    flex-wrap: wrap;

    justify-content: center;

    //: center;
}
.view-library-index .post-link .post-banner img {

    width: 320px;

    max-width: 100%;
}
.view-library-index .post-link .post-text {

    width: 350px;

    max-width: 100%;
}
.view-library-index .post-link .post-series {

    text-transform: uppercase;

    font-size: 11px;

    font-weight: bold;

    color: #111;
}
.view-library-index .post-link .post-title {

    margin-top: 7px;

    margin-bottom: 10px;

    color: #111;

    font-family: "Oswald", sans-serif;

    font-size: 24px;

    line-height: 1.3em;

    display: block;

    display: -webkit-box;

    height: 2.6em;

    line-height: 1.3;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

    overflow: hidden;

    text-overflow: ellipsis;
}
.view-library-index .post-link .post-preview-text {

    margin-top: 1em;

    margin-bottom: 0.8em;

    line-height: 1.8em;

    font-size: 12px;

    display: block;

    display: -webkit-box;

    height: 5.4em;

    line-height: 1.8;

    -webkit-line-clamp: 3;

    -webkit-box-orient: vertical;

    overflow: hidden;

    text-overflow: ellipsis;

    color: #868689;
}
.view-library-index .post-link .read-more {

    text-transform: uppercase;

    font-weight: bold;

    font-size: 11px;

    color: #111;
}
@media(min-width: 750px) {

    .view-library-index .post-link {

        flex-wrap: nowrap;

        justify-content: space-around;
    }
}
.view-request-demo {

    font-family: "Montserrat", sans-serif;

    color: #55656b;

    padding: 40px 20px;
}
.view-request-demo h1, .view-request-demo h2 {

    color: #212452;

    text-align: center;
}
.view-request-demo h1 {

    font-size: 45px;

    font-weight: 700;

    line-height: 2em;
}
.view-request-demo h2 {

    font-size: 15px;
}
.view-request-demo form.uk-form-stacked {

    width: 600px;

    max-width: 100%;

    margin: 40px auto;
}
.view-request-demo form.uk-form-stacked .uk-form-label {

    font-weight: 600;

    font-size: 14px;

    color: #498AF4;
}
.view-request-demo form.uk-form-stacked textarea {

    width: 100%;

    min-height: 4em;
}
.view-request-demo form.uk-form-stacked .uk-button {

    display: inline-block;

    border-radius: 10px;

    border: 1px solid #eaeaea;

    padding: 15px 15px;

    cursor: pointer;

    font-weight: 600;

    box-shadow: 0px 0px 3px 1px #cccccc80;

    background: #498AF4;

    color: white;

    text-shadow: none;
}
.view-request-demo form.uk-form-stacked .uk-grid.uk-form-row {

    display: flex;

    margin-bottom: 40px;
}
.view-request-demo form.uk-form-stacked .uk-grid.uk-form-row input, .view-request-demo form.uk-form-stacked .uk-grid.uk-form-row select {

    width: 100%;
}
.view-request-demo form.uk-form-stacked .uk-width-1-2 {

    width: 100%;

    margin-bottom: 10px;
}
.view-request-demo .will-be-in-touch {

    margin: 10px auto;

    margin-top: 40px;

    color: #9B9BAC;

    font-size: 15px;

    line-height: 1.4em;
}
.view-request-demo .centered-row {

    text-align: center;
}
.view-request-demo .api-form-success {

    text-align: center;
}
.view-request-demo .api-form-error {}
.view-request-demo .quotes {

    margin-left: auto;

    margin-right: auto;

    width: 1200px;

    max-width: 100%;

    box-sizing: border-box;

    padding-left: 10px;

    padding-right: 10px;

    text-align: center;

    display: block;

    width: 100%;
}
.view-request-demo .quote {

    display: inline-block;

    box-sizing: border-box;

    vertical-align: top;

    border-radius: 5px;

    margin: 10px 0px;

    width: 100%;

    padding: 20px 20px;

    text-align: center;

    line-height: 1.5em;

    box-shadow: 0px 0px 5px 1px #ccc;

    border-left: 3px solid #498AF4;
}
.view-request-demo .quote span.redacted {

    color: #ececec;
}
.view-request-demo .quote.blue {

    border-left-color: #64b7f0;
}
.view-request-demo .quote.orange {

    border-left-color: #e87656;
}
.view-request-demo .quote.green {

    border-left-color: #1fc19e;
}
.view-request-demo .quote.pink {

    border-left-color: #fab9b2;
}
.view-request-demo .quote.yellow {

    border-left-color: #f6c52e;
}
.view-request-demo .quote.purples {

    border-left-color: #6e86ed;
}
@media (min-width: 600px) {

    .view-request-demo form.uk-form-stacked .uk-width-1-2 {

        width: 50%;

        margin-bottom: auto;
    }
}
@media screen (min-width: 1200px) {

    .view-request-demo .quotes {

        padding-left: 0;

        padding-right: 0;
    }
}
@media (min-width: 700px) {

    .view-request-demo .quote {

        margin: 20px 20px;

        width: 300px;
    }
}
.view-preview {

    margin: 0px auto;

    text-align: center;

    overflow: hidden;
}
.view-preview #CumulativePerformanceChart {

    width: 100%;
}
.view-preview #CumulativePerformanceChart .scalable-chart-holder {

    height: 200px;
}
.view-preview #CumulativePerformanceChart2, .view-preview #CumulativePerformanceChart3, .view-preview #CumulativePerformanceChart4, .view-preview #CumulativePerformanceChart5, .view-preview #CumulativePerformanceChart6, .view-preview #CumulativePerformanceChart7 {

    margin: 10px auto;

    width: 100%;
}
.view-preview #CumulativePerformanceChart2 .scalable-chart-holder, .view-preview #CumulativePerformanceChart3 .scalable-chart-holder, .view-preview #CumulativePerformanceChart4 .scalable-chart-holder, .view-preview #CumulativePerformanceChart5 .scalable-chart-holder, .view-preview #CumulativePerformanceChart6 .scalable-chart-holder, .view-preview #CumulativePerformanceChart7 .scalable-chart-holder {

    height: 200px;
}
.view-preview .say-hi {

    overflow: hidden;

    background-image: url('/img/preview/header-pattern.png');

    background-size: 600px 600px;

    background-repeat: repeat;

    background-color: #43a1e7;

    color: white;
}
.view-preview .say-hi .container {

    margin: 0 auto;

    max-width: 800px;

    display: flex;

    flex-direction: column;

    justify-content: space-between;

    align-items: left;

    text-align: left;

    height: 100vh;
}
.view-preview .say-hi .logo {

    text-align: left;

    box-sizing: border-box;

    padding: 0 25px;

    padding-top: 20px;
}
.view-preview .say-hi .logo img {

    width: 95px;
}
.view-preview .say-hi .text {

    box-sizing: border-box;

    padding: 0 25px;
}
.view-preview .say-hi .text h1 {

    font-size: 40px;

    font-weight: 300;

    line-height: 1.2em;
}
.view-preview .say-hi .text h1 strong {

    font-weight: 600;
}
.view-preview .say-hi .text h1 .break {

    display: block;
}
.view-preview .say-hi .screenshot {

    width: 100%;
}
.view-preview .say-hi .screenshot .image {

    margin: 0 auto;

    margin-bottom: -3px;

    border-top-left-radius: 3px;

    border-top-right-radius: 3px;

    width: calc(100% - 50px);
}
.view-preview .say-hi .screenshot .image img {

    width: 100%;
}
.view-preview .built-by {

    box-sizing: border-box;

    background-image: url('/img/preview/dental-pattern.png');

    background-size: 420px 521px;

    background-repeat: repeat;

    background-color: #2fc1a5;

    padding: 95px 0;

    font-size: 32px;

    font-weight: 300;

    line-height: 1.4em;

    color: white;
}
.view-preview .built-by .text {

    text-align: left;

    padding-top: 10px;

    padding-bottom: 30px;

    font-weight: 300;
}
.view-preview .built-by .text .break {

    display: block;

    font-weight: 600;
}
.view-preview .built-by .image {

    max-width: 100%;

    border-radius: 5px;
}
.view-preview .built-by .image img {

    width: 100%;

    border-radius: 5px;
}
.view-preview .built-by .container {

    margin: 0 auto;

    max-width: 600px;

    padding: 0 25px;

    box-sizing: border-box;
}
.view-preview .value-prop {

    color: #414042;

    background: #F4F4F4;

    box-sizing: border-box;

    padding: 40px 0%;

    padding-top: 80px;

    font-size: 19px;

    font-weight: 300;

    line-height: 1.7em;

    text-align: left;

    text-align: left;
}
.view-preview .value-prop em {

    font-weight: 600;
}
.view-preview .value-prop .container {

    margin: 0 auto;

    max-width: 600px;

    padding: 0 25px;

    box-sizing: border-box;
}
.view-preview .problem-solution-cards {

    background-color: #F4F4F4;

    color: #414042;

    padding: 30px 0%;
}
.view-preview .problem-solution-cards .problem-solution {

    box-sizing: border-box;

    margin-bottom: 30px;

    margin: 0 auto;

    max-width: 600px;
}
.view-preview .problem-solution-cards .problem-solution .problem {

    margin: 0px 25px;

    border-top: 2px solid #d6d6d6;

    padding-top: 45px;

    text-align: left;

    font-size: 20px;

    font-weight: 600;

    line-height: 1.5em;

    padding-bottom: 15px;
}
.view-preview .problem-solution-cards .problem-solution .solution {

    margin: 0px 25px;

    text-align: left;

    font-size: 15px;

    font-weight: 300;

    line-height: 1.5em;

    color: #58595b;

    padding-bottom: 18px;
}
.view-preview .problem-solution-cards .problem-solution .feature {

    overflow: hidden;

    margin-bottom: 30px;
}
.view-preview .problem-solution-cards .problem-solution .feature .image-holder {

    box-sizing: border-box;

    margin: 10px auto;

    padding: 0 5px;

    max-width: 500px;
}
.view-preview .problem-solution-cards .problem-solution .feature .image-holder img {

    width: 100%;
}
.view-preview .problem-solution-cards .problem-solution .feature .image-holder.hide-when-interactive {

    display: none;
}
.view-preview .problem-solution-cards .problem-solution .feature .interactive-holder {

    box-sizing: border-box;

    margin: 10px auto;

    padding: 0 5px;

    max-width: 500px;
}
.view-preview .problem-solution-cards .problem-solution.lagging-collections .feature .image-holder {

    max-width: 500px;
}
.view-preview .white-glove {

    background-color: #43a1e7;

    padding: 80px 0%;

    color: white;

    text-align: left;
}
.view-preview .white-glove .container {

    margin: 0 auto;

    max-width: 500px;

    padding: 0 25px;

    box-sizing: border-box;
}
.view-preview .white-glove .container .icon {

    margin-bottom: 30px;
}
.view-preview .white-glove .container .icon img {

    height: 70px;
}
.view-preview .white-glove .container h2 {

    font-size: 32px;

    font-weight: 300;

    line-height: 1.3em;

    padding-bottom: 26px;
}
.view-preview .white-glove .container h2 em {

    font-weight: 600;
}
.view-preview .white-glove .container p {

    font-size: 15px;

    line-height: 1.6em;

    font-weight: 300;
}
.view-preview .effortless-install {

    background-color: #2fc1a5;

    padding: 90px 0%;

    color: white;

    text-align: left;

    padding-top: 58px;
}
.view-preview .effortless-install .container {

    margin: 0 auto;

    max-width: 500px;

    padding: 0 25px;

    box-sizing: border-box;
}
.view-preview .effortless-install .icon {

    margin-bottom: 30px;
}
.view-preview .effortless-install .icon img {

    height: 75px;
}
.view-preview .effortless-install h2 {

    font-size: 32px;

    font-weight: 300;

    line-height: 1.3em;

    padding-bottom: 26px;
}
.view-preview .effortless-install h2 em {

    font-weight: 600;
}
.view-preview .effortless-install p {

    font-size: 15px;

    line-height: 1.6em;

    font-weight: 300;
}
.view-preview .lets-talk {

    background: #f4f4f4;

    color: #414042;

    background-repeat: repeat;

    padding: 55px 0%;

    text-align: left;
}
.view-preview .lets-talk .container {

    margin: 0 auto;

    max-width: 600px;

    box-sizing: border-box;

    padding: 0 25px;
}
.view-preview .lets-talk h2 {

    font-size: 30px;

    font-weight: 300;

    line-height: 1.3em;

    padding-bottom: 20px;
}
.view-preview .lets-talk h2 em {

    font-weight: 600;
}
.view-preview .lets-talk .talk-card {

    display: flex;

    justify-content: flex-start;

    align-items: center;

    padding: 10px 0;
}
.view-preview .lets-talk .talk-card .avatar {

    padding-right: 5px;
}
.view-preview .lets-talk .talk-card .avatar .image-holder {

    width: 60px;

    height: 60px;

    border-radius: 50%;

    background-color: white;
}
.view-preview .lets-talk .talk-card .avatar img {

    height: 100%;

    width: 100%;

    box-sizing: border-box;

    padding: 0px;

    border-radius: 50%;
}
.view-preview .lets-talk .talk-card .info {

    box-sizing: border-box;

    font-size: 14px;

    line-height: 1.5em;

    color: #1A1A1A;

    font-weight: 300;
}
.view-preview .lets-talk .talk-card .info .name {

    font-weight: 600;
}
.view-preview .lets-talk .talk-card .info .title {

    color: #58595b;

    font-size: 13px;
}
.view-preview .lets-talk .talk-card .info a {

    text-decoration: none;

    color: #43a1e7;

    font-size: 13px;
}
.view-preview .lets-talk .talk-card .info a:hover {

    text-decoration: underline;
}
.view-preview .tiny-footer {

    background: white;

    padding: 30px 0;

    text-align: center;
}
.view-preview .tiny-footer a img {

    height: 30px;
}
@media (min-width: 360px) {

    .view-preview .problem-solution-cards .problem-solution .feature .image-holder {

        padding-left: 25px;

        padding-right: 25px;
    }
}
@media (min-width: 360px) {

    .view-preview .problem-solution-cards .problem-solution .feature .interactive-holder {

        padding-left: 25px;

        padding-right: 25px;
    }
}
@media(min-width: 600px) {

    .view-preview .lets-talk .container {

        display: flex;

        justify-content: center;

        flex-direction: column;

        align-items: center;
    }
}
@media (min-width: 360px) {

    .view-preview .lets-talk .talk-card {

        padding: 15px 0;
    }
}
@media (min-width: 360px) {

    .view-preview .lets-talk .talk-card .avatar {

        padding-right: 15px;
    }

    .view-preview .lets-talk .talk-card .avatar .image-holder {

        width: 80px;

        height: 80px;
    }
}
.view-preview .performance-chart .top {

    background-color: white;

    border-top-left-radius: 4px;

    border-top-right-radius: 4px;

    padding-top: 18px;

    padding-left: 10px;

    padding-right: 10px;

    padding-bottom: 10px;

    box-sizing: border-box;
}
.view-preview .performance-chart .top .header {

    display: flex;

    flex-direction: row;

    align-items: center;

    margin: 0 0px;
}
.view-preview .performance-chart .top .header .avatar {

    height: 35px;

    width: 35px;
}
.view-preview .performance-chart .top .header .avatar img {

    width: 100%;
}
.view-preview .performance-chart .top .header .who-what {

    margin-left: 11px;

    text-align: left;
}
.view-preview .performance-chart .top .header .who {

    font-weight: 600;

    font-size: 14px;

    line-height: 1.4em;

    padding-top: 3px;
}
.view-preview .performance-chart .top .header .what {

    color: #96a1a5;

    text-transform: uppercase;

    font-size: 11px;

    font-weight: 600;

    letter-spacing: 0.05em;
}
.view-preview .performance-chart .top .legend {

    padding-top: 10px;

    display: flex;

    flex-direction: row;

    justify-content: space-around;

    color: #4D515C;

    font-size: 10px;

    font-weight: 600;
}
.view-preview .performance-chart .top .legend .swatch-holder {

    position: relative;

    display: table-cell;

    height: 15px;

    width: 28px;

    min-width: 20px;

    margin-right: 5px;
}
.view-preview .performance-chart .top .legend .legend-item {

    display: flex;

    flex-direction: row;

    align-items: center;
}
.view-preview .performance-chart .top .legend .swatch {

    position: absolute;

    content: '';

    display: block;

    transform: translate(-50%, -50%);

    top: 50%;

    left: 50%;

    width: 80%;

    height: 100%;
}
.view-preview .performance-chart .top .legend .swatch.line.previous {

    top: 50%;

    height: 4px;

    background-color: #68A8E8;
}
.view-preview .performance-chart .top .legend .swatch.line.current {

    top: 50%;

    height: 4px;

    background-color: #67B793;
}
.view-preview .performance-chart .top .legend .swatch.line.forecast {

    top: 50%;

    height: 4px;

    background-color: #67B793;
}
.view-preview .performance-chart .top .legend .swatch.line.dashed:after {

    background-color: #fff;

    content: "";

    position: absolute;

    height: 6px;

    width: 30%;

    left: 50%;

    -webkit-transform: translate(-50%);

    transform: translate(-50%);
}
.view-preview .performance-chart .cumulative-performance-chart {

    border-top: 1px solid #EBEDEE;

    background-color: #F7FAFC;

    border-bottom-left-radius: 5px;

    border-bottom-right-radius: 5px;
}
.view-preview .performance-chart .cumulative-performance-chart svg.chart .left-inner-scale .tick line {

    display: none;
}
.view-preview .performance-chart .cumulative-performance-chart .left-axis .label {

    color: #99A1A5;

    font-size: 10px;
}
.view-preview .performance-chart .cumulative-performance-chart .top-axis {

    height: 15px !important;
}
.view-preview .performance-chart .cumulative-performance-chart .bottom-axis {

    border: none !important;

    height: 25px !important;
}
.view-preview .performance-chart .cumulative-performance-chart .bottom-label {

    display: none !important;
}
.view-preview .performance-chart .cumulative-performance-chart .line.current, .view-preview .performance-chart .cumulative-performance-chart .line.forecast {

    stroke: #67B793;
}
.view-preview .performance-chart .cumulative-performance-chart .line.previous {

    stroke: #68A8E8;
}
@media (min-width: 360px) {

    .view-preview .performance-chart .top .header {

        margin: 0 10px;
    }
}
@media (min-width: 360px) {

    .view-preview .performance-chart .top .header .what {

        font-size: 11px;
    }
}
.view-timesheet .header {

    text-align: center;
}
.view-timesheet .header .logo {

    padding-top: 80px;
}
.view-timesheet .header .logo img {

    width: 128px;
}
.view-timesheet .header .feature {

    font-size: 14px;

    font-style: italic;

    margin-bottom: 58px;

    font-weight: 600;

    color: #292e31;
}
.view-timesheet .main .container {

    margin: 30px auto;

    width: 600px;

    max-width: 100%;

    box-sizing: border-box;

    padding: 0 20px;
}
.view-subscription .top-logo {

    margin: 0 auto;

    padding-top: 80px;

    text-align: center;
}
.view-subscription .top-logo img {

    width: 205px;
}
.view-subscription .white-panel {

    margin: 20px auto;

    width: 420px;

    max-width: 100%;

    background-color: white;

    border-radius: 5px;
}
.view-subscription .white-panel h2 {

    color: #919395;

    font-size: 15px;

    line-height: 1.4em;

    letter-spacing: 0.03em;

    text-align: center;

    margin: 0 auto;

    margin-bottom: 15px;

    max-width: 300px;
}
.view-subscription .white-panel .section {

    box-sizing: border-box;

    padding: 30px 20px;

    border-top: 1px solid #ececec;
}
.view-subscription .white-panel .section:first-of-type {

    border-top: 0;
}
.view-subscription .white-panel .invite-section .input-with-button {

    margin: 0 auto;
}
.view-subscription .white-panel .invite-section .input-with-button input, .view-subscription .white-panel .invite-section .input-with-button button {

    padding: 0px 16px;

    height: 40px;

    line-height: 40px;
}
.view-subscription .white-panel .invite-section .input-with-button button {

    font-size: 0.9rem;

    letter-spacing: 0.05rem;

    color: white;

    background-color: #45bfb3;

    text-shadow: none;
}
.view-subscription .white-panel .login-section {

    margin: 0 auto;

    padding: 20px 0;

    text-align: center;
}
.view-subscription .white-panel .login-section input {

    width: 60%;

    line-height: 40px;

    height: 40px;

    padding: 0px 16px;

    margin: 8px 0;

    font-weight: normal;
}
.view-subscription .white-panel .login-section button {

    width: 60%;

    background: #498AF4;

    color: white;

    font-size: 0.9rem;

    letter-spacing: 0.05rem;

    border: 0;

    border-radius: 25px;

    padding: 10px 20px;

    margin-top: 10px;

    margin-bottom: 10px;

    text-shadow: none;
}
.view-subscription .subscription-container {

    position: relative;
}
.view-subscription .subscription-container .protected-logo {

    margin: 0 auto;

    padding-top: 130px;

    text-align: center;
}
.view-subscription .subscription-container .protected-logo img {

    width: 145px;

    max-width: 100%;

    padding-bottom: 0px;
}
.view-subscription .subscription-container .page-content {

    background-color: #f2f2f2;

    padding: 30px 0;

    width: 350px;

    max-width: 100%;

    margin: 0 auto;

    border-radius: 3px;

    text-align: center;
}
.view-subscription .subscription-container .page-content h1 {

    margin-top: 50px;

    margin-bottom: 0px;

    font-weight: 600;

    font-size: 22px;

    color: #292e31;
}
.view-subscription .subscription-container .page-content p {

    max-width: 300px;

    margin: 20px auto;

    margin-bottom: 40px;

    line-height: 1.5em;

    font-size: 14px;

    color: #747B82;
}
.view-subscription .subscription-container .page-content p a {

    color: #2095DE;
}
@media (max-width: 500px) {

    .view-subscription .subscription-container .protected-logo {

        padding-top: 40px;
    }
}
@media (max-width: 320px) {

    .view-subscription .subscription-container .protected-logo {

        padding-top: 10px;
    }
}
@media (max-width: 500px) {

    .view-subscription .subscription-container .protected-logo img {

        line-height: 1.6em;
    }
}
@media (max-width: 320px) {

    .view-subscription .subscription-container .protected-logo img {

        padding-bottom: 5px;

        width: 180px;
    }
}
@media (max-width: 500px) {

    .view-subscription .subscription-container .page-content {

        background-color: inherit;

        box-shadow: none;

        border-radius: none;

        padding-top: 0;
    }
}
@media (max-width: 320px) {

    .view-subscription .subscription-container .page-content h1 {

        font-size: 13px;
    }
}
.view-create-account {

    margin: 10px auto;

    width: 555px;

    max-width: calc(100% - 20px);
}
.view-create-account .protected-logo {

    text-align: center;
}
.view-create-account fieldset {

    background: #F9F9F9;

    border: 1px solid #ccc;

    margin: 20px auto;

    padding: 20px 20px;

    box-sizing: border-box;
}
.view-create-account fieldset legend {

    font-size: 14px;

    color: #231f20;

    font-weight: bold;

    margin-left: 0px;
}
.view-create-account fieldset.no-border {

    background: none;

    margin: 10px auto;

    padding: 0 20px;

    border: none;
}
.view-create-account .note {

    font-size: 13px;

    color: #58595b;

    color: #595D63;

    line-height: 1.6em;

    margin: 10px auto;

    background: #DAEBFB;

    padding: 10px 10px;

    border-radius: 3px;

    max-width: 320px;

    box-sizing: border-box;
}
.view-create-account .field {

    margin: 10px auto;

    display: flex;

    align-items: center;
}
.view-create-account .field label {

    flex-basis: 30%;

    font-size: 13px;

    text-align: right;

    padding: 0 10px;
}
.view-create-account .field input {

    flex-basis: 70%;

    padding: 5px;

    font-size: 14px;
}
.view-create-account .checkfield {

    margin: 10px auto;

    font-size: 12px;

    cursor: pointer;

    text-align: center;

    max-width: 350px;
}
.view-create-account button {

    margin: 0 auto;

    overflow: hidden;

    display: block;

    visibility: visible !important;

    background-image: -webkit-linear-gradient(#28a0e5,#015e94);

    background-image: -moz-linear-gradient(#28a0e5,#015e94);

    background-image: -ms-linear-gradient(#28a0e5,#015e94);

    background-image: -o-linear-gradient(#28a0e5,#015e94);

    background-image: -webkit-linear-gradient(#28a0e5,#015e94);

    background-image: -moz-linear-gradient(#28a0e5,#015e94);

    background-image: -ms-linear-gradient(#28a0e5,#015e94);

    background-image: -o-linear-gradient(#28a0e5,#015e94);

    background-image: linear-gradient(#28a0e5,#015e94);

    -webkit-font-smoothing: antialiased;

    border: 0;

    padding: 1px;

    text-decoration: none;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    -ms-border-radius: 5px;

    -o-border-radius: 5px;

    border-radius: 5px;

    -webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.2);

    -moz-box-shadow: 0 1px 0 rgba(0,0,0,0.2);

    -ms-box-shadow: 0 1px 0 rgba(0,0,0,0.2);

    -o-box-shadow: 0 1px 0 rgba(0,0,0,0.2);

    box-shadow: 0 1px 0 rgba(0,0,0,0.2);

    -webkit-touch-callout: none;

    -webkit-tap-highlight-color: transparent;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    -o-user-select: none;

    user-select: none;

    cursor: pointer;
}
.view-create-account button span {

    display: block;

    position: relative;

    padding: 0 12px;

    height: 30px;

    line-height: 30px;

    background: #1275ff;

    background-image: -webkit-linear-gradient(#7dc5ee,#008cdd 85%,#30a2e4);

    background-image: -moz-linear-gradient(#7dc5ee,#008cdd 85%,#30a2e4);

    background-image: -ms-linear-gradient(#7dc5ee,#008cdd 85%,#30a2e4);

    background-image: -o-linear-gradient(#7dc5ee,#008cdd 85%,#30a2e4);

    background-image: -webkit-linear-gradient(#7dc5ee,#008cdd 85%,#30a2e4);

    background-image: -moz-linear-gradient(#7dc5ee,#008cdd 85%,#30a2e4);

    background-image: -ms-linear-gradient(#7dc5ee,#008cdd 85%,#30a2e4);

    background-image: -o-linear-gradient(#7dc5ee,#008cdd 85%,#30a2e4);

    background-image: linear-gradient(#7dc5ee,#008cdd 85%,#30a2e4);

    font-size: 14px;

    color: #fff;

    font-weight: bold;

    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;

    text-shadow: 0 -1px 0 rgba(0,0,0,0.25);

    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.25);

    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.25);

    -ms-box-shadow: inset 0 1px 0 rgba(255,255,255,0.25);

    -o-box-shadow: inset 0 1px 0 rgba(255,255,255,0.25);

    box-shadow: inset 0 1px 0 rgba(255,255,255,0.25);

    -webkit-border-radius: 4px;

    -moz-border-radius: 4px;

    -ms-border-radius: 4px;

    -o-border-radius: 4px;

    border-radius: 4px;
}
.view-create-account #enter-card-info span {

    font-size: 13px;

    height: 25px;

    line-height: 25px;
}
.view-create-account #card-info-collected {

    display: none;

    margin: 10 auto;

    text-align: center;

    font-size: 13px;

    color: #58595b;
}
@media(min-width: 500px) {

    .view-create-account .protected-logo {

        margin-top: 50px;
    }
}
.view-reset-password .top-logo {

    margin: 0 auto;

    padding-top: 80px;

    text-align: center;
}
.view-reset-password .top-logo img {

    width: 205px;
}
.view-reset-password .white-panel {

    margin: 20px auto;

    width: 420px;

    max-width: 100%;

    background-color: white;

    border-radius: 5px;
}
.view-reset-password .white-panel h2 {

    color: #919395;

    font-size: 15px;

    line-height: 1.4em;

    letter-spacing: 0.03em;

    text-align: center;

    margin: 0 auto;

    margin-bottom: 15px;

    max-width: 300px;
}
.view-reset-password .white-panel .section {

    box-sizing: border-box;

    padding: 30px 20px;

    border-top: 1px solid #ececec;
}
.view-reset-password .white-panel .section:first-of-type {

    border-top: 0;
}
.view-reset-password .white-panel .invite-section .input-with-button {

    margin: 0 auto;
}
.view-reset-password .white-panel .invite-section .input-with-button input, .view-reset-password .white-panel .invite-section .input-with-button button {

    padding: 0px 16px;

    height: 40px;

    line-height: 40px;
}
.view-reset-password .white-panel .invite-section .input-with-button button {

    font-size: 0.9rem;

    letter-spacing: 0.05rem;

    color: white;

    background-color: #45bfb3;

    text-shadow: none;
}
.view-reset-password .white-panel .login-section {

    margin: 0 auto;

    padding: 20px 0;

    text-align: center;
}
.view-reset-password .white-panel .login-section input {

    width: 60%;

    line-height: 40px;

    height: 40px;

    padding: 0px 16px;

    margin: 8px 0;

    font-weight: normal;
}
.view-reset-password .white-panel .login-section button {

    width: 60%;

    background: #498AF4;

    color: white;

    font-size: 0.9rem;

    letter-spacing: 0.05rem;

    border: 0;

    border-radius: 25px;

    padding: 10px 20px;

    margin-top: 10px;

    margin-bottom: 10px;

    text-shadow: none;
}
.view-reset-password .view-container {

    position: relative;
}
.view-reset-password .view-container .protected-logo {

    margin: 0 auto;

    padding-top: 130px;

    text-align: center;
}
.view-reset-password .view-container .protected-logo img {

    width: 145px;

    max-width: 100%;

    padding-bottom: 0px;
}
.view-reset-password .view-container .form-container.with-uikit {

    background-color: #f1f1f1;

    padding: 30px 0;

    width: 350px;

    max-width: 100%;

    margin: 0 auto;

    border-radius: 3px;

    text-align: center;
}
.view-reset-password .view-container .form-container.with-uikit .uk-form-icon {

    width: 100%;
}
.view-reset-password .view-container .form-container.with-uikit i {

    position: absolute;

    top: 50%;

    width: 40px;

    margin-top: -8px;

    font-size: 14px;

    color: #acacad;

    text-align: center;

    pointer-events: none;
}
.view-reset-password .view-container .form-container.with-uikit input {

    width: 80%;

    line-height: 50px;

    height: 50px;

    padding: 0px 16px;

    margin: 6px 0;

    font-weight: normal;

    padding-left: 36px !important;
}
.view-reset-password .view-container .form-container.with-uikit button {

    width: 75%;

    background: #498AF4;

    color: white;

    font-size: 14px;

    font-weight: 600;

    letter-spacing: 0.1em;

    border: 0;

    border-radius: 25px;

    padding: 10px 20px;

    margin-top: 10px;

    margin-bottom: 10px;

    text-shadow: none;
}
.view-reset-password .view-container .form-container.with-uikit .form-title {

    font-weight: 600;

    font-size: 15px;

    color: #292e31;
}
.view-reset-password .view-container .form-container.with-uikit .form-subtitle {

    font-size: 13px;

    color: #7b878d;

    line-height: 2.2em;

    padding-bottom: 10px;
}
.view-reset-password .view-container .form-container.with-uikit .uk-animation-hover .uk-animation-slide-right {

    width: 15px;

    display: inline-block;

    float: right;
}
.view-reset-password .view-container .form-container.with-uikit .uk-animation-hover .uk-animation-slide-right img {

    width: 17px;
}
.view-reset-password .view-container .form-container.with-uikit .form-forgot-pass {

    font-size: 11px;

    color: #7b878d;

    text-decoration: underline;
}
@media (max-width: 500px) {

    .view-reset-password .view-container .protected-logo {

        padding-top: 40px;
    }
}
@media (max-width: 320px) {

    .view-reset-password .view-container .protected-logo {

        padding-top: 10px;
    }
}
@media (max-width: 500px) {

    .view-reset-password .view-container .protected-logo img {

        line-height: 1.6em;
    }
}
@media (max-width: 320px) {

    .view-reset-password .view-container .protected-logo img {

        padding-bottom: 5px;

        width: 180px;
    }
}
@media (max-width: 500px) {

    .view-reset-password .view-container .form-container.with-uikit {

        background-color: inherit;

        box-shadow: none;

        border-radius: none;

        padding-top: 0;
    }
}
@media (max-width: 320px) {

    .view-reset-password .view-container .form-container.with-uikit input {

        line-height: 40px;

        height: 40px;
    }
}
@media (max-width: 320px) {

    .view-reset-password .view-container .form-container.with-uikit input {

        font-size: 13px;
    }
}
@media (max-width: 320px) {

    .view-reset-password .view-container .form-container.with-uikit button {

        width: 80%;
    }
}
@media (max-width: 320px) {

    .view-reset-password .view-container .form-container.with-uikit .form-title {

        font-size: 13px;
    }
}
@media (max-width: 320px) {

    .view-reset-password .view-container .form-container.with-uikit .form-subtitle {

        font-size: 11px;
    }
}
.view-careers {

    font-family: "Monserrat", sans-serif;

    margin-left: auto;

    margin-right: auto;

    width: 1200px;

    max-width: 100%;

    box-sizing: border-box;

    padding-left: 10px;

    padding-right: 10px;

    margin-top: 40px;
}
.view-careers h1 {

    font-weight: 700;

    text-align: center;

    font-size: 40px;

    color: #212452;
}
.view-careers .jobs {

    margin: 40px auto;

    width: 400px;
}
.view-careers .job {

    margin-top: 30px;

    margin-bottom: 50px;

    line-height: 1.4em;
}
.view-careers .job .title {

    font-size: 25px;

    color: #212452;

    padding-bottom: 10px;
}
.view-careers .job .location {

    padding-bottom: 10px;

    color: #212452;
}
.view-careers .job .description {

    width: 400px;
}
.view-careers .job p {

    padding: 10px 0;
}
.view-careers .cta {

    padding: 10px 0;
}
.view-careers .cta a {

    color: #498AF4;
}
@media screen (min-width: 1200px) {

    .view-careers {

        padding-left: 0;

        padding-right: 0;
    }
}