﻿html.browser-is-flawed .parallax .background {
  background-attachment: static !important; }

html:not(.mobile-browser) .parallax .background {
  background-attachment: fixed;
  background-size: cover; }

.parallax {
  position: relative;
  overflow: hidden; }
  .parallax .background {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    -skrollr-animation-name: parallax-background; }
  .parallax .foreground {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    -skrollr-animation-name: parallax-foreground; }

.fade-bottom {
  -skrollr-animation-name: parallax-fade-bottom; }

.img-fade-bottom {
  -skrollr-animation-name: parallax-img-fade-bottom; }

.fade-top {
  -skrollr-animation-name: parallax-fade-top; }

#footercta {
  -skrollr-animation-name: skrollr-footercta; }

@-skrollr-keyframes parallax-background {
  top-bottom {
    background-position: 50% 100%; }
  bottom-top {
    background-position: 50% 0%; } }

@-skrollr-keyframes parallax-foreground {
  top-bottom {
    top: -200px; }
  bottom-top {
    top: 200px; } }

@-skrollr-keyframes parallax-fade-top {
  -10p-center-bottom {
    opacity: 1;
    transform: translate(0px, 0px); }
  -30p-center-bottom {
    opacity: 0;
    transform: translate(0px, -30px); } }

@-skrollr-keyframes parallax-fade-bottom {
  -20p-bottom-top {
    opacity: 0;
    transform: translate(0px, 30px); }
  -40p-bottom-top {
    opacity: 1;
    transform: translate(0px, 0px); } }

@-skrollr-keyframes parallax-img-fade-bottom {
  -20p-center-top {
    opacity: 0; }
  -40p-center-top {
    opacity: 1; } }

@-skrollr-keyframes skrollr-footercta {
  end {
    opacity: 1; }
  450-end {
    opacity: 0; } }

