/*
	Import Core Elements
*/
/*!
 * animate.css -https://daneden.github.io/animate.css/
 * Version - 3.7.2
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2019 Daniel Eden
 */
@import url("https://fonts.googleapis.com/css?family=Nunito+Sans:400,700,800,900&display=swap");
@-webkit-keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -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.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -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(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.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(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.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(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.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(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.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: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  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: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes wobble {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  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: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}

@-webkit-keyframes jello {
  from, 11.1%, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  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: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  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 heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
  28% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
  28% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.heartBeat {
  -webkit-animation-name: heartBeat;
  animation-name: heartBeat;
  -webkit-animation-duration: 1.3s;
  animation-duration: 1.3s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}

@-webkit-keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.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(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.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.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.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(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.bounceIn {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  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: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  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: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.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.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  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: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  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: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.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.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  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: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  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: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.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.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  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.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  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(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.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(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.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(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
.bounceOut {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -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: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.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: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.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: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.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: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.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: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.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: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.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: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.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: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.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) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) scale3d(1, 1, 1) 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) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) scale3d(1, 1, 1) 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(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  to {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
@keyframes flip {
  from {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) scale3d(1, 1, 1) 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) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) scale3d(1, 1, 1) 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(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  to {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -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-duration: 0.75s;
  animation-duration: 0.75s;
  -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-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -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);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@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);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.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: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    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: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    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: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    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: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    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: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    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: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    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: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    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: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    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: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    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: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    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-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-name: hinge;
  animation-name: hinge;
}

@-webkit-keyframes jackInTheBox {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }
  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes jackInTheBox {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }
  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.jackInTheBox {
  -webkit-animation-name: jackInTheBox;
  animation-name: jackInTheBox;
}

/* 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: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@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: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.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(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
@keyframes zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.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.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.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.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}
@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.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(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}
@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.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(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.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.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.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.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 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;
}

.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.delay-1s {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}

.animated.delay-2s {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}

.animated.delay-3s {
  -webkit-animation-delay: 3s;
  animation-delay: 3s;
}

.animated.delay-4s {
  -webkit-animation-delay: 4s;
  animation-delay: 4s;
}

.animated.delay-5s {
  -webkit-animation-delay: 5s;
  animation-delay: 5s;
}

.animated.fast {
  -webkit-animation-duration: 800ms;
  animation-duration: 800ms;
}

.animated.faster {
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms;
}

.animated.slow {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

.animated.slower {
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
}

@media (print), (prefers-reduced-motion: reduce) {
  .animated {
    -webkit-animation-duration: 1ms !important;
    animation-duration: 1ms !important;
    -webkit-transition-duration: 1ms !important;
    transition-duration: 1ms !important;
    -webkit-animation-iteration-count: 1 !important;
    animation-iteration-count: 1 !important;
  }
}
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a,
button, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
  font-size: 16px;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

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

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

/*
	Chrome Autofill background removal
*/
@-webkit-keyframes autofill {
  0%, 100% {
    color: #666;
    background: transparent;
  }
}
input:-webkit-autofill {
  -webkit-animation-delay: 1s;
  /* Safari support - any positive time runs instantly */
  -webkit-animation-name: autofill;
  -webkit-animation-fill-mode: both;
}

/* Sep 28 2019, Empire Fonts */
@font-face {
  font-family: EmpireHeadNormal;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/EmpireHeadWeb-Light.eot?#iefix) format("embedded-opentype"), url(../fonts/EmpireHeadWeb-Light.woff2) format("woff2"), url(../fonts/EmpireHeadWeb-Light.woff) format("woff"), url(../fonts/EmpireHeadWeb-Light.ttf) format("truetype");
}
@font-face {
  font-family: EmpireHeadBold;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../fonts/EmpireHeadWeb-Bold.eot?#iefix) format("embedded-opentype"), url(../fonts/EmpireHeadWeb-Bold.woff2) format("woff2"), url(../fonts/EmpireHeadWeb-Bold.woff) format("woff"), url(../fonts/EmpireHeadWeb-Bold.ttf) format("truetype");
}
@font-face {
  font-family: EmpireTextNormal;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/EmpireTextWeb-Regular.eot?#iefix) format("embedded-opentype"), url(../fonts/EmpireTextWeb-Regular.woff2) format("woff2"), url(../fonts/EmpireTextWeb-Regular.woff) format("woff"), url(../fonts/EmpireTextWeb-Regular.ttf) format("truetype");
}
@font-face {
  font-family: EmpireTextBold;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../fonts/EmpireTextWeb-Bold.eot?#iefix) format("embedded-opentype"), url(../fonts/EmpireTextWeb-Bold.woff2) format("woff2"), url(../fonts/EmpireTextWeb-Bold.woff) format("woff"), url(../fonts/EmpireTextWeb-Bold.ttf) format("truetype");
}
@font-face {
  font-family: EmpireTextLight;
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(../fonts/EmpireTextWeb-Light.eot?#iefix) format("embedded-opentype"), url(../fonts/EmpireTextWeb-Light.woff2) format("woff2"), url(../fonts/EmpireTextWeb-Light.woff) format("woff"), url(../fonts/EmpireTextWeb-Light.ttf) format("truetype");
}
@font-face {
  font-family: "icomoon";
  src: url("../fonts/icomoon.eot?x873fq");
  src: url("../fonts/icomoon.eot?x873fq#iefix") format("embedded-opentype"), url("../fonts/icomoon.ttf?x873fq") format("truetype"), url("../fonts/icomoon.woff?x873fq") format("woff"), url("../fonts/icomoon.svg?x873fq#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^=icon-], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-about:before {
  content: "\e900";
}

.icon-apply-now:before {
  content: "\e901";
}

.icon-calculators:before {
  content: "\e902";
}

.icon-chat:before {
  content: "\e903";
}

.icon-clients:before {
  content: "\e904";
}

.icon-competitive:before {
  content: "\e905";
}

.icon-contact:before {
  content: "\e906";
}

.icon-disclosures:before {
  content: "\e907";
}

.icon-email:before {
  content: "\e908";
}

.icon-faqs:before {
  content: "\e909";
}

.icon-home:before {
  content: "\e90a";
}

.icon-Instant-rate-quotes:before {
  content: "\e90b";
}

.icon-licensing:before {
  content: "\e90c";
}

.icon-loans-funded:before {
  content: "\e90d";
}

.icon-message:before {
  content: "\e90e";
}

.icon-products:before {
  content: "\e90f";
}

.icon-questions:before {
  content: "\e910";
}

.icon-reliable:before {
  content: "\e911";
}

.icon-resources:before {
  content: "\e912";
}

.icon-telephone:before {
  content: "\e913";
}

.icon-transactions:before {
  content: "\e914";
}

.icon-transparent:before {
  content: "\e915";
}

h1, h2, h3, h4, h5, h6, p, li {
  line-height: 1.25;
  margin-bottom: 10px;
  color: #444;
}

h1 {
  font-size: 2.75em;
  font-family: EmpireHeadBold;
}
h1.small-title {
  font-size: 2.4em;
  font-family: EmpireHeadNormal;
}
@media screen and (max-width: 490px) {
  h1.small-title {
    font-size: 2em;
  }
}

h2 {
  font-size: 2.5em;
  font-family: EmpireHeadNormal;
}

h3 {
  font-size: 2.25em;
  font-family: EmpireHeadBold;
}

h4 {
  font-size: 2em;
  font-family: EmpireHeadBold;
}

h5 {
  font-size: 1.75em;
  font-family: EmpireHeadNormal;
}

h6 {
  font-size: 1.5em;
  font-family: EmpireHeadNormal;
  font-style: normal;
  font-weight: 400;
}

p {
  font-size: 1em;
  font-family: EmpireTextNormal;
}

a, button {
  text-decoration: none;
}

ul {
  list-style: disc;
  padding-left: 20px;
  margin-top: 20px;
  margin-bottom: 20px;
  margin-left: 20px;
  font-family: EmpireTextNormal;
}
ul.top-menu {
  list-style: none;
  margin: 0;
  padding: 0;
  height: 100%;
}
ul.top-menu li {
  display: inline-block;
  padding: 0 10px;
}
ul.top-menu li a, ul.top-menu li button {
  color: white;
}

ol {
  list-style: decimal;
  padding-left: 20px;
  margin-top: 20px;
  margin-bottom: 20px;
  margin-left: 20px;
  font-family: EmpireTextNormal;
}

strong,
b {
  font-family: EmpireTextBold;
}

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

.align-left {
  text-align: left;
}

.align-right {
  text-align: right;
}

a, button {
  color: #0070ba;
}
a.btn, button.btn {
  border-radius: 6px;
  padding: 15px 30px;
  background-color: #ccc;
  color: #111c4e;
  border: 2px solid transparent;
  margin: 0 auto;
  display: inline-block;
  cursor: pointer;
}
a.btn.hole, button.btn.hole {
  background-color: transparent;
  border-color: #111c4e;
}
a.btn.hole.white, button.btn.hole.white {
  color: white;
  border-color: white;
}
a.btn.hole.white:hover, button.btn.hole.white:hover {
  background-color: white;
  color: #111c4e;
}

/* Forms styles */
.form-box {
  box-shadow: 0 2px 5px 0px #555;
  width: 100%;
  position: relative;
}
.form-box .form-title {
  padding: 0 20px;
  background-color: white;
  border-bottom: 1px solid #EEE;
  position: relative;
}
.form-box .form-title #change-defaults {
  display: none;
}
.form-box .form-title ul {
  padding: 0px;
  margin: 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  box-sizing: border-box;
  justify-content: space-between;
  align-items: center;
}
.form-box .form-title ul li {
  list-style: none;
  padding: 0px;
  margin: 0px;
  margin-right: 20px;
  font-size: 16px;
}
.form-box .form-title ul li span {
  font-weight: bold;
  color: #05164d;
  text-transform: capitalize;
}
.form-box .form-title ul li a, .form-box .form-title ul li button {
  margin: 0px;
  display: inline-block;
  padding: 15px 0px;
  padding-right: 20px;
  color: #05164d !important;
}
.form-box .form-title ul li a .fas, .form-box .form-title ul li button .fas {
  font-size: 13px;
}
.form-box .form-title ul li a span.disclaimer, .form-box .form-title ul li button span.disclaimer {
  font-size: 14px;
  display: block;
  position: relative;
  left: 19px;
}
.form-box .form-content {
  padding: 20px;
  box-sizing: border-box;
  background: rgba(245, 245, 245, 0.8);
}
.form-box .form-content.active {
  background: whitesmoke;
}
.form-box .form-content.active .form-item.hidethis {
  display: block !important;
}
.form-box .form-content.flex-container {
  justify-content: flex-start;
  gap: 10px;
}
.form-box .form-content .form-item {
  font-family: EmpireTextNormal, Helvetica, Arial, sans-serif;
  box-sizing: border-box;
  width: calc(100%/5 - 8px);
  border-bottom: 2px solid #05164d;
  border-right: 2px solid #05164d;
  margin-top: 20px;
}
@media screen and (max-width: 895px) {
  .form-box .form-content .form-item {
    width: calc(100%/2 - 20px);
  }
}
@media screen and (max-width: 495px) {
  .form-box .form-content .form-item {
    width: calc(100%);
  }
}
.form-box .form-content .form-item.hidethis {
  display: none !important;
}
.form-box .form-content .form-item.buttons {
  border: 0px;
  display: flex;
  flex-direction: row-reverse;
  margin: 0px;
}
@media screen and (max-width: 895px) {
  .form-box .form-content .form-item.buttons {
    width: 100%;
    align-items: center;
    justify-content: center;
  }
}
.form-box .form-content .form-item.buttons .button-box {
  width: calc(100%);
  position: relative;
  display: flex;
  align-items: baseline;
}
@media screen and (max-width: 895px) {
  .form-box .form-content .form-item.buttons .button-box {
    width: calc(100%/2 - 20px);
  }
}
@media screen and (max-width: 495px) {
  .form-box .form-content .form-item.buttons .button-box {
    width: calc(100%);
  }
}
.form-box .form-content .form-item.buttons .button-box button {
  margin: 0px;
  width: 100%;
  margin: 0px;
  color: #FFF;
  font-size: 14px;
  padding: 10px 20px;
  box-sizing: border-box;
  cursor: pointer;
  border-radius: 6px;
  color: #FFF;
  font-weight: bold;
  display: block;
  margin: 0px;
  position: relative;
  bottom: -10px;
}
.form-box .form-content .form-item .select-box,
.form-box .form-content .form-item .input-box {
  padding-right: 5px;
  position: relative;
}
.form-box .form-content .form-item .select-box select,
.form-box .form-content .form-item .input-box select {
  width: 100%;
  box-sizing: border-box;
  padding: 10px 10px;
  border: 0px;
  background-color: transparent;
  font-size: 14px;
  padding-left: 5px;
}
.form-box .form-content .form-item .select-box label,
.form-box .form-content .form-item .input-box label {
  position: absolute;
  top: -15px;
  left: 0;
  font-size: 12px;
  color: #666;
}
.form-box .form-content .form-item .input-box .money-input, .form-box .form-content .form-item .input-box .input-border-wrapper {
  display: flex;
  font-family: EmpireTextNormal, Helvetica, Arial, sans-serif !important;
}
.form-box .form-content .form-item .input-box .money-input .symbol, .form-box .form-content .form-item .input-box .input-border-wrapper .symbol {
  width: 15px;
  font-size: 16px !important;
  font-weight: bold;
  color: #05164d;
}
.form-box .form-content .form-item .input-box .money-input input, .form-box .form-content .form-item .input-box .input-border-wrapper input {
  width: calc(100% - 15px);
  border: 0px;
  background-color: transparent;
  font-size: 16px !important;
  font-weight: bold;
  color: #05164d;
}
.form-box .form-content .form-item.loan-amount-ltv {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.form-box .form-content .form-item.loan-amount-ltv .input-box .input-border-wrapper {
  width: 100%;
  box-sizing: border-box;
}
.form-box .form-content .form-item.loan-amount-ltv .input-box .input-border-wrapper input {
  box-sizing: border-box;
  width: 100%;
  border: 0px;
  background-color: transparent;
  font-size: 16px !important;
  font-weight: bold;
  color: #05164d;
}
.form-box .form-content .form-item.loan-amount-ltv .input-box:first-child {
  width: calc(100% - 85px);
}
.form-box .form-content .form-item.loan-amount-ltv .input-box:last-child {
  width: 80px;
}
.form-box .form-content .form-item.loan-amount-ltv .input-box:last-child .input-border-wrapper input {
  text-align: right;
}

.form-box .form-content.active.purchase .form-item.buttons {
  width: calc((100%/5 - 2px)*3);
  margin: 0px;
}
.form-box .form-content.active.purchase .form-item.buttons .button-box {
  width: calc(100%/3 - 4px);
}
.form-box .form-content.active.purchase.vaeligible .form-item.buttons {
  width: calc((100%/5 - 8px));
}
.form-box .form-content.active.purchase.vaeligible .form-item.buttons .button-box {
  width: calc(100%);
}

body {
  padding-bottom: 50px;
}
body .grecaptcha-badge {
  display: none !important;
}

* {
  outline: none;
  box-sizing: border-box;
}

.form-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
  display: none;
}
.form-overlay.active {
  display: block;
}

header, footer {
  width: 100%;
  min-height: 10rem;
  background-color: #f1f1f1;
}

#top-header {
  top: 0px;
  position: absolute;
  z-index: 99999;
  width: 100%;
}

body.home header {
  background-image: url("../img/condos.jpg") !important;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom center;
}
body.home header .hero-text {
  display: none;
}

header {
  background-color: #333;
  min-height: 650px;
  position: relative;
  background-size: cover;
  background-position: top center;
  max-width: 1440px;
  box-sizing: border-box;
  margin: auto;
  border-top: 20px solid #FFF;
}
@media screen and (max-width: 460px) {
  header {
    min-height: 760px;
  }
}
header .hero-overlay {
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}
header .hero-overlay .hero-banner {
  display: block;
  width: 100%;
}
header .hero-overlay .hero-banner .content {
  position: relative;
}
header .hero-overlay .hero-banner .content .hero-text {
  color: white;
  text-align: center;
  text-transform: capitalize;
  position: relative;
  font-size: 3.125em;
  font-family: EmpireHeadNormal;
  font-weight: 400;
  margin-bottom: 60px;
}
@media screen and (max-width: 590px) {
  header .hero-overlay .hero-banner .content .hero-text {
    font-size: 2.75em;
  }
}
header.blog-page ul li {
  height: 100%;
  margin: 0;
  padding: 0;
  transform: translateX(-40px);
}
header.blog-page ul li .hero-blog-image {
  position: absolute;
  display: block;
  background-size: cover;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color: white;
}
header.blog-page ul li .hero-overlay {
  padding-top: 90px;
  background: black;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);
  height: 100%;
  position: absolute;
  width: 100%;
  box-sizing: border-box;
}
header.blog-page ul li .hero-overlay .hero-banner {
  position: absolute;
  display: block;
  width: 100%;
  height: calc(100% - 70px);
}
header.blog-page ul li .hero-overlay .hero-banner .content {
  position: relative;
  height: 100%;
}
header.blog-page ul li .hero-overlay .hero-banner .content .hero-text {
  color: white;
  text-align: center;
  text-transform: capitalize;
  position: relative;
  font-family: EmpireHeadNormal;
  font-weight: 300;
  margin-top: 0;
  margin-bottom: 20px;
  top: 35px;
  color: white;
}
@media screen and (max-width: 750px) {
  header.blog-page ul li .hero-overlay .hero-banner .content .hero-text {
    top: 15px;
  }
}
header.blog-page ul li .hero-overlay .hero-banner .content .hero-text small {
  font-size: 0.3em;
  text-transform: uppercase;
  font-family: EmpireHeadBold;
}
header.blog-page ul li .hero-overlay .hero-banner .content .hero-text h3 {
  font-family: EmpireHeadNormal;
  font-size: 1em;
}
@media screen and (max-width: 750px) {
  header.blog-page ul li .hero-overlay .hero-banner .content .hero-text h3 {
    font-size: 0.7em;
  }
}
header.blog-page ul li .hero-overlay .hero-banner .content .hero-text .date-info {
  font-size: 0.35em;
}
header.blog-page ul li .hero-overlay .hero-banner .content .hero-text .excerpt {
  font-size: 0.45em;
  margin-top: 30px;
}
@media screen and (max-width: 750px) {
  header.blog-page ul li .hero-overlay .hero-banner .content .hero-text .excerpt {
    font-size: 0.4em;
  }
}
header.blog-page ul li .hero-overlay .hero-banner .content .hero-text .link-post a, header.blog-page ul li .hero-overlay .hero-banner .content .hero-text .link-post button {
  border-radius: 4px;
}
header.single-post, header.category-page-header {
  background-color: black;
}
header.single-post .hero-banner .hero-single-page, header.category-page-header .hero-banner .hero-single-page {
  position: absolute;
  bottom: 200px;
  color: white;
}
@media screen and (max-width: 900px) {
  header.single-post .hero-banner .hero-single-page, header.category-page-header .hero-banner .hero-single-page {
    bottom: 150px;
  }
}
header.single-post .hero-banner .hero-single-page .article-info p, header.category-page-header .hero-banner .hero-single-page .article-info p {
  line-height: 1em;
}
header.single-post .hero-banner .hero-single-page .article-info a, header.single-post .hero-banner .hero-single-page .article-info button, header.category-page-header .hero-banner .hero-single-page .article-info a, header.category-page-header .hero-banner .hero-single-page .article-info button {
  color: white;
  text-decoration: underline;
  margin-bottom: 0;
}
header small.hero-404 {
  color: white;
  display: block;
  text-align: center;
  padding: 20px 0 0;
  font-size: 1.5em;
}

.flex-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  box-sizing: border-box;
}

.content {
  display: block;
  max-width: 1281px;
  margin: 0 auto;
  box-shadow: none !important;
  font-family: EmpireTextNormal, Helvetica, Arial, sans-serif;
  color: #2c2e2f;
  padding: 0 20px;
}
@media screen and (max-width: 460px) {
  .content {
    padding: 0 10px;
  }
}

.testimonials {
  padding: 0px;
  background-color: #fff;
}
@media screen and (max-width: 690px) {
  .testimonials {
    padding-top: 40px;
  }
}
.testimonials h2 {
  text-align: center;
  margin-bottom: 40px;
}
.testimonials .flex-container {
  justify-content: space-between;
}
.testimonials .flex-container .testimonial-pro {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 calc(100%);
  flex: 0 0 calc(100%);
  max-width: calc(100%);
  box-sizing: border-box;
  border-radius: 4px;
  transition: all 0.3s ease-in-out;
  overflow: hidden;
  position: relative;
  background-size: cover;
  background-position: top -100px right -260px;
}
.testimonials .flex-container .testimonial-pro .text {
  width: calc(100%);
  color: #6f7a8e;
  position: relative;
  top: 0;
  left: 0;
  height: 100%;
  padding: 80px 80px;
  box-sizing: border-box;
  opacity: 0.9;
  margin-top: 25px;
}
@media screen and (max-width: 790px) {
  .testimonials .flex-container .testimonial-pro .text {
    padding: 40px;
  }
}
@media screen and (max-width: 490px) {
  .testimonials .flex-container .testimonial-pro .text {
    padding: 40px 20px;
  }
}
.testimonials .flex-container .testimonial-pro .text span {
  font-size: 1em;
  margin-top: 20px;
  display: block;
  text-align: right;
  font-style: italic;
}
.testimonials .flex-container .testimonial-pro .text p {
  font-style: italic;
  line-height: 1.5;
  font-size: 1em;
}
.testimonials .flex-container .testimonial-pro .text p:last-child {
  margin: 0px;
}
.testimonials .flex-container .testimonial {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 calc(100%);
  flex: 0 0 calc(100%);
  max-width: calc(100%);
  text-align: center;
  background-color: #111c4e;
  padding: 40px;
  box-sizing: border-box;
  border-radius: 4px;
  box-shadow: 0 0.1rem 0.4rem 0 rgba(0, 0, 0, 0.2);
  transition: all 0.3s ease-in-out;
}
.testimonials .flex-container .testimonial p {
  font-size: 1.15em;
  color: #FFF;
  font-style: italic;
  line-height: 1.5;
}
.testimonials .flex-container .testimonial span {
  display: block;
  border-top: 1px solid #FFF;
  padding-top: 20px;
  margin-top: 20px;
  font-weight: bold;
  font-family: EmpireTextLight, Helvetica, Arial, sans-serif;
  color: #FFF;
  font-size: 0.95em;
}

.breadcrumb {
  font-size: 16px;
  margin-top: 0;
  margin-bottom: 30px;
}
.breadcrumb a, .breadcrumb button {
  font-size: 16px;
  margin-bottom: 10px;
}
.breadcrumb a::after, .breadcrumb button::after {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-right: 15px;
  margin-left: 10px;
  border-bottom: 1px solid #9b9b9b;
  border-right: 1px solid #9b9b9b;
  transform: rotate(-45deg);
}

section {
  font-size: 1.2em;
  padding: 50px 0;
  box-sizing: border-box;
}
section .flex-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
}
section .flex-container .flex-item {
  display: block;
  box-sizing: border-box;
  width: 33%;
  padding: 40px 20px;
  padding-bottom: 0px;
}
@media screen and (max-width: 990px) {
  section .flex-container .flex-item {
    width: 100%;
  }
}
section.counters {
  background-image: url("https://empireofamerica.com/wp-content/uploads/2014/05/Empire-America-family-d.jpg");
  padding: 0px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top right;
  max-width: 1440px;
  margin: auto;
}
section.counters .overlay {
  padding: 140px 0;
  background-color: rgba(0, 0, 0, 0.35);
}
section.counters .big-number {
  font-size: 2.85em;
  font-family: EmpireHeadBold;
  color: white;
}
@media screen and (max-width: 790px) {
  section.counters .big-number {
    font-size: 2em;
  }
}
section.counters .small-text {
  color: white;
  margin-top: 15px;
  font-family: EmpireHeadBold;
  text-transform: uppercase;
  color: #fc9905;
}
section.why-eoa {
  padding-bottom: 60px;
}
section.why-eoa h1 {
  margin-bottom: 30px;
}
@media screen and (max-width: 990px) {
  section.why-eoa h1 {
    text-align: center;
  }
}
section.why-eoa p {
  margin-bottom: 50px;
  width: 80%;
  margin: 20px auto 60px;
}
section.why-eoa .flex-item {
  width: 25%;
}
@media screen and (max-width: 990px) {
  section.why-eoa .flex-item {
    -ms-flex: 0 0 calc(100%);
    flex: 0 0 calc(100%);
    max-width: calc(100%);
  }
}
section.why-eoa .flex-item .icon {
  display: block;
}
section.why-eoa .flex-item .icon .icon-feature {
  display: block;
  width: 100px;
  height: 100px;
  line-height: 50px;
  text-align: center;
  margin: 0 auto 20px;
}
section.why-eoa .flex-item .icon .icon-feature i {
  font-size: 1.25em;
  position: relative;
  top: 3px;
}
section.why-eoa .flex-item .feature-text {
  display: block;
  text-align: center;
}
section.why-eoa .flex-item .feature-text h5 {
  margin-bottom: 10px;
}
section.why-eoa .flex-item .feature-text p {
  margin: 0px;
  width: 100%;
}
section.calculators {
  background-color: #FFF;
  padding: 80px 0;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
}
section.calculators .flex-container {
  justify-content: space-between;
  align-items: stretch;
}
section.calculators .flex-container .flex-item {
  width: calc(33% - 20px);
  background-color: white;
  box-shadow: 0 0.1rem 0.4rem 0 rgba(0, 0, 0, 0.2);
  padding: 0px;
  transition: all 0.3s ease-in-out;
  position: relative;
  padding-bottom: 85px;
}
section.calculators .flex-container .flex-item:hover {
  box-shadow: 0 0.1rem 2rem 0.1rem rgba(0, 0, 0, 0.2);
  cursor: pointer;
}
section.calculators .flex-container .flex-item:hover .btn {
  background-color: #111c4e;
  color: #FFF;
}
@media screen and (max-width: 1190px) {
  section.calculators .flex-container .flex-item {
    width: calc(50% - 20px);
    margin: 20px 0;
  }
}
@media screen and (max-width: 690px) {
  section.calculators .flex-container .flex-item {
    width: calc(100%);
  }
}
section.calculators .flex-container .flex-item .image {
  height: 150px;
  background-size: cover;
}
section.calculators .flex-container .flex-item .feature-text {
  padding: 20px 20px;
  position: relative;
}
section.calculators .flex-container .flex-item .feature-text h5 {
  font-size: 1.25em;
  margin-bottom: 10px;
  font-weight: bold;
}
section.calculators .flex-container .flex-item .btn {
  max-width: 100%;
  width: calc(100% - 40px);
  box-sizing: border-box;
  padding: 20px;
  color: #111c4e;
  border: 2px solid #111c4e;
  margin: 0px;
  position: absolute;
  bottom: 20px;
  left: 20px;
  text-align: center;
}
section.calculators .flex-container .flex-item .btn:hover {
  background-color: #111c4e;
  color: #FFF;
}
section.calculators .flex-container .flex-item h5 {
  margin-bottom: 20px;
}
section.blog-section {
  padding: 80px 0;
  padding-bottom: 40px;
}
section.blog-section h2 {
  text-align: center;
  margin-bottom: 40px;
}
section.blog-section .blog-post .slide {
  padding-bottom: 40px;
}
section.blog-section .blog-post .bx-controls-direction {
  display: none;
}
section.blog-section .blog-post .bx-wrapper {
  position: relative !important;
}
section.blog-section .blog-post .flex-container {
  justify-content: space-between;
}
section.blog-section .blog-post .image {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 calc(400px);
  flex: 0 0 calc(400px);
  max-width: calc(400px);
  margin-right: 40px;
}
@media screen and (max-width: 860px) {
  section.blog-section .blog-post .image {
    -ms-flex: 0 0 calc(100%);
    flex: 0 0 calc(100%);
    max-width: calc(100%);
  }
}
section.blog-section .blog-post .image img {
  max-width: 100%;
  width: 100%;
}
section.blog-section .blog-post .blog-content {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 calc(100% - 440px);
  flex: 0 0 calc(100% - 440px);
  max-width: calc(100% - 440px);
}
@media screen and (max-width: 860px) {
  section.blog-section .blog-post .blog-content {
    -ms-flex: 0 0 calc(100%);
    flex: 0 0 calc(100%);
    max-width: calc(100%);
  }
}
section.blog-section .blog-post .blog-content h3 {
  margin: 0px;
  line-height: 0.75;
}
section.blog-section .blog-post .blog-content h3 a, section.blog-section .blog-post .blog-content h3 button {
  font-family: EmpireHeadNormal;
  margin: 0px;
  font-size: 0.65em;
  color: #111c4e;
}
section.blog-section .blog-post .blog-content p {
  padding-right: 40px;
}
section.blog-section .blog-post .blog-content a, section.blog-section .blog-post .blog-content button {
  margin: 0px;
}
section.blog-section .blog-post .blog-content a:hover, section.blog-section .blog-post .blog-content button:hover {
  color: #111c4e;
}
section.blog-section .blog-post .blog-content span {
  display: block;
  margin: 10px 0;
  font-size: 0.85em;
}
section#section-404 {
  padding: 120px 0;
}
section#section-404 .text {
  position: relative;
}
section#section-404 .text h3 {
  margin-bottom: 40px;
}
section#section-404 .text p {
  font-size: 1.3em;
}
section#section-404 .text .sad-face {
  position: absolute;
  right: 10px;
  bottom: 0;
  font-size: 6em;
  font-weight: 700;
  color: #eee;
}
section.search-box {
  background-color: #444;
  padding: 30px 0;
}
section.search-box form.search {
  color: white;
}
section.search-box form.search .form-element input.input-search {
  border-radius: 4px;
}
section.categories-index {
  background-color: #f5f5f5;
  padding: 60px 0;
}
section.categories-index h5 {
  text-align: center;
}
section.categories-index .flex-container .card-topic {
  display: block;
  padding: 20px 10px;
  font-family: EmpireTextBold;
  width: 32%;
  margin-top: 30px;
  border: 1px solid #ddd;
  background-color: white;
  cursor: pointer;
  position: relative;
  margin-right: 2%;
}
@media screen and (min-width: 901px) {
  section.categories-index .flex-container .card-topic:nth-of-type(3n) {
    margin-right: 0;
  }
}
@media screen and (max-width: 900px) and (min-width: 601px) {
  section.categories-index .flex-container .card-topic:nth-of-type(2n) {
    margin-right: 0;
  }
}
@media screen and (max-width: 600px) {
  section.categories-index .flex-container .card-topic {
    margin-right: 0;
  }
}
section.categories-index .flex-container .card-topic a, section.categories-index .flex-container .card-topic button {
  margin: 0;
}
@media screen and (max-width: 900px) and (min-width: 601px) {
  section.categories-index .flex-container .card-topic {
    width: 48%;
  }
}
@media screen and (max-width: 600px) {
  section.categories-index .flex-container .card-topic {
    width: 100%;
  }
}
section.categories-index .flex-container .card-topic::after {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%) rotate(45deg);
  border-top: 1px solid #ccc;
  border-right: 1px solid #ccc;
}
section.categories-index .flex-container .card-topic:hover {
  text-decoration: underline;
}
section.featured-posts {
  padding: 80px 0;
}
section.featured-posts h5 {
  text-align: center;
}
section.featured-posts .button-more {
  text-align: center;
}
section.featured-posts .button-more .btn {
  margin-top: 40px;
}
section.featured-posts .flex-container .card-article {
  display: block;
  width: 32%;
  margin-top: 30px;
  background-color: #111c4e;
  cursor: pointer;
  position: relative;
  color: white;
  box-sizing: border-box;
  padding: 24px;
  border-radius: 4px;
  transition: all 0.4s ease-in-out;
  background-size: cover;
  background-position: center;
  margin-right: 2%;
}
@media screen and (min-width: 901px) {
  section.featured-posts .flex-container .card-article:nth-of-type(3n) {
    margin-right: 0;
  }
}
@media screen and (max-width: 900px) and (min-width: 601px) {
  section.featured-posts .flex-container .card-article:nth-of-type(2n) {
    margin-right: 0;
  }
}
@media screen and (max-width: 600px) {
  section.featured-posts .flex-container .card-article {
    margin-right: 0;
  }
}
section.featured-posts .flex-container .card-article .overlay-article {
  background: #0a2047;
  background: linear-gradient(132deg, rgba(10, 32, 71, 0.9) 0%, rgba(10, 32, 71, 0.4) 100%);
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
}
section.featured-posts .flex-container .card-article a, section.featured-posts .flex-container .card-article button {
  transition: all 0.3s ease-in-out;
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  background: transparent;
  top: 0;
  left: 0;
  z-index: 2;
}
section.featured-posts .flex-container .card-article:hover {
  box-shadow: 0 10px 45px rgba(0, 0, 0, 0.7);
}
@media screen and (max-width: 900px) and (min-width: 601px) {
  section.featured-posts .flex-container .card-article {
    width: 48%;
  }
}
@media screen and (max-width: 600px) {
  section.featured-posts .flex-container .card-article {
    width: 100%;
  }
}
section.featured-posts .flex-container .card-article .category, section.featured-posts .flex-container .card-article .excerpt, section.featured-posts .flex-container .card-article .short-date {
  text-transform: uppercase;
  font-size: 0.65em;
  letter-spacing: 1px;
  position: relative;
  display: block;
}
section.featured-posts .flex-container .card-article .category .arrow, section.featured-posts .flex-container .card-article .excerpt .arrow, section.featured-posts .flex-container .card-article .short-date .arrow {
  position: absolute;
  display: block;
  width: 10px;
  height: 10px;
  border-top: 2px solid white;
  border-right: 2px solid white;
  right: 0;
  top: 0;
  box-sizing: border-box;
  opacity: 0.6;
  transform: rotate(45deg);
}
section.featured-posts .flex-container .card-article .short-date {
  text-transform: capitalize;
  position: absolute;
  bottom: 24px;
}
section.featured-posts .flex-container .card-article .title {
  font-size: 1em;
  margin: 10px 0;
  position: relative;
  letter-spacing: 1px;
}
section.featured-posts .flex-container .card-article .excerpt {
  margin-bottom: 50px;
  text-transform: none;
}
section.subscribe-form {
  background-color: #111c4e;
  padding: 60px 0;
}
section.subscribe-form .content h5 {
  color: white;
  text-align: center;
  width: 50%;
  margin: 0 auto 50px;
}
@media screen and (max-width: 900px) {
  section.subscribe-form .content h5 {
    width: 100%;
  }
}
section.subscribe-form .content .form-element input {
  margin-top: 10px;
  margin-bottom: 10px;
}
section.subscribe-form .content .button-more {
  text-align: center;
}
section.subscribe-form .content .button-more button {
  line-height: 0;
}

a, button {
  transition: all 0.3s ease-in-out;
}
a.btn, button.btn {
  background-color: #ccc;
  margin: 20px 0;
  font-weight: bold;
}
a.btn.primary, button.btn.primary {
  background-color: #fc9905;
  color: #FFF;
}
a.btn.primary:hover, button.btn.primary:hover {
  background-color: #ffbd32;
}
a.btn.hole, button.btn.hole {
  background-color: transparent;
  border: 2px solid #111c4e;
  color: #111c4e;
}
a.btn.hole:hover, button.btn.hole:hover {
  background-color: #111c4e;
  color: white;
}

footer {
  background-color: #FFF;
}
footer .call-to-action-footer {
  background: radial-gradient(circle, #31489b 0%, #111c4e 60%);
}
footer .call-to-action-footer .flex-container .text {
  width: calc(100% - 320px);
  box-sizing: border-box;
  padding-right: 40px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  min-height: 100%;
}
@media screen and (max-width: 890px) {
  footer .call-to-action-footer .flex-container .text {
    width: 100%;
  }
}
footer .call-to-action-footer .flex-container .text h4, footer .call-to-action-footer .flex-container .text p {
  color: #FFF;
}
footer .call-to-action-footer .flex-container .text h4 {
  font-weight: 300;
  font-size: 2.5em;
  font-family: EmpireHeadNormal;
  margin-bottom: 20px;
}
@media screen and (max-width: 890px) {
  footer .call-to-action-footer .flex-container .text h4 {
    font-size: 2em;
    line-height: 1.15;
  }
}
footer .call-to-action-footer .flex-container .action {
  width: 320px;
  text-align: right;
  display: flex;
  justify-content: center;
  flex-direction: column;
  min-height: 100%;
}
@media screen and (max-width: 890px) {
  footer .call-to-action-footer .flex-container .action {
    width: 100%;
  }
}
footer .call-to-action-footer .flex-container .action .btn {
  background-color: transparent;
  border-color: #FFF;
  color: #FFF;
  padding: 40px 20px;
  font-size: 1.5em;
  text-align: center;
}
footer .call-to-action-footer .flex-container .action .btn:hover {
  background-color: #fff;
  color: #111c4e;
}
footer .content.footer-links {
  padding: 40px 20px;
}
footer .content .flex-container {
  justify-content: space-between;
}
footer .content .flex-container .col {
  width: calc(100%/4 - 20px);
  padding: 0 10px;
  box-sizing: border-box;
}
@media screen and (max-width: 1100px) {
  footer .content .flex-container .col {
    width: calc(100%/2 - 20px);
  }
}
@media screen and (max-width: 790px) {
  footer .content .flex-container .col {
    width: calc(100%);
  }
}
footer .content .flex-container .col h5 {
  color: #0a2047;
  border-bottom: 1px solid #111c4e;
  padding: 20px 0;
  margin-bottom: 20px;
}
footer .content .flex-container .col p, footer .content .flex-container .col a, footer .content .flex-container .col button {
  font-size: 1em;
  font-family: EmpireHeadNormal;
  color: #52627c;
}
footer .content .flex-container .col a:hover, footer .content .flex-container .col button:hover {
  color: #0a2047;
}
footer .content .flex-container .col ul {
  padding: 0px;
  margin: 10px 0;
}
footer .content .flex-container .col ul li {
  list-style: none;
  margin: 0px;
  margin-bottom: 10px;
}
footer .content .flex-container .col ul li a, footer .content .flex-container .col ul li button {
  margin: 0px;
}
footer .content .flex-container .col ul li.social-footer a, footer .content .flex-container .col ul li.social-footer button {
  font-size: 1.5em;
  margin-right: 10px;
}
footer .content .bottom-text-footer {
  text-align: center;
  border-top: 1px solid #111c4e;
  margin: 0px;
  margin-top: 20px;
  padding: 40px 0;
  font-size: 0.95em;
}

#social-footer a, #social-footer button {
  font-size: 2.5em;
  margin-right: 10px;
}

.article {
  display: flex;
  flex-direction: row;
  margin-top: 30px;
}
@media screen and (max-width: 1100px) {
  .article {
    flex-direction: column;
  }
}
.article .article-content {
  width: 70%;
  box-sizing: border-box;
  padding-right: 40px;
}
@media screen and (max-width: 1100px) {
  .article .article-content {
    width: 100%;
    padding-right: 0;
  }
}
.article .article-content img {
  margin-bottom: 20px;
}
.article .posts-list {
  width: 30%;
  box-sizing: border-box;
}
@media screen and (max-width: 1100px) {
  .article .posts-list {
    width: 100%;
    margin-top: 50px;
  }
}
.article .posts-list .posts-title {
  border-bottom: 1px solid #ccc;
  color: #2c2e2f;
  padding: 10px 0;
  font-size: 0.75em;
  font-family: "EmpireHeadbold", sans-serif;
  text-transform: uppercase;
}
.article .posts-list .more-posts ul {
  list-style: none;
  margin-left: 0;
  padding-left: 0;
  margin: 0;
}
.article .posts-list .more-posts ul li {
  display: block;
  box-sizing: border-box;
  border-bottom: 1px solid #efefef;
  margin: 0;
  padding: 20px 25px 20px 0;
  position: relative;
}
.article .posts-list .more-posts ul li::after {
  content: "";
  position: absolute;
  display: block;
  width: 20px;
  height: 20px;
  border-right: 1px solid #111c4e;
  border-bottom: 1px solid #111c4e;
  right: 10px;
  top: 50%;
  transform: translateY(-50%) rotate(-45deg);
}
.article .posts-list .more-posts ul li:last-child {
  border-bottom: none;
}
.article .posts-list .more-posts ul li a, .article .posts-list .more-posts ul li button {
  margin: 0;
  position: relative;
  width: 100%;
  height: 100%;
}

.category-layout {
  display: flex;
  flex-direction: row;
}
@media screen and (max-width: 1100px) {
  .category-layout {
    flex-direction: column;
  }
}
.category-layout .category-content {
  width: 70%;
  box-sizing: border-box;
}
@media screen and (max-width: 1100px) {
  .category-layout .category-content {
    width: 100%;
  }
}
.category-layout .category-content .articles-container .article-item {
  border-top: 1px solid #f1f1f1;
  padding: 20px 0;
  box-sizing: border-box;
}
.category-layout .category-content .articles-container .article-item .article-image {
  display: inline-block;
  background-size: cover;
  width: 270px;
  height: 270px;
  background-position: center;
  margin-right: 20px;
}
.category-layout .category-content .articles-container .article-item .article-content {
  display: inline-block;
  vertical-align: top;
  position: relative;
  width: 100%;
}
.category-layout .category-content .articles-container .article-item .article-content .category, .category-layout .category-content .articles-container .article-item .article-content section.featured-posts .flex-container .card-article .short-date, section.featured-posts .flex-container .card-article .category-layout .category-content .articles-container .article-item .article-content .short-date, .category-layout .category-content .articles-container .article-item .article-content section.featured-posts .flex-container .card-article .excerpt, section.featured-posts .flex-container .card-article .category-layout .category-content .articles-container .article-item .article-content .excerpt {
  color: #111;
  font-size: 0.75em;
  font-family: EmpireTextBold;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.category-layout .category-content .articles-container .article-item .article-content .title a, .category-layout .category-content .articles-container .article-item .article-content .title button {
  color: #111c4e;
  font-family: EmpireTextLight;
  font-size: 1.2em;
  margin-top: 10px;
  line-height: 1em;
}
.category-layout .category-content .articles-container .article-item .article-content .title a:hover, .category-layout .category-content .articles-container .article-item .article-content .title button:hover {
  text-decoration: underline;
}
.category-layout .category-content .articles-container .article-item .article-content .short-date {
  font-size: 0.75em;
}
.category-layout .category-content .articles-container .article-item .article-content .arrow {
  position: absolute;
  display: block;
  width: 10px;
  height: 10px;
  border-top: 2px solid #555;
  border-right: 2px solid #555;
  right: 0;
  top: 0;
  box-sizing: border-box;
  opacity: 0.6;
  transform: rotate(45deg);
}
.category-layout .category-content .articles-container .article-item.item-wimage > .article-content {
  width: calc(100% - 290px);
}
.category-layout .category-content img {
  margin-bottom: 20px;
}
.category-layout .posts-list {
  width: 30%;
  box-sizing: border-box;
  padding-right: 40px;
}
@media screen and (max-width: 1100px) {
  .category-layout .posts-list {
    width: 100%;
    margin-top: 50px;
    padding-right: 0;
  }
}
.category-layout .posts-list .more-posts ul {
  list-style: none;
  margin-left: 0;
  padding-left: 0;
  margin: 0;
}
.category-layout .posts-list .more-posts ul li {
  display: block;
  box-sizing: border-box;
  border: 1px solid #efefef;
  margin: 0;
  padding: 10px 10px 10px 10px;
  position: relative;
}
.category-layout .posts-list .more-posts ul li.current {
  border-left: 3px solid #111c4e;
  background-color: #f5f7fa;
}
.category-layout .posts-list .more-posts ul li a, .category-layout .posts-list .more-posts ul li button {
  margin: 0;
  position: relative;
  width: 100%;
  height: 100%;
}

.comments-space {
  margin-top: 30px;
}

#disclaimer-msg {
  background-color: whitesmoke;
  padding: 40px;
  padding-top: 80px;
}

.about .top-nav, .mortgage-products .top-nav, .mortgage-resources .top-nav {
  background-color: #111c4e !important;
  z-index: 999999;
}

.about header, .mortgage-products header, .mortgage-resources header {
  min-height: 90px !important;
}

.breadcrumbs-header {
  max-width: 1281px;
  margin: 0 auto;
  font-family: EmpireTextNormal, Helvetica, Arial, sans-serif;
  color: #2c2e2f;
  padding: 25px 20px 0px 20px;
}
.breadcrumbs-header h1 {
  color: #111c4e;
  font-weight: bold;
  font-size: 2.5em;
}

.bx-wrapper {
  position: absolute !important;
  width: 100%;
  height: 100%;
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
.bx-wrapper .bx-viewport {
  height: 100% !important;
  /*fix other elements on the page moving (on Chrome)*/
  -webkit-transform: translatez(0);
  -moz-transform: translatez(0);
  -ms-transform: translatez(0);
  -o-transform: translatez(0);
  transform: translatez(0);
}
.bx-wrapper .bx-viewport ul.slider {
  margin-top: 0;
  height: 100%;
}
.bx-wrapper .bx-controls .bx-pager {
  position: relative;
  top: -50px;
}

.select2-dropdown {
  z-index: 999999 !important;
}

.first-item .select2-container .select2-selection--single {
  border: 0px;
}

.select2-container {
  width: 100% !important;
}
.select2-container.invalid .select2-selection--single {
  border-color: red !important;
}
.select2-container.filled .select2-selection--single {
  border-color: #2c2e2f !important;
}
.select2-container .select2-selection--single {
  height: 25px !important;
  border: 0px;
  background-color: transparent;
}
.select2-container .select2-results__option--highlighted[aria-selected] {
  background-color: #111c4e !important;
}
.select2-container.select2-container--focus .select2-selection--single, .select2-container.select2-container--open .select2-selection--single {
  border-color: #111c4e !important;
}
.select2-container.select2-container--focus .select2-selection--single .select2-selection__rendered, .select2-container.select2-container--open .select2-selection--single .select2-selection__rendered {
  color: #05164d !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 20px !important;
  color: #05164d;
  font-weight: bold;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 18px !important;
}

.select2-container--focus .select2-container--default .select2-selection--single {
  border-color: #111c4e !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  right: -5px;
}

.form-item input:-internal-autofill-selected {
  background-color: #FFF !important;
  background-image: none !important;
  color: -internal-light-dark-color(black, white) !important;
}

/*
    Calculators
*/
body.KJEReportBody {
  background: #FFFFFF;
  background-image: none;
}

#KJEAllContent {
  background: #FFFFFF;
  color: #6D6E70;
  padding: 20px 0 0 0;
}

#KJEAllContent p {
  margin: 1em 0;
}

.KJEFontHeading {
  color: #000000;
}

.KJEError {
  color: #FF0000;
}

.KJETitle {
  font-size: 14pt;
  text-align: center;
}

.KJECalculatorReportTable {
  padding: 4px 4px;
  border: 0;
}

.KJECalculator {
  font-size: 14px;
  right: 0;
  left: 0;
  height: 100%;
  position: relative;
}

.KJECalculator p {
  font: normal 10pt arial, sans-serif;
  color: #000000;
}

.KJECalculator .KJEMain {
  right: 0;
  left: 0;
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
}

.KJEInputs {
  padding: 0;
  display: none;
}

.KJENoJavaScript {
  width: 50%;
  background: #FFFFFF;
  padding: 20px 20px 20px 20px;
  border: 2px solid #666666;
  text-align: center;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  box-shadow: 10px 10px 20px #DDDDDD;
  -webkit-box-shadow: 10px 10px 20px #DDDDDD;
  -moz-box-shadow: 10px 10px 20px #DDDDDD;
}

#KJECommandButtons, #KJEReportButtons {
  width: 100%;
  z-index: 10;
}

.KJECommandButton {
  color: #ffffff;
  background: #333333;
  padding: 4px 2px;
  margin: 4px 2px 7px 2px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  white-space: nowrap;
  width: 140px;
  font-size: 11pt;
  font-weight: bold;
}

.KJECommandButton:active {
  position: relative;
  top: 2px;
}

.KJEMain table {
  border-collapse: collapse;
  right: 0;
  left: 0;
  table-layout: fixed;
}

.KJEMain th, .KJEMain td {
  padding: 0;
  overflow: hidden;
}

.KJEWait {
  position: absolute;
  text-align: right;
  background-image: url(data:image/gif;base64,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);
  background-repeat: no-repeat;
  background-position: center;
  z-index: 999;
  display: none;
  border: 1px solid #dddddd;
  width: 32px;
  height: 32px;
  /* css3 */
  -webkit-border-radius: 18px;
  -moz-border-radius: 18px;
  border-radius: 18px;
}

.KJEInset {
  margin-left: 20px;
  margin-right: 20px;
}

.KJEReport {
  display: none;
  padding: 5px;
  text-align: left;
  vertical-align: middle;
}

.KJEReport, .KJEReport dl, .KJEReport dd, .KJEReport dt, .KJEReport p, .KJEReport td, .KJEReport ul, .KJEReport li, .KJEReport ol {
  font-size: 10pt;
  line-height: normal;
}

.KJEDefinitionsHeader {
  font-size: 13pt;
  font-weight: bold;
  line-height: 22px;
}

.KJEDefinitionPopup, .KJEDefinitionPopup dl, .KJEDefinitionPopup dd, .KJEDefinitionPopup dt, .KJEDefinitionPopup p, .KJEDefinitions p, .KJEDefinitionPopup td, .KJEDefinitionPopup ul, .KJEDefinitionPopup li, .KJEDefinitionPopup ol {
  font-size: 10pt;
  line-height: normal;
}

.KJEDefinitions {
  text-align: left;
  margin-top: 30px;
}

.KJEDefinitions dl {
  padding-left: 10px;
}

.KJEDefinitions dt {
  font-weight: bold;
}

.KJEDefinitions dd {
  padding-bottom: 20px;
  padding-top: 5px;
  margin-left: 20px;
}

.KJEDefinitions dl, .KJEDefinitions dd, .KJEDefinitions dt, .KJEDefinitions p, .KJEDefinitions td, .KJEDefinitions ul, .KJEDefinitions li, .KJEDefinitions ol {
  font-size: 10pt;
  line-height: normal;
}

.KJECloseButton {
  color: #5D60C6;
  float: right;
  cursor: pointer;
}

.KJECloseButton:hover {
  color: #0000d4;
}

.KJEMain input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.KJEInputContainer {
  text-align: left;
  overflow: visible;
  position: relative;
  height: 30px;
  width: 100%;
  -webkit-transition: background-color 500ms ease;
  -moz-transition: background-color 500ms ease;
  -o-transition: background-color 500ms ease;
  transition: background-color 500ms ease;
}

.KJEInputContainer:hover {
  background-color: #F3FFD2;
}

.KJEInputContainer .KJESlider {
  display: inline-block;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.KJEInputContainer .KJEScale {
  font-size: 8pt;
  border-color: #666666;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.KJEInputContainer .KJELabel {
  text-align: right;
  cursor: default;
  overflow: visible;
}

.KJEInputContainer .KJEOutputLabel {
  overflow: visible;
}

.KJEInputContainer .KJELabelBold {
  font-weight: bold;
  text-align: right;
  overflow: visible;
}

.KJEInputContainer .KJEHelp {
  text-align: right;
  cursor: help;
  overflow: visible;
}

.KJEInputContainer .KJEHelp:hover {
  color: #0000D4;
}

.KJEInputContainer .bold {
  font-weight: bold;
}

.KJEInputContainer .KJETrailingLabel {
  overflow: visible;
}

.KJEInputContainer .KJETrailingLabelDisable {
  overflow: visible;
  color: #999999;
}

.KJEInputContainer .KJEDropBox {
  font-weight: normal;
  font-size: 10pt;
}

.KJEInputContainer .KJEInput {
  font-weight: normal;
  font-size: 10pt;
}

.KJEInputContainer .KJEArrowIE8 {
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 12px solid #0000d4;
}

.KJEInputContainer .KJEArrow {
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 12px solid rgba(0, 0, 212, 0.6);
  box-shadow: 0 2px 0 rgba(0, 0, 212, 0.3);
  -webkit-box-shadow: 0 2px rgba(0, 0, 212, 0.3);
  -moz-box-shadow: 0 2px rgba(0, 0, 212, 0.3);
}

.KJEInputContainer .KJEArrow.active {
  border-bottom: 12px solid rgba(0, 0, 212, 0.5);
  cursor: pointer;
}

.KJEInputContainer .KJELine {
  border-width: 0 0 2px 0;
  border-style: dotted;
  border-color: #666666;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.KJEInputContainer .KJELine.active {
  border-style: solid;
  border-color: #666666;
}

hr.KJEDivide {
  border: 0;
  width: 100%;
  height: 1px;
  color: #969696;
  background-color: #969696;
}

.KJEBold {
  font-weight: bold;
}

.KJEBoldCenter {
  font-weight: bold;
  text-align: center;
  cursor: default;
  overflow: visible;
}

.KJESubTitle {
  font-size: 10pt;
  font-weight: normal;
  line-height: normal;
}

.KJELeft {
  text-align: left;
}

.KJELeftPad {
  text-align: left;
  padding-left: 10px;
}

.KJECenter {
  text-align: center;
}

.KJERight {
  text-align: right;
}

.KJERightBold {
  text-align: right;
  font-weight: bold;
}

.KJECenterBold {
  text-align: center;
  font-weight: bold;
}

.KJELeftBold {
  text-align: left;
  font-weight: bold;
}

.KJEFooter {
  font-size: 9pt;
  font-weight: normal;
}

#KJEGuiDataPoint {
  color: #000000;
  background: #ffffff;
  border: 1px solid #5D60C6;
  position: absolute;
  display: none;
  z-index: 99;
  padding: 9px;
  margin: 1em 0 3em;
  max-width: 520px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 8px;
  box-shadow: 3px 3px 3px #333333;
  -webkit-box-shadow: 3px 3px 3px #333333;
  -moz-box-shadow: 3px 3px 3px #333333;
}

#KJEGuiDataPoint dt {
  font-weight: bold;
}

#KJEGuiDataPoint dd {
  padding-bottom: 5px;
  padding-top: 5px;
  margin-left: 20px;
}

#KJEGuiDataPoint:before {
  content: "";
  position: absolute;
  top: -10px;
  /* value = - border-top-width - border-bottom-width */
  right: auto;
  bottom: auto;
  /* value = - border-top-width - border-bottom-width */
  left: 39px;
  /* controls horizontal position */
  border-width: 0 10px 10px;
  border-style: solid;
  border-color: #5D60C6 transparent;
  /* reduce the damage in FF3.0 */
  display: block;
  width: 0;
}

/* creates the smaller  triangle */
#KJEGuiDataPoint:after {
  content: "";
  position: absolute;
  top: -8px;
  /* value = - border-top-width - border-bottom-width */
  bottom: auto;
  /* value = - border-top-width - border-bottom-width */
  left: 38px;
  right: auto;
  /* value = (:before left) + (:before border-left) - (:after border-left) */
  border-width: 0 11px 11px;
  border-style: solid;
  border-color: #fff transparent;
  /* reduce the damage in FF3.0 */
  display: block;
  width: 0;
}

table.KJEToggleTable {
  width: 100%;
  border-style: none;
}

table.KJEToggleTable td {
  border: 0px;
}

.KJEToggleTitle {
  font-size: 11pt;
  font-weight: bold;
  cursor: pointer;
  text-align: left;
  text-decoration: none;
  border-style: none;
}

.KJEToggleIcon {
  font-size: 9pt;
  font-weight: normal;
  text-align: right;
  padding-top: 0;
  vertical-align: top;
  color: #111111;
  outline: none;
  cursor: pointer;
  white-space: nowrap;
  width: 35px;
  border-style: none;
}

.KJEToggleSubTitle {
  font-size: 10pt;
  font-weight: bold;
  cursor: pointer;
  text-align: left;
  text-decoration: none;
  padding-left: 30px;
  width: 100%;
}

.KJEGraphIcon {
  background-repeat: no-repeat;
  background-position: top left;
  background-image: url(data:image/x-png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAQCAYAAAAWGF8bAAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAOwgAADsIBFShKgAAAABp0RVh0U29mdHdhcmUAUGFpbnQuTkVUIHYzLjUuMTAw9HKhAAAAZElEQVQ4T2P4DwQM1ASHDx+mjYH19f//I2OyHQ1zIbqB9UABsgwdNRApYiBh+P//fmDCQmCC4UooDNENJBhZ5BpYrxD/HxnDXU4tA+EuHzWQYLKBhRV6pMDDEFR8gcKRGhhkFgBPufMMsxpAzgAAAABJRU5ErkJggg==);
}

.KJEInputIcon {
  background-repeat: no-repeat;
  background-position: top left;
  background-image: url(data:image/x-png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAASCAYAAABb0P4QAAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAOwwAADsMBx2+oZAAAABp0RVh0U29mdHdhcmUAUGFpbnQuTkVUIHYzLjUuMTAw9HKhAAAA7klEQVQ4T2NgGCzg/7qT/0GYKu75lJD+H4YpNvTY8SNgw0AGwWiyXWnvceY/CL96+QruQrINu7Ai4f/OTUvABoLwunXryA+/I7MD/3++2v7//0k+uKFku2xLn+//d+eawIZ9fdT5vyfLhHyXbejw/P94bz7YsG8P2igzbEGV6/9727MgLrtTSZlhWyfm/7++IQFs2M8beZQZtmNB9f+bG0ogLruaTplhazZs+X93Qx3YsE+7mv+vaIohPwJAyWD9pFKwYcenZ/6f15lPmWEdvRP/75qa/39KZdz/ppZWygyDJdLq2kbqGER2qqeHRgBkc7eerrKe9AAAAABJRU5ErkJggg==);
}

.KJEInputDiv {
  padding-top: 5px;
  border-top: 1px solid;
  display: block;
  overflow: hidden;
  width: 100%;
  border-color: #666666;
  height: auto;
}

.KJEDropper:active {
  background-color: #F3FFD2;
}

.KJEDropper:hover {
  background-color: #F3FFD2;
}

.KJEGraphContainer {
  overflow: hidden;
}

.KJEGraph {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  overflow: hidden;
}

.KJEGraphDropper {
  border-top: 1px solid;
  border-color: #666666;
  padding: 5px;
  -webkit-transition: background-color 500ms ease;
  -moz-transition: background-color 500ms ease;
  -o-transition: background-color 500ms ease;
  transition: background-color 500ms ease;
  height: auto;
}

.KJEGraphDropper:active {
  background-color: #F3FFD2;
}

.KJEGraphDropper:hover {
  background-color: #F3FFD2;
}

.KJEDropperReport {
  border: 0;
  padding: 5px;
  -webkit-transition: background-color 500ms ease;
  -moz-transition: background-color 500ms ease;
  -o-transition: background-color 500ms ease;
  transition: background-color 500ms ease;
  height: auto;
}

.KJEDropperReport:active {
  background-color: #ffffff;
}

.KJEDropperReport:hover {
  background-color: #ffffff;
  -webkit-transition: background-color 500ms ease;
  -moz-transition: background-color 500ms ease;
  -o-transition: background-color 500ms ease;
  transition: background-color 500ms ease;
}

.KJEReportTableDiv {
  margin-top: 20px;
  margin-bottom: 20px;
  margin-right: 0px;
  margin-left: 0px;
  border-width: 1px;
  border-style: solid;
  border-color: black;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  display: inline-block;
  padding: 2px;
  width: 100%;
  box-shadow: 5px 5px 10px #DDDDDD;
  -webkit-box-shadow: 5px 5px 10px #DDDDDD;
  -moz-box-shadow: 5px 5px 10px #DDDDDD;
}

.KJEDefinitions .KJEReportTableDiv {
  width: 95%;
}

.KJEDefinitionPopup .KJEReportTableDiv {
  width: 95%;
}

.KJECenter {
  text-align: center;
}

.KJEReportHeader {
  font-size: 13pt;
  font-weight: bold;
  line-height: 22px;
}

.KJEReportTitleBlock {
  text-align: center;
}

.KJEReportTitle {
  font-size: 14pt;
  font-weight: bold;
  margin: 0;
  padding: 0;
}

table.KJEReportTable, table.KJECalcTable {
  font-size: 10pt;
  background-color: #cccccc;
  border-spacing: 0;
  border: 1px;
  border-collapse: collapse;
  width: 100%;
  margin: 0;
  padding: 0;
}

table.KJECalcTable {
  background-color: inherit;
}

table.KJEReportTable tr.KJEHeaderRow, table.KJECalcTable tr.KJEHeaderRow {
  background-color: #cccccc;
  text-align: center;
  border: none;
}

table.KJEReportTable th, table.KJECalcTable th {
  background-color: #cccccc;
  text-align: center;
  border: none;
}

table.KJECalcTable tr.KJEHeaderRow {
  background-color: inherit;
}

table.KJEReportTable tr.KJEFooterRow, table.KJECalcTable tr.KJEFooterRow {
  background-color: #cccccc;
  text-align: right;
  border: none;
}

table.KJECalcTable tr.KJEFooterRow {
  background-color: inherit;
}

table.KJEReportTable tr.KJEFooterRow:hover, table.KJECalcTable tr.KJEFooterRow:hover {
  background-color: #aaaaff;
}

table.KJEReportTable tr.KJEEvenRow {
  background-color: #eeeeee;
  text-align: right;
}

table.KJECalcTable tr.KJEEvenRow {
  text-align: right;
}

table.KJEReportTable tr.KJEEvenRow:hover, table.KJECalcTable tr.KJEEvenRow:hover {
  background-color: #aaaaff;
}

table.KJEReportTable tr.KJEOddRow {
  background-color: #ffffff;
  text-align: right;
}

table.KJECalcTable tr.KJEOddRow {
  text-align: right;
}

table.KJEReportTable tr.KJEOddRow:hover, table.KJECalcTable tr.KJEOddRow:hover {
  background-color: #aaaaff;
}

h2.KJESubHeading {
  font-size: 11pt;
  padding: 0px;
  margin: 0px;
}

table.KJEReportTable .KJEHeading, table.KJECalcTable .KJEHeading {
  font-size: 11pt;
  font-weight: bold;
  padding-top: 5px;
  padding-bottom: 5px;
  line-height: 22px;
}

table.KJEReportTable .KJEHeadingUnderline, table.KJECalcTable .KJEHeadingUnderline {
  text-decoration: underline;
}

table.KJEReportTable .KJEHeadingRight, table.KJECalcTable .KJEHeadingRight {
  text-align: right;
}

table.KJEReportTable td.KJECell, th.KJECell, table.KJECalcTable td.KJECell {
  padding-right: 10px;
  padding-left: 10px;
  padding-top: 2px;
  padding-bottom: 2px;
  vertical-align: text-top;
  border: none;
}

table.KJEReportTable td.KJELabel, th.KJELabel, table.KJECalcTable td.KJELabel {
  padding-right: 10px;
  padding-top: 2px;
  padding-bottom: 2px;
  font-weight: bold;
  vertical-align: text-top;
  border: none;
}

table.KJEReportTable td.KJELabelPad, th.KJELabelPad, table.KJECalcTable td.KJELabelPad {
  padding-right: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  border: none;
}

table.KJEReportTable td.KJECellStrong, th.KJECellStrong, table.KJECalcTable td.KJECellStrong, table.KJECalcTable th.KJECellStrong {
  padding-right: 10px;
  padding-top: 2px;
  padding-bottom: 2px;
  font-weight: bold;
  vertical-align: text-top;
  border: none;
}

table.KJEReportTable td.KJECell:hover, table.KJECalcTable td.KJECell:hover {
  color: #ffffff;
  background-color: #0000d4;
}

table.KJEReportTable .KJELabel:hover, table.KJECalcTable .KJELabel:hover {
  color: #ffffff;
  background-color: #0000d4;
}

table.KJEReportTable td.KJECellStrong:hover, table.KJECalcTable td.KJECellStrong:hover {
  color: #ffffff;
  background-color: #0000d4;
}

table.KJEReportTable td.KJECellSpecial:hover, table.KJECalcTable td.KJECellSpecial:hover {
  color: #ffffff;
  background-color: #0000d4;
}

table.KJEReportTable td a, table.KJEReportTable td button {
  display: block;
  height: 50px;
}

table.KJEReportTable a:hover, table.KJEReportTable button:hover {
  color: #ffffff;
}

table.KJEReportTable td.KJECellStrong, th.KJECellStrong, table.KJECalcTable td.KJECellStrong {
  font-weight: bold;
  padding-right: 10px;
  padding-left: 10px;
  padding-top: 2px;
  padding-bottom: 2px;
  border: none;
}

table.KJEReportTable td.KJECellSpecial, th.KJECellSpecial, table.KJECalcTable td.KJECellSpecial {
  color: red;
  padding-right: 10px;
  padding-top: 2px;
  padding-bottom: 2px;
}

table.KJEReportTable td.KJECellBorder, th.KJECellBorder, table.KJECalcTable td.KJECellBorder {
  border-right-width: 1px;
  border-top-width: 0;
  border-bottom-width: 0;
  border-left-width: 0;
  border-style: solid;
  border-spacing: 1px;
  border-color: #000000;
}

table.KJEReportTable td.KJECell10, th.KJECell10, table.KJECalcTable td.KJECell10 {
  width: 10%;
}

table.KJEReportTable td.KJECell15, th.KJECell10, table.KJECalcTable td.KJECell15 {
  width: 15%;
}

table.KJEReportTable td.KJECell225, th.KJECell225, table.KJECalcTable td.KJECell225 {
  width: 22.5%;
}

table.KJEReportTable td.KJECell20, th.KJECell20, table.KJECalcTable td.KJECell20 {
  width: 20%;
}

table.KJEReportTable td.KJECell25, th.KJECell25, table.KJECalcTable td.KJECell25 {
  width: 25%;
}

table.KJEReportTable td.KJECell30, th.KJECell30, table.KJECalcTable td.KJECell30 {
  width: 30%;
}

table.KJEReportTable td.KJECell35, th.KJECell35, table.KJECalcTable td.KJECell35 {
  width: 35%;
}

table.KJEReportTable td.KJECell40, th.KJECell40, table.KJECalcTable td.KJECell40 {
  width: 40%;
}

table.KJEReportTable td.KJECell50, th.KJECell50, table.KJECalcTable td.KJECell50 {
  width: 50%;
}

table.KJEReportTable td.KJECell60, th.KJECell60, table.KJECalcTable td.KJECell60 {
  width: 60%;
}

table.KJEReportTable td.KJECell70, th.KJECell70, table.KJECalcTable td.KJECell70 {
  width: 70%;
}

table.KJEReportTable td.KJECellNB, th.KJECellNB, table.KJECalcTable td.KJECellNB {
  border-width: 0px;
}

/*
Rows and Cells used in the schedule table
*/
.KJEScheduleHeader {
  font-size: 13pt;
  font-weight: bold;
  line-height: 22px;
  page-break-after: avoid;
}

.KJEScheduleDiv {
  border-width: 1px;
  border-style: solid;
  border-color: black;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  width: 100%;
  display: inline-block;
  padding: 2px;
  box-shadow: 5px 5px 10px #DDDDDD;
  -webkit-box-shadow: 5px 5px 10px #DDDDDD;
  -moz-box-shadow: 5px 5px 10px #DDDDDD;
}

table.KJEScheduleTable {
  font-size: 10pt;
  border-spacing: 0;
  border-style: none;
  border-collapse: collapse;
  background-color: #cccccc;
  width: 100%;
}

table.KJEScheduleTable {
  font-size: 10pt;
  background-color: #cccccc;
  border-spacing: 0;
  border-style: none;
  width: 100%;
  margin: 0;
  padding: 0;
}

table.KJEScheduleTable tr.KJEScheduleHeaderRow {
  background-color: #cccccc;
  border-color: #cccccc;
  text-align: right;
  border: none;
}

.KJEScehduleTable th {
  background-color: #cccccc;
  border: none;
}

table.KJEScheduleTable tr.KJEScheduleEvenRow {
  background-color: #eeeeee;
  text-align: right;
  border: none;
}

table.KJEScheduleTable tr.KJEScheduleEvenRow:hover {
  background-color: #aaaaff;
}

table.KJEScheduleTable tr.KJEScheduleOddRow {
  background-color: #ffffff;
  text-align: right;
}

table.KJEScheduleTable tr.KJEScheduleOddRow:hover {
  background-color: #9999ff;
}

table.KJEScheduleTable th.KJEScheduleHeading {
  padding-right: 10px;
  padding-top: 2px;
  padding-bottom: 2px;
  border: none;
}

table.KJEScheduleTable th.KJEScheduleHeadingUnderline {
  padding-top: 10px;
  text-decoration: underline;
  text-align: center;
  border: none;
}

.KJEMinHeight2 {
  height: 30px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
}

table.KJEScheduleTable td.KJEScheduleCell {
  padding-right: 10px;
  padding-top: 2px;
  padding-bottom: 2px;
  border: none;
}

table.KJEScheduleTable td.KJEScheduleCell:hover {
  color: #ffffff;
  background-color: #0000d4;
}

table.KJEScheduleTable td.KJEScheduleCellStrong {
  font-weight: bold;
  padding-right: 10px;
  padding-top: 2px;
  padding-bottom: 2px;
  border: none;
}

table.KJEScheduleTable td.KJEScheduleCellSpecial {
  color: red;
  padding-right: 10px;
  padding-top: 2px;
  padding-bottom: 2px;
  border: none;
}

table.KJEScheduleTable td.KJECellBorder {
  border-right-width: 1px;
  border-top-width: 0;
  border-bottom-width: 0;
  border-left-width: 0;
  border-style: solid;
  border-spacing: 1px;
  border-color: #000000;
}

#KJESplash {
  right: 0;
  left: 0;
  margin-top: 85px;
  padding-top: 42px;
  position: absolute;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: top center;
  background-image: url(data:image/x-png;base64,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);
}

.KJEWidthContraint {
  max-width: 900px;
  text-align: left;
  margin: auto;
  background: #ffffff;
  padding: 15px;
}

.KJEWrapper {
  background: #cccccc;
  padding: 0;
  margin: 0;
}

.KJEBreakHeader {
  display: none;
}

@media print {
  .KJENoPrint {
    display: none;
  }

  #KJECalculatorScreenSize {
    page-break-before: avoid;
  }

  .KJEWrapper {
    background: #ffffff;
    border: 0px solid #ffffff;
  }

  .KJECalculatorTable {
    border: 2px solid #666666;
    box-shadow: 0 0 0;
    -webkit-box-shadow: 0 0 0;
    -moz-box-shadow: 0 0 0;
  }

  .KJECalculator {
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
  }

  .KJECalculator .KJEMain {
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
  }

  .KJECalculatorReportTable {
    display: none;
  }

  .KJEToggleIcon {
    display: none;
  }

  .KJEGraphIcon {
    display: none;
  }

  .KJEInputIcon {
    display: none;
  }

  .KJEDefinitions {
    display: block;
  }

  .KJEDefinitionsHeader {
    page-break-after: avoid;
  }

  .KJEDefinitions dl {
    page-break-before: avoid;
  }

  .KJEDefinitions dt {
    page-break-after: avoid;
  }

  .KJEDefinitions dd {
    page-break-before: avoid;
  }

  button.KJECommandButton {
    display: none;
  }

  #KJECommandButtons, #KJEReportButtons {
    display: none;
  }

  .KJEDropperReport {
    border-top: 0;
  }

  .KJEScheduleDiv {
    border-width: 0;
    border-style: solid;
    border-color: black;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    width: 100%;
    display: inline-block;
    padding: 2px;
    box-shadow: 0 0 0;
    -webkit-box-shadow: 0 0 0;
    -moz-box-shadow: 0 0 0;
    position: relative;
    display: block;
    float: none;
  }

  table.KJEScheduleTable {
    border-collapse: collapse;
    border-color: #000000;
    border-width: 1px;
    border-style: solid;
    border-spacing: 1px;
  }

  table.KJEScheduleTable td.KJEScheduleCell {
    border-right-width: 1px;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-style: solid;
    border-spacing: 1px;
    border-color: #000000;
  }

  table.KJEScheduleTable td.KJECellBorder {
    border-width: 1px;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
  }

  .KJEBreakHeader {
    display: block;
    page-break-before: always;
  }

  .KJEReportTableDiv {
    border-width: 0;
    border-style: solid;
    border-color: black;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    width: 100%;
    display: inline-block;
    padding: 2px;
    box-shadow: 0 0 0;
    -webkit-box-shadow: 0 0 0;
    -moz-box-shadow: 0 0 0;
  }

  table.KJEReportTable {
    border-collapse: collapse;
    border-color: #000000;
    border-width: 1px;
    border-style: solid;
    border-spacing: 1px;
  }

  table.KJEReportTable td.KJECell {
    border-width: 1px;
    border-style: solid;
    border-spacing: 1px;
    border-color: #000000;
  }

  table.KJEReportTable td.KJECellStrong {
    border-width: 1px;
    border-style: solid;
    border-spacing: 1px;
    border-color: #000000;
  }

  table.KJEReportTable td.KJECellSpecial {
    border-width: 1px;
    border-style: solid;
    border-spacing: 1px;
    border-color: #000000;
  }

  table.KJEReportTable td.KJECellBorder {
    border-width: 1px;
  }

  table.KJEReportTable td.KJECellNB {
    border-width: 0px;
  }

  table.KJEReportTableNB {
    border-width: 0px;
  }
}
.KJEAccessible {
  font-size: 0;
  width: 0;
  height: 1px;
  position: absolute;
  overflow: hidden;
  z-index: -1000;
}

#KJECommandButtons {
  text-align: center;
}

#KJECommandButtons input {
  border: 0px;
  border-radius: 0px;
}

.KJEDropper,
.KJEGraphDropper {
  padding: 10px 20px;
}

.KJEGraph,
#KJEAllContent {
  padding-bottom: 40px;
}

.KJEInputContainer .KJEInput {
  font-family: "Open Sans", sans-serif;
  padding: 5px;
  border: 1px solid #E7E7E8;
  color: #6D6E70;
}

.KJEInputContainer {
  margin-bottom: 20px;
}

.KJEInputContainer .KJEHelp {
  text-align: left;
  padding-left: 10px;
}

.KJEGraphDropper,
.KJEDrop {
  border: 1px solid #E7E7E8;
  margin-bottom: 20px;
}

#KJEAllContent td {
  line-height: 1.3;
}

.KJEToggleTitle,
.KJEGraphTitle {
  color: #6D6E70;
  font-size: 22px;
  font-weight: 300;
}

.KJEFontHeading {
  margin-bottom: 20px;
}

#KJEDefinitions {
  display: none;
}

#hero-form #county {
  display: none;
}
#hero-form #county.active {
  display: block;
}
#hero-form .refinance,
#hero-form .purchase {
  display: none;
}
#hero-form .refinance.active,
#hero-form .purchase.active {
  display: block;
}

@media screen and (max-width: 690px) {
  #results {
    padding-top: 400px;
  }
}
@media screen and (max-width: 460px) {
  #results {
    padding-top: 80px;
  }
}
#results.activated {
  min-height: 450px;
  padding: 0px 20px;
  padding-top: 265px;
}
#results.activated-home {
  min-height: 450px;
  padding: 0px 20px;
  padding-top: 50px;
}
#results .loading {
  padding: 150px 0;
  text-align: center;
  display: none;
}
#results .loading.active {
  display: block;
}
#results .loading .percentage-bar {
  position: relative;
  display: block;
  width: 100%;
  max-width: 400px;
  height: 20px;
  margin: auto;
  background-color: #fff;
  border-radius: 5px;
  border: 2px solid #111c4e;
  overflow: hidden;
  margin-bottom: 5px;
}
#results .loading .percentage-bar .bar {
  height: 20px;
  position: absolute;
  background-color: #111c4e;
}
#results.show-all .result {
  filter: none;
}
#results .result {
  border: 1px solid #EEEEEE;
  padding: 10px;
  margin-bottom: 30px;
  background-color: #fff;
  box-shadow: 0 0.1rem 0.4rem 0 rgba(0, 0, 0, 0.2);
  transition: all 0.3s ease-in-out;
  padding-bottom: 5px;
}
#results .result:nth-child(1) {
  filter: none;
}
#results .result .parameters {
  display: block;
}
#results .result .parameters.active {
  display: block;
}
#results .result .parameters .flex-data {
  display: flex;
  flex-wrap: wrap;
}
#results .result .parameters .flex-data .row {
  height: 15px;
}
#results .result .parameters .flex-data .row span {
  display: inline;
}
#results .result .parameters .flex-data .row span:last-child {
  font-weight: bold;
}
#results .result .parameters .flex-data .row span:last-child:after {
  display: inline;
  content: ",";
  margin-right: 2px;
  position: relative;
}
#results .result .parameters .flex-data .row span div {
  display: inline;
}
#results .result .parameters .flex-data .row:last-child span:last-child:after {
  content: "";
}
#results .result .header {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  height: auto;
  padding: 5px 0;
  padding-bottom: 10px;
}
#results .result .header .title {
  width: calc(100% - 250px);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (max-width: 560px) {
  #results .result .header .title {
    width: 100%;
    text-align: center;
    padding-bottom: 20px;
    justify-content: center;
  }
}
#results .result .header .title h2 {
  color: #05164d;
  font-size: 18px;
  font-weight: bold;
  line-height: 1;
  margin-bottom: 0px;
}
#results .result .header .title a, #results .result .header .title button {
  margin: 0px;
  margin-left: 5px;
  color: #111c4e;
  display: none;
}
#results .result .header .title a .fas, #results .result .header .title button .fas {
  font-size: 0.75em;
  position: relative;
  top: -1px;
}
#results .result .header .info {
  width: 250px;
  display: flex;
  justify-content: right;
  align-items: center;
}
@media screen and (max-width: 560px) {
  #results .result .header .info {
    width: 100%;
    text-align: center;
    justify-content: center;
    padding-bottom: 10px;
  }
}
#results .result .header .info button,
#results .result .header .info .btn {
  font-size: 14px;
  padding: 10px 20px;
  box-sizing: border-box;
  cursor: pointer;
  border-radius: 6px;
  background-color: #fc9905;
  color: #FFF;
  font-weight: bold;
  border: 2px solid #fc9905;
  display: block;
  margin: 0px;
}
#results .result .header .info button:first-child,
#results .result .header .info .btn:first-child {
  background-color: transparent;
  border: 2px solid #05164d;
  color: #05164d;
}
#results .result .header .info button:last-child,
#results .result .header .info .btn:last-child {
  margin-left: 15px;
}
@media screen and (max-width: 460px) {
  #results .result .header .info {
    width: 100%;
    text-align: center;
  }
}
#results .result .data {
  overflow: auto;
}
#results .result .foot-table {
  text-align: right;
  display: flex;
  gap: 20px;
  justify-content: space-between;
}
#results .result .foot-table .parameters {
  width: 60%;
}
#results .result .foot-table .rates-info {
  padding-top: 10px;
  width: 40%;
}
#results .result .foot-table .rates-info p {
  font-size: 10px;
  text-align: right;
  color: #2c2e2f;
  line-height: 1.3;
  margin-bottom: 0px;
}
@media screen and (max-width: 460px) {
  #results .result .foot-table .rates-info p {
    text-align: left;
  }
}
#results .result .foot-table span {
  font-size: 10px;
  text-align: right;
  color: #2c2e2f;
  display: block;
  font-family: EmpireTextNormal;
}
#results .result .data table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 15px 0;
}
#results .result .data table .show-more-rates,
#results .result .data table .hide-more-rates {
  text-decoration: none;
}
#results .result .data table .show-more-rates span,
#results .result .data table .hide-more-rates span {
  visibility: hidden;
}
#results .result .data table .show-more-rates:hover span,
#results .result .data table .hide-more-rates:hover span {
  visibility: visible;
}
#results .result .data table.show-more tbody tr.hide {
  display: table-row;
}
#results .result .data table thead {
  border-bottom: 1px solid #05164d;
  background-color: #f5f7fa;
}
#results .result .data table thead tr td {
  padding: 8px;
  text-align: center;
  color: #2c2e2f;
  font-size: 14px;
  background-color: #FFF;
  color: #05164d;
  font-weight: bold;
  border-bottom: 1px solid #111c4e;
}
@media screen and (max-width: 390px) {
  #results .result .data table thead tr td {
    font-size: 12px;
  }
}
#results .result .data table thead tr td:first-child {
  border-left: 0px;
}
#results .result .data table thead tr td.right {
  text-align: right;
}
@media screen and (max-width: 560px) {
  #results .result .data table thead tr td:nth-child(2), #results .result .data table thead tr td:nth-child(7) {
    display: none;
  }
}
@media screen and (max-width: 790px) {
  #results .result .data table thead tr td:nth-child(6) {
    display: none;
  }
}
@media screen and (max-width: 460px) {
  #results .result .data table thead tr td:nth-child(4) {
    display: none;
  }
}
#results .result .data table tbody tr:nth-child(odd) td {
  border-bottom: 1px solid #e6e8e9;
  border-top: 1px solid #e6e8e9;
}
#results .result .data table tbody tr:nth-child(even) {
  background-color: transparent !important;
}
#results .result .data table tbody tr:first-child {
  border-top: 1px solid #bfbfbf;
}
#results .result .data table tbody tr.hide {
  display: none;
}
#results .result .data table tbody tr td {
  padding: 8px;
  text-align: center;
  color: #05164d;
  font-size: 14px;
  font-variant-numeric: tabular-nums;
}
#results .result .data table tbody tr td div {
  font-size: 14px;
  font-variant-numeric: tabular-nums;
  display: flex;
  justify-content: space-between;
  margin: 0px;
  padding: 0px;
  width: 75px;
  margin: auto;
}
#results .result .data table tbody tr td:nth-child(1), #results .result .data table tbody tr td:nth-child(2), #results .result .data table tbody tr td:nth-child(3), #results .result .data table tbody tr td:nth-child(4), #results .result .data table tbody tr td:nth-child(5) {
  width: calc(15%);
}
@media screen and (max-width: 560px) {
  #results .result .data table tbody tr td:nth-child(2), #results .result .data table tbody tr td:nth-child(7) {
    display: none;
  }
}
@media screen and (max-width: 790px) {
  #results .result .data table tbody tr td:nth-child(6) {
    display: none;
  }
}
@media screen and (max-width: 460px) {
  #results .result .data table tbody tr td:nth-child(4) {
    display: none;
  }
}
#results .result .data table tbody tr td.right {
  text-align: right;
}
#results .result .data table tbody tr td a, #results .result .data table tbody tr td button {
  margin: 0px;
  font-size: 14px;
}
#results .result .data table tbody tr td a:hover, #results .result .data table tbody tr td button:hover {
  text-decoration: underline;
}
#results .result .activate-parameters {
  display: none !important;
}
#results .result .parameters {
  text-align: left;
}
#results .result .parameters span {
  display: inline;
}
#results .result .parameters span:nth-child(even) {
  font-weight: bold;
}
#results .result .parameters span div {
  display: inline;
}
#results.activated {
  padding-top: 0px;
  overflow: hidden;
}
#results.activated.show-all {
  height: auto;
  padding-bottom: 40px;
}
#results.activated table.show-more tr.rate {
  display: table-row;
}
#results.activated table tr.rate {
  display: none;
}
#results.activated table tr.best {
  display: table-row !important;
  background-color: transparent;
}

.page-template-template-instant-rate-quotes {
  background-color: #FFF;
  width: 100%;
}
.page-template-template-instant-rate-quotes header {
  min-height: 20rem;
  background-image: url("../img/lakes.jpg");
  background-size: cover;
  background-position: center center;
  border-top: 0px;
}
.page-template-template-instant-rate-quotes header .form-box .form-title {
  display: none;
}
.page-template-template-instant-rate-quotes #page-content {
  padding-top: 280px;
  background-color: #FFF;
}
.page-template-template-instant-rate-quotes #page-content.hide {
  display: none;
}
.page-template-template-instant-rate-quotes #results {
  padding-top: 20px;
}
.page-template-template-instant-rate-quotes #ratings {
  padding: 60px 0;
}
.page-template-template-instant-rate-quotes #ratings .row-rating {
  display: flex;
  justify-content: space-between;
}
.page-template-template-instant-rate-quotes #ratings .row-rating .left-rating {
  width: 300px;
}
.page-template-template-instant-rate-quotes #ratings .row-rating .left-rating .row {
  padding: 10px 20px;
  border: 1px solid #CDCDCD;
  margin-bottom: 20px;
}
.page-template-template-instant-rate-quotes #ratings .row-rating .left-rating .row .top-logo {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}
.page-template-template-instant-rate-quotes #ratings .row-rating .left-rating .row .top-logo img {
  max-width: 150px;
}
.page-template-template-instant-rate-quotes #ratings .row-rating .left-rating .row .top-logo a, .page-template-template-instant-rate-quotes #ratings .row-rating .left-rating .row .top-logo button {
  display: inline-block;
}
.page-template-template-instant-rate-quotes #ratings .row-rating .left-rating .row .top-logo a .fas, .page-template-template-instant-rate-quotes #ratings .row-rating .left-rating .row .top-logo button .fas {
  position: relative;
  top: -3px;
}
.page-template-template-instant-rate-quotes #ratings .row-rating .left-rating .row .rating {
  width: calc(100%-170px);
  display: flex;
  justify-content: space-between;
}
.page-template-template-instant-rate-quotes #ratings .row-rating .left-rating .row .rating .stars .fas {
  color: orange;
}
.page-template-template-instant-rate-quotes #ratings .row-rating .company-reviews {
  width: calc(100% - 320px);
}
.page-template-template-instant-rate-quotes #ratings .row-rating .company-reviews .testimonial-row {
  padding: 20px;
  border: 1px solid #CDCDCD;
  margin-bottom: 20px;
}
.page-template-template-instant-rate-quotes #ratings .row-rating .company-reviews .testimonial-row .top {
  display: flex;
  justify-content: space-between;
  padding-bottom: 20px;
  border-bottom: 1px solid #CDCDCD;
}
.page-template-template-instant-rate-quotes #ratings .row-rating .company-reviews .testimonial-row .top .name {
  width: 250px;
}
.page-template-template-instant-rate-quotes #ratings .row-rating .company-reviews .testimonial-row .top .stars {
  width: calc(100% - 270px);
  text-align: right;
}
.page-template-template-instant-rate-quotes #ratings .row-rating .company-reviews .testimonial-row .top .stars .fas {
  color: orange;
}
.page-template-template-instant-rate-quotes #ratings .row-rating .company-reviews .testimonial-row .testimonial {
  padding-top: 20px;
}

body.no-scroll {
  overflow: hidden;
}

#closing-costs {
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.65);
  width: 100%;
  height: 100%;
  z-index: 999999;
  align-items: center;
  justify-content: center;
  display: none;
}
#closing-costs.active {
  display: flex;
}
#closing-costs .text-content {
  padding-top: 20px;
  font-size: 12px;
  line-height: 1.5;
  text-align: justify;
}
#closing-costs .text-content #important-notices {
  font-size: 16px;
  display: inline-block;
}
#closing-costs .text-content .scrollable {
  display: none;
}
#closing-costs .text-content .scrollable.active {
  display: block;
}
#closing-costs .text-content h4 {
  font-size: 14px;
}
#closing-costs .text-content h4 .fas {
  position: relative;
  top: 0px;
}
#closing-costs .data-sheet {
  background-color: #FFF;
  padding: 40px 60px;
  width: 100%;
  max-width: 800px;
  box-sizing: border-box;
  position: relative;
  box-shadow: 0 0.1rem 0.4rem 0 rgba(0, 0, 0, 0.2);
  height: 95%;
  overflow: auto;
}
#closing-costs .data-sheet .closeModal {
  position: absolute;
  top: 15px;
  right: 15px;
}
#closing-costs .data-sheet .closeModal img {
  width: 15px;
}
#closing-costs .data-sheet .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
#closing-costs .data-sheet .title .left-data {
  width: calc(100% - 250px);
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-right: 30px;
  box-sizing: border-box;
}
#closing-costs .data-sheet .title .left-data .align h3 {
  font-size: 22px;
  font-family: EmpireHeadNormal;
  color: #111c4e;
  margin: 0px;
}
#closing-costs .data-sheet .title .left-data .align .apr-rate {
  padding-top: 5px;
  padding-bottom: 8px;
  color: #111c4e;
}
#closing-costs .data-sheet .title .left-data .align #date {
  font-size: 11px;
  margin: 0px;
}
#closing-costs .data-sheet .title .logo {
  width: 250px;
}
#closing-costs .data-sheet .title .logo .image {
  width: 100%;
  text-align: right;
}
#closing-costs .data-sheet .title .logo .image img {
  max-width: 250px;
}
#closing-costs .data-sheet .buttons {
  width: 100%;
  text-align: right;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  padding-top: 10px;
}
#closing-costs .data-sheet .buttons .btn {
  padding: 10px 15px;
  line-height: 1;
  text-align: center;
  margin: 0px;
  font-size: 14px;
  background-color: #111c4e;
  color: #FFF;
  width: 25%;
}
#closing-costs .data-sheet .buttons .btn:first-child {
  margin-right: 5px;
}
#closing-costs .data-sheet .buttons .btn:last-child {
  margin-left: 5px;
}
#closing-costs .data-sheet #disclaimer {
  font-weight: bold;
  margin-bottom: 10px;
  font-size: 11px;
}
#closing-costs .data-sheet .parameters {
  padding: 10px 0;
}
#closing-costs .data-sheet .parameters h3 {
  color: #2c2e2f;
  font-size: 18px;
  font-weight: bold;
  line-height: 1;
  margin-bottom: 0px;
}
#closing-costs .data-sheet .parameters .flex-data {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  box-sizing: border-box;
  justify-content: space-between;
}
#closing-costs .data-sheet .parameters .flex-data .row.order-1 {
  order: 1;
}
#closing-costs .data-sheet .parameters .flex-data .row.order-2 {
  order: 2;
}
#closing-costs .data-sheet .parameters .flex-data .row.order-3 {
  order: 3;
}
#closing-costs .data-sheet .parameters .flex-data .row.order-4 {
  order: 4;
}
#closing-costs .data-sheet .parameters .flex-data .row.order-5 {
  order: 5;
}
#closing-costs .data-sheet .parameters .flex-data .row.order-6 {
  order: 6;
}
#closing-costs .data-sheet .parameters .flex-data .row.order-7 {
  order: 7;
}
#closing-costs .data-sheet .parameters .flex-data .row.order-8 {
  order: 8;
}
#closing-costs .data-sheet .parameters .flex-data .row.order-9 {
  order: 9;
}
#closing-costs .data-sheet .parameters .flex-data .row.order-10 {
  order: 10;
}
#closing-costs .data-sheet .parameters .flex-data .row.order-11 {
  order: 11;
}
#closing-costs .data-sheet .parameters .flex-data .row.order-12 {
  order: 12;
}
#closing-costs .data-sheet .parameters .flex-data .row span {
  color: #2c2e2f;
  font-size: 11px;
  display: inline-block;
  width: 100px;
}
#closing-costs .data-sheet .parameters .flex-data .row span:first-child {
  font-weight: bold;
  text-align: left;
}
#closing-costs .data-sheet .parameters .flex-data .row span:last-child {
  text-align: right;
}
#closing-costs .data-sheet .fees h5 {
  font-size: 14px;
  font-weight: bold;
}
#closing-costs .data-sheet .fees table {
  width: 100%;
}
#closing-costs .data-sheet .fees table tr:first-child {
  border-top: 1px solid #bfbfbf;
}
#closing-costs .data-sheet .fees table tr.border-bottom {
  border-top: 1px solid #bfbfbf;
  border-bottom: 1px solid #bfbfbf;
  background-color: #f5f7fa;
}
#closing-costs .data-sheet .fees table tr.border-bottom td {
  font-weight: bold;
}
#closing-costs .data-sheet .fees table tr.blue {
  background-color: #f5f7fa;
}
#closing-costs .data-sheet .fees table tr.blue span {
  display: none;
}
#closing-costs .data-sheet .fees table tr.green {
  background-color: #f5faf8;
  border-bottom: 1px solid #bfbfbf;
}
#closing-costs .data-sheet .fees table tr.orange {
  background-color: #fff9ef;
  border-top: 1px solid #bfbfbf;
  border-bottom: 1px solid #bfbfbf;
}
#closing-costs .data-sheet .fees table tr.tabbed td:first-child {
  padding-left: 60px;
}
#closing-costs .data-sheet .fees table tr td {
  padding: 8px;
  color: #2c2e2f;
  font-size: 14px;
  font-variant-numeric: tabular-nums;
}
#closing-costs .data-sheet .fees table tr td:last-child {
  text-align: right;
}

.page-template-template-empty {
  font-size: 16px;
  background-color: #f5f7fa;
}
.page-template-template-empty .top-nav {
  background-color: #111c4e;
  z-index: 999999;
}
.page-template-template-empty p, .page-template-template-empty li {
  font-size: 16px;
}
.page-template-template-empty #growls-default {
  z-index: 999999;
  top: 80px;
  font-family: EmpireTextNormal;
}
.page-template-template-empty section {
  font-size: 16px;
}

#apply-form input {
  font-weight: 400 !important;
}

.form-info {
  margin: 15px 0px;
  display: block;
}

.clear::after {
  display: block;
  content: "";
  clear: both;
}

.calentim-timepickers {
  display: none !important;
}

#header-progress-container {
  background-color: #fff;
  margin-bottom: 20px;
  padding: 0px;
}
#header-progress-container .header-content {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  border-bottom: 2px solid #f1f1f1;
}
#header-progress-container .header-content .left-column {
  width: 200px;
  padding: 20px 0;
  border-right: 1px solid #f1f1f1;
}
@media screen and (max-width: 500px) {
  #header-progress-container .header-content .left-column {
    width: 100%;
    display: none;
  }
}
#header-progress-container .header-content .left-column h1 {
  font-size: 20px;
  font-weight: bold;
  margin: 0px;
}
#header-progress-container .header-content .center-column {
  padding: 20px;
  width: calc(100% - 450px);
  text-align: left;
}
@media screen and (max-width: 730px) {
  #header-progress-container .header-content .center-column {
    width: 100%;
    order: 3;
    border-top: 1px solid #f1f1f1;
  }
}
@media screen and (max-width: 500px) {
  #header-progress-container .header-content .center-column {
    order: 2;
    text-align: center;
  }
}
#header-progress-container .header-content .center-column p {
  margin: 0px;
  font-weight: bold;
  position: relative;
  top: 3px;
}
#header-progress-container .header-content .right-column {
  padding: 20px 20px;
  width: calc(250px);
  text-align: right;
}
@media screen and (max-width: 500px) {
  #header-progress-container .header-content .right-column {
    width: 100%;
    order: 3;
    padding: 0px 0;
    padding-bottom: 20px;
    text-align: center;
  }
}
#header-progress-container .header-content .right-column .loading-bar {
  display: inline-block;
  width: 100%;
  border: 2px solid #f1f1f1;
  height: 25px;
  overflow: hidden;
  border-radius: 20px;
  position: relative;
  max-width: 250px;
}
#header-progress-container .header-content .right-column .loading-bar .text {
  color: #000;
  font-size: 11px;
  height: 25px;
  vertical-align: middle;
  line-height: 25px;
  text-align: center;
  color: #2c2e2f;
  position: relative;
  z-index: 3000;
}
#header-progress-container .header-content .right-column .loading-bar .text.white {
  color: #FFF;
}
#header-progress-container .header-content .right-column .loading-bar .bar {
  height: 25px;
  width: 0%;
  background-color: #111c4e;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2000;
}

#apply-form {
  position: relative;
}
#apply-form #loading {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99999;
  margin: 20px;
  text-align: center;
  display: none;
}
#apply-form #loading.active {
  display: flex;
  align-items: center;
  justify-content: center;
}
#apply-form #loading .message {
  background-color: #fff;
  box-shadow: 0 0.1rem 0.4rem 0 rgba(0, 0, 0, 0.2);
  padding: 0px;
  transition: all 0.3s ease-in-out;
  height: auto;
  padding: 40px;
}
#apply-form #step-navigation {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
  padding: 0px;
  margin: 0px;
  margin-bottom: 10px;
  display: none;
}
#apply-form #step-navigation li {
  width: calc(100%/9);
  list-style: none;
  padding: 0px;
  margin: 0px;
  text-align: center;
  line-height: 1;
}
#apply-form #step-navigation li.active a, #apply-form #step-navigation li.active button {
  color: rgba(10, 32, 71, 0.95);
}
#apply-form #step-navigation li a, #apply-form #step-navigation li button {
  line-height: 1;
  display: block;
  line-height: 1px;
  margin: 0px;
  padding: 10px 5px;
  color: #CDCDCD;
}
#apply-form #step-navigation li a span, #apply-form #step-navigation li button span {
  font-size: 11px;
  line-height: 1;
}
#apply-form .group-radio.invalid {
  border: 1px solid red;
  padding: 5px;
}
#apply-form .two-col {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
}
#apply-form .two-col .col {
  width: calc(100%/2 - 10px);
  padding: 20px;
}
@media screen and (max-width: 790px) {
  #apply-form .two-col .col {
    width: 100%;
  }
}
#apply-form .two-col .col.coborrower {
  padding: 0px;
}
#apply-form .two-col .col.coborrower.enabled {
  background-color: #f5f5f5;
  padding: 20px;
}
#apply-form .two-col .col iframe {
  width: 100%;
  height: 950px;
}
#apply-form .coborrower {
  visibility: hidden !important;
  height: 0px;
  overflow: hidden;
}
#apply-form .coborrower.enabled {
  visibility: visible !important;
  height: auto;
  overflow: visible;
}
#apply-form #buttons {
  padding-bottom: 20px;
}
#apply-form #buttons .buttons a, #apply-form #buttons .buttons button {
  display: inline-block;
  padding: 10px 20px;
  background-color: #fc9905;
  color: #FFF !important;
  font-weight: bold;
  height: auto;
  margin: 0px;
}
#apply-form #buttons .buttons a.success, #apply-form #buttons .buttons button.success {
  background-color: #1ba930;
}
#apply-form #buttons .buttons #next-step {
  float: right;
}
#apply-form #buttons .buttons #next-step.hide {
  display: none;
}
#apply-form #buttons .buttons #back-step {
  display: none;
  float: left;
}
#apply-form #buttons .buttons #back-step.active {
  display: inline-block;
}
#apply-form #buttons .buttons #submit-form {
  display: none;
  float: right;
}
#apply-form #buttons .buttons #submit-form.active {
  display: inline-block;
}
#apply-form #buttons .information {
  display: none;
}
#apply-form .step {
  background-color: #fff;
  box-shadow: 0 0.1rem 0.4rem 0 rgba(0, 0, 0, 0.2);
  padding: 0px;
  transition: all 0.3s ease-in-out;
  margin-bottom: 20px;
  display: none;
  position: relative;
}
#apply-form .step #my-residence {
  font-size: 12px;
}
#apply-form .step#step-1, #apply-form .step#step-9, #apply-form .step#step-10 {
  padding: 20px;
}
#apply-form .step#step-1 .radio, #apply-form .step#step-2 .radio, #apply-form .step#step-3 .radio {
  width: 100%;
  margin: 5px 0px;
}
#apply-form .step#step-8 .padded {
  padding: 0 20px;
}
#apply-form .step#step-8 .padded p {
  margin: 0px;
}
#apply-form .step#step-8 .checkbox .check {
  line-height: 20px;
}
#apply-form .step#step-6 {
  padding-bottom: 0px;
}
#apply-form .step#step-6 .group-row .row {
  width: 100%;
}
#apply-form .step#step-7 {
  padding: 20px;
}
#apply-form .step#step-7 .questions .row {
  margin: 5px 0;
  width: 100%;
}
#apply-form .step#step-7 .questions .row label {
  margin-bottom: 0px;
  display: block;
  font-size: 16px;
}
#apply-form .step#step-7 .questions .row table {
  width: 100%;
}
#apply-form .step#step-7 .questions .row table tbody tr.disabled {
  background: #ccc;
}
#apply-form .step#step-7 .questions .row table tbody tr.disabled td {
  background: #ccc !important;
}
#apply-form .step#step-7 .questions .row table tbody tr td {
  border: 1px solid #e6e8e9;
}
#apply-form .step#step-7 .questions .row table tbody tr td .radio .check {
  top: 5px;
}
#apply-form .step#step-7 .questions .row table tbody tr td:nth-child(2) {
  background-color: #f5f7fa;
  border: 1px solid #e6e8e9;
  text-align: left;
  vertical-align: top;
}
#apply-form .step#step-7 .questions .row table thead tr {
  border: 0px !important;
}
#apply-form .step#step-7 .questions .row table thead tr td:first-child {
  border: 0px !important;
}
#apply-form .step#step-7 .questions .row table tr {
  border: 1px solid #e6e8e9;
}
#apply-form .step#step-7 .questions .row table tr.coborrower {
  background-color: #f5f5f5;
  display: none;
}
#apply-form .step#step-7 .questions .row table tr.coborrower.enabled {
  display: table-row;
}
#apply-form .step#step-7 .questions .row table tr td {
  font-size: 16px;
  padding: 10px;
  vertical-align: middle;
  border: 1px solid #e6e8e9;
}
#apply-form .step#step-7 .questions .row table tr td:first-child {
  max-width: 950px;
  padding-right: 20px;
  vertical-align: middle;
}
#apply-form .step#step-7 .questions .row table tr td:first-child label {
  line-height: 1.5;
}
#apply-form .step#step-7 .questions .row table tr td:nth-child(2) {
  text-align: center;
}
#apply-form .step#step-7 .questions .row table tr td:nth-child(3) {
  background-color: #f5f5f5;
  text-align: center;
}
#apply-form .step#step-7 .questions .row table tr td span {
  display: inline-block;
  padding: 5px 0;
  padding-right: 10px;
}
#apply-form .step#step-8 h3 {
  margin: 0px !important;
  margin-top: 25px !important;
  margin-bottom: 5px !important;
}
#apply-form .step#step-8 .group-radio {
  margin-bottom: 15px;
}
#apply-form .step#step-8 .two-col .col h3 {
  margin-bottom: 0px;
}
#apply-form .step#step-8 .two-col .col h3:first-child {
  margin-top: 0px;
}
#apply-form .step#step-8 .checkbox {
  margin-top: 0px;
  margin-bottom: 15px;
}
#apply-form .step#step-8 .checkbox .text {
  top: 2px;
}
#apply-form .step#step-8 .group-radio {
  width: 100%;
}
#apply-form .step#step-8 .group-radio .radio {
  width: 100%;
  margin: 5px 0;
}
#apply-form .step#step-10 iframe {
  width: 100%;
  height: 990px;
}
#apply-form .step #coborrower-container {
  position: absolute;
  top: 20px;
  right: 20px;
  display: none;
}
@media screen and (max-width: 850px) {
  #apply-form .step #coborrower-container .text {
    font-size: 12px;
  }
}
@media screen and (max-width: 850px) {
  #apply-form .step #coborrower-container {
    top: 10px;
  }
}
#apply-form .step.active {
  display: block;
}
#apply-form .step h2 {
  font-size: 22px;
  border-bottom: 0.2rem solid #f1f1f1;
  padding-bottom: 20px;
  margin-bottom: 20px;
  width: 100%;
}
@media screen and (max-width: 850px) {
  #apply-form .step h2 {
    font-size: 18px;
  }
}
#apply-form .step h3 {
  font-size: 22px;
  margin: 20px 0;
  width: 100%;
  position: relative;
  font-family: EmpireHeadNormal;
}
#apply-form .step h3 #copy-borrower {
  position: absolute;
  top: -25px;
  right: 0px;
  font-size: 12px;
}
@media screen and (max-width: 850px) {
  #apply-form .step h3 #copy-borrower {
    position: inherit;
  }
}
#apply-form .step h3 #my-residence {
  font-size: 12px;
}
#apply-form .step h3 label {
  display: block;
  font-weight: 100;
  font-family: EmpireTextNormal, Helvetica, Arial, sans-serif;
}
#apply-form .step h4 {
  font-size: 18em;
  margin-bottom: 20px;
  width: 100%;
}
#apply-form .step .radio {
  display: inline-block;
  position: relative;
  padding-left: 20px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
#apply-form .step .radio:hover input ~ .check {
  background-color: #ccc;
}
#apply-form .step .radio:hover input ~ .check .fas {
  color: #FFF;
}
#apply-form .step .radio input {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
#apply-form .step .radio input:checked ~ .check {
  background-color: #111c4e;
}
#apply-form .step .radio input:checked ~ .check .fas {
  color: #FFF;
}
#apply-form .step .radio .text {
  position: relative;
  font-size: 16px;
  top: -5px;
  line-height: 1.5;
}
#apply-form .step .radio .check {
  position: absolute;
  top: 0px;
  left: 0;
  height: 15px;
  width: 15px;
  background-color: #eee;
  line-height: 15px;
  vertical-align: middle;
  text-align: center;
  border-radius: 50%;
  padding: 0px !important;
  border: 1px solid #aaa;
}
#apply-form .step .radio .check .fas {
  position: relative;
  color: #CDCDCD;
  font-size: 8px;
  visibility: hidden;
}
#apply-form .step .checkbox {
  display: block;
  position: relative;
  padding-left: 25px;
  margin-bottom: 15px;
  line-height: 20px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
#apply-form .step .checkbox:hover input ~ .check {
  background-color: #ccc;
}
#apply-form .step .checkbox:hover input ~ .check .fas {
  color: #FFF;
}
#apply-form .step .checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
#apply-form .step .checkbox input:checked ~ .check {
  background-color: #111c4e;
}
#apply-form .step .checkbox input:checked ~ .check .fas {
  visibility: visible;
  color: #FFF;
  top: 3px;
  left: 2px;
  position: absolute;
}
#apply-form .step .checkbox .text {
  position: relative;
  font-size: 16px;
  top: 0px;
}
#apply-form .step .checkbox .check {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #eee;
  line-height: 21px;
  vertical-align: middle;
  text-align: center;
  border-radius: 3px;
  border: 1px solid #aaa;
}
#apply-form .step .checkbox .check .fas {
  font-size: 13px;
  position: relative;
  color: #CDCDCD;
  visibility: hidden;
}
#apply-form .step .group-row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}
#apply-form .step .group-row.no-margin .row {
  margin-bottom: 0px !important;
}
#apply-form .step .group-row .row {
  margin-bottom: 20px;
  width: calc(100%/2 - 10px);
}
@media screen and (max-width: 850px) {
  #apply-form .step .group-row .row {
    width: 100%;
  }
}
#apply-form .step .group-row .row.end {
  order: 5;
}
#apply-form .step .group-row .row label {
  font-size: 12px;
}
#apply-form .step .group-row .row .form-item {
  width: 100% !important;
  padding: 0px;
}
#apply-form .step .group-row .row .form-item .input-box label {
  display: block;
}
#apply-form .step .group-row .row select {
  width: 100%;
  padding: 10px 5px;
  border: 0px;
  border-bottom: 0.2rem solid #666;
  box-sizing: border-box;
}
#apply-form .step .group-row .row .two-inputs {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}
#apply-form .step .group-row .row .two-inputs .input-container {
  width: calc(50% - 10px);
}
#apply-form .step .group-row .repeater-row {
  width: 100%;
}
#apply-form .step .group-row .repeater-row .repeat-row {
  display: none;
}
#apply-form .step .group-row .repeater-row .repeat-data {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  border-top: 0.2rem solid #f1f1f1;
  padding-top: 20px;
}
#apply-form .step .group-row .repeater-row .repeat-data.full .row {
  width: 100%;
}
#apply-form .step .group-row .repeater-row .repeat-data .row {
  width: calc(50% - 10px);
}
@media screen and (max-width: 850px) {
  #apply-form .step .group-row .repeater-row .repeat-data .row {
    width: 100%;
  }
}

.ui-state-default, .ui-widget-content .ui-state-default {
  margin: 0px;
  padding: 8px;
  text-align: center;
  border-color: #eee;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight {
  border: 1px solid #fc9905 !important;
  background: #fc9905;
  color: #fff;
}

.form-item.focusin .input-box label.error {
  top: 35px;
}
.form-item .input-box {
  overflow: visible;
}
.form-item .input-box .error {
  position: absolute;
  top: 35px;
  display: block;
  left: 0;
  z-index: 100000;
  color: red;
}

#apply-form .step .group-row .row .form-field {
  position: relative;
  margin: 0px 0 10px;
  width: 100%;
}
#apply-form .step .group-row .row .form-field label.error {
  display: none;
}
#apply-form .step .group-row .row .form-field span.red {
  color: red;
}
#apply-form .step .group-row .row .form-field input {
  height: 50px;
  width: 100%;
  line-height: 50px;
  vertical-align: middle;
  background-color: #fff;
  border: 1px solid #CDCDCD;
  border-radius: 4px;
  position: relative;
  overflow: hidden;
  padding: 18px 10px 5px;
}
#apply-form .step .group-row .row .form-field input.invalid {
  border-color: red;
}
#apply-form .step .group-row .row .form-field label {
  display: block;
  position: absolute;
  top: 16px;
  left: 10px;
  font-size: 16px;
  transition: all 0.2s ease-in-out;
  color: #000;
  z-index: 1000;
  color: #999;
}
#apply-form .step .group-row .row .form-field.focusin label.error {
  display: none;
}
#apply-form .step .group-row .row .form-field.focusin label {
  display: block;
  position: absolute;
  top: 10px;
  left: 10px;
  font-size: 11px;
  color: #111c4e;
}

.demographic_legend {
  font-weight: 600;
  font-size: 16px;
}

.declaration-id.invalid > td:first-child {
  background-color: #ff9595;
}

#testimonials {
  min-height: 350px;
}
#testimonials .testimonial-row {
  display: none;
}
#testimonials .testimonial-row.active {
  display: block;
}

body.blog header .bx-wrapper .bx-pager.bx-default-pager a, body.blog header .bx-wrapper .bx-pager.bx-default-pager button {
  background: #CCC;
}
body.blog header .bx-wrapper .bx-pager.bx-default-pager a.active, body.blog header .bx-wrapper .bx-pager.bx-default-pager button.active {
  background: #FFF;
}
body.blog header.blog-page ul {
  margin: 0px;
  padding: 0px;
}
body.blog header.blog-page ul li .hero-overlay {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.6) 47%, rgba(0, 0, 0, 0) 100%);
}
body.blog header.blog-page ul li .hero-overlay .hero-banner {
  top: 72px;
  display: flex;
  align-items: center;
  justify-content: center;
}
body.blog header.blog-page ul li .hero-overlay .hero-banner .content {
  height: auto;
}
body.blog header.blog-page ul li .hero-overlay .hero-banner .content .hero-text {
  top: 0px;
}
body.blog header.blog-page ul li .hero-overlay .hero-banner .content .hero-text h3 {
  color: #FFF;
  font-size: 0.8em;
}
body.blog header.blog-page ul li .hero-overlay .hero-banner .content .hero-text .link-post a, body.blog header.blog-page ul li .hero-overlay .hero-banner .content .hero-text .link-post button {
  font-size: 0.45em;
  padding: 10px 30px;
}
body.blog header.blog-page ul li .hero-overlay .hero-banner .content .hero-text .excerpt {
  font-size: 0.35em;
  line-height: 1.5;
  text-transform: initial;
}
body.blog section.featured-posts .flex-container .card-article {
  height: auto !important;
  min-height: 350px !important;
}
body.blog section.featured-posts .flex-container .card-article .title {
  line-height: 1.25;
}
body.blog section.featured-posts .flex-container .card-article .excerpt {
  line-height: 1.75;
}
body.blog section.search-box {
  background-color: #FFF;
  text-align: center;
}
body.blog section.search-box .search {
  max-width: 650px;
  margin: auto;
}
body.blog section.search-box .search .input {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  border: 1px solid #CDCDCD;
  border-radius: 5px;
  overflow: hidden;
}
body.blog section.search-box .search .input input {
  width: calc(100% - 50px);
  border: 0px;
  font-size: 0.75em;
  padding: 15px 10px;
}
body.blog section.search-box .search .input .icon {
  width: 50px;
  background-color: transparent;
  text-align: center;
  border-left: 1px solid #CDCDCD;
}

#blog-single-page .blog-content-container {
  display: flex;
  justify-content: space-between;
}
#blog-single-page .blog-content-container .blog-single-content {
  width: calc(100% - 350px);
}
#blog-single-page .blog-content-container .blog-single-content .blog-breadcrumb ul {
  justify-content: left;
}
#blog-single-page .blog-content-container .blog-single-content .blog-header .text {
  text-align: left !important;
  padding: 0px 0;
  padding-bottom: 10px;
}
#blog-single-page .blog-content-container .blog-single-content .blog-header .text h1 {
  font-size: 2.85em;
}
#blog-single-page .blog-content-container .blog-single-content .blog-data {
  padding-top: 20px;
}
#blog-single-page .blog-content-container .blog-single-content .blog-data h2 {
  font-size: 1.85em;
  margin: 30px 0;
}
#blog-single-page .blog-content-container .blog-single-content .blog-data p {
  margin-bottom: 20px;
  text-align: justify;
}
#blog-single-page .blog-content-container .blog-single-content .blog-author {
  display: flex;
  justify-content: space-between;
  box-sizing: border-box;
  padding: 30px;
  background-color: #fafafa;
  border: 1px solid #e7e7e7;
  margin-top: 40px;
}
#blog-single-page .blog-content-container .blog-single-content .blog-author h5 {
  font-size: 1.75em;
  font-weight: bold;
  margin-bottom: 30px;
}
#blog-single-page .blog-content-container .blog-single-content .blog-author .author-name {
  font-size: 1.25em;
  font-weight: bold;
}
#blog-single-page .blog-content-container .blog-single-content .blog-author .author-image {
  width: 120px;
}
#blog-single-page .blog-content-container .blog-single-content .blog-author .author-text {
  width: calc(100% - 140px);
}
#blog-single-page .blog-content-container .blog-single-categories {
  width: 350px;
  padding-left: 20px;
  box-sizing: border-box;
}
#blog-single-page .blog-content-container .blog-single-categories .categories {
  padding: 30px;
  background-color: #fafafa;
  border: 1px solid #e7e7e7;
}
#blog-single-page .blog-content-container .blog-single-categories .categories ul {
  margin: 0px;
  padding: 0px;
}
#blog-single-page .blog-content-container .blog-single-categories .categories ul li {
  list-style: none;
  margin: 0px;
}
#blog-single-page .blog-content-container .blog-single-categories .categories ul li a, #blog-single-page .blog-content-container .blog-single-categories .categories ul li button {
  font-size: 0.95em;
  display: block;
  padding: 10px;
  border-bottom: 1px solid #e7e7e7;
  margin: 0px !important;
}
#blog-single-page .blog-content-container .blog-single-categories .categories h2 {
  font-size: 1.25em;
}

body.page-template-template-page .single-post, body.single-post .single-post, body.archive .single-post, body.single .single-post {
  min-height: 300px;
}
body.page-template-template-page .single-post .hero-banner, body.single-post .single-post .hero-banner, body.archive .single-post .hero-banner, body.single .single-post .hero-banner {
  bottom: auto;
  position: relative;
  height: 100%;
}
body.page-template-template-page .single-post .hero-banner .content, body.single-post .single-post .hero-banner .content, body.archive .single-post .hero-banner .content, body.single .single-post .hero-banner .content {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 100%;
  height: 100%;
}
body.page-template-template-page .single-post .hero-banner .content .hero-single-page, body.single-post .single-post .hero-banner .content .hero-single-page, body.archive .single-post .hero-banner .content .hero-single-page, body.single .single-post .hero-banner .content .hero-single-page {
  position: relative;
  top: auto;
  left: auto;
  width: 100%;
  bottom: auto;
  text-align: left;
}
body.page-template-template-page .single-post .hero-banner .content .hero-single-page h2, body.single-post .single-post .hero-banner .content .hero-single-page h2, body.archive .single-post .hero-banner .content .hero-single-page h2, body.single .single-post .hero-banner .content .hero-single-page h2 {
  color: #FFF;
}
body.page-template-template-page .single-post .hero-banner .content .hero-single-page .article-info p, body.single-post .single-post .hero-banner .content .hero-single-page .article-info p, body.archive .single-post .hero-banner .content .hero-single-page .article-info p, body.single .single-post .hero-banner .content .hero-single-page .article-info p {
  color: #FFF;
}
body.page-template-template-page .page-content .article-content h2, body.single-post .page-content .article-content h2, body.archive .page-content .article-content h2, body.single .page-content .article-content h2 {
  font-size: 1.5em;
  margin-top: 40px;
  margin-bottom: 20px;
}
body.page-template-template-page .page-content .article-content h3, body.single-post .page-content .article-content h3, body.archive .page-content .article-content h3, body.single .page-content .article-content h3 {
  font-size: 1.25em;
  margin-top: 30px;
  margin-bottom: 10px;
}
body.page-template-template-page .category-layout .category-content .title, body.single-post .category-layout .category-content .title, body.archive .category-layout .category-content .title, body.single .category-layout .category-content .title {
  margin: 10px 0;
}

body.page-template-template-calculators {
  overflow-x: hidden;
}
body.page-template-template-calculators .top-nav {
  background-color: #111c4e;
  z-index: 999999;
}
body.page-template-template-calculators .breadcrumbs-header section {
  display: none;
}
body.page-template-template-calculators #calculators-header {
  min-height: 300px;
}
body.page-template-template-calculators #calculators-header .hero-overlay .hero-banner {
  bottom: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  height: calc(100% - 72px);
}
body.page-template-template-calculators #calculators-header .hero-overlay .hero-banner .content h1 {
  color: #fff;
  text-align: center;
  text-transform: capitalize;
  position: relative;
  font-size: 3.125em;
  font-family: EmpireHeadNormal;
  font-weight: 400;
}
@media screen and (max-width: 890px) {
  body.page-template-template-calculators #calculators-header .hero-overlay .hero-banner .content h1 {
    font-size: 2.5em;
  }
}
body.page-template-template-calculators .content.page {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
  align-content: center;
  vertical-align: middle;
  padding: 30px 0;
}
@media screen and (max-width: 890px) {
  body.page-template-template-calculators .content.page {
    padding: 40px 20px;
  }
}
body.page-template-template-calculators .content.page .sidebar-container {
  width: 350px;
}
@media screen and (max-width: 890px) {
  body.page-template-template-calculators .content.page .sidebar-container {
    width: 100%;
    padding-bottom: 40px;
  }
}
body.page-template-template-calculators .content.page .sidebar-container h2 {
  font-size: 30px;
  margin-bottom: 20px;
}
body.page-template-template-calculators .content.page .sidebar-container ul {
  padding: 0px;
  margin: 0px;
}
body.page-template-template-calculators .content.page .sidebar-container ul li {
  list-style: none;
  padding: 0px;
  margin: 0px;
}
@media screen and (max-width: 890px) {
  body.page-template-template-calculators .content.page .sidebar-container ul li {
    display: none;
  }
}
@media screen and (max-width: 890px) {
  body.page-template-template-calculators .content.page .sidebar-container ul li.current {
    display: block;
  }
}
body.page-template-template-calculators .content.page .sidebar-container ul li.current a, body.page-template-template-calculators .content.page .sidebar-container ul li.current button {
  background-color: #111c4e;
  color: #FFF;
}
body.page-template-template-calculators .content.page .sidebar-container ul li:last-child {
  border-bottom: 1px solid #CDCDCD;
}
body.page-template-template-calculators .content.page .sidebar-container ul li a, body.page-template-template-calculators .content.page .sidebar-container ul li button {
  display: block;
  padding: 20px;
  text-decoration: none;
  border: 1px solid #E7E7E8;
  border-bottom: 0px;
  font-size: 14px;
  margin: 0px;
}
body.page-template-template-calculators .content.page .content-container {
  width: calc(100% - 350px);
  box-sizing: border-box;
  padding-left: 40px;
  font-size: 16px;
}
body.page-template-template-calculators .content.page .content-container iframe {
  width: 100%;
  height: 5500px;
}
@media screen and (max-width: 890px) {
  body.page-template-template-calculators .content.page .content-container {
    width: 100%;
    padding-left: 0px;
  }
}

#sub-menu {
  background-color: transparent;
  max-width: 1440px;
  margin: auto;
  display: flex;
  gap: 20px;
  align-items: center;
  padding: 20px 20px 20px 20px;
  margin-top: 20px;
  justify-content: flex-end;
  background: #111c4e;
}
#sub-menu a, #sub-menu button {
  font-family: EmpireTextNormal, Helvetica, Arial, sans-serif;
  color: #FFF;
  margin: 0px;
  transition: all 1ms;
}
#sub-menu a:hover, #sub-menu button:hover {
  font-weight: bold;
}

.top-nav {
  background-color: transparent;
  width: 100%;
  z-index: 999999;
  transition: all 0.3s ease-in-out;
  padding: 20px 20px;
  box-sizing: border-box;
  background-color: transparent;
  max-width: 1440px;
  margin: auto;
  font-family: EmpireTextNormal, Helvetica, Arial, sans-serif;
  border-top: 1px solid #CDCDCD;
  background: #111c4e;
}
.top-nav.scrolled {
  background-color: transparent !important;
}
.top-nav .flex-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
@media screen and (max-width: 1035px) {
  .top-nav .flex-container .logo {
    width: 100%;
    display: flex;
    justify-content: center;
  }
}
@media screen and (max-width: 480px) {
  .top-nav .flex-container .logo {
    width: auto;
  }
}
.top-nav .flex-container .logo span {
  display: block;
  padding-left: 50px;
  color: #FFF;
}
.top-nav .flex-container .mobile-menu-trigger ul {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  list-style: none;
  padding: 0px;
  margin: 0px;
}
@media screen and (max-width: 1035px) {
  .top-nav .flex-container .mobile-menu-trigger ul {
    width: 100%;
    padding-top: 20px;
  }
}
@media screen and (max-width: 630px) {
  .top-nav .flex-container .mobile-menu-trigger ul {
    justify-content: space-evenly;
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 480px) {
  .top-nav .flex-container .mobile-menu-trigger ul {
    width: auto;
    padding-top: 0px;
  }
}
@media screen and (max-width: 480px) {
  .top-nav .flex-container .mobile-menu-trigger ul li {
    display: none;
  }
  .top-nav .flex-container .mobile-menu-trigger ul li.open-main-menu-container {
    display: inline-block;
  }
  .top-nav .flex-container .mobile-menu-trigger ul li.open-main-menu-container a, .top-nav .flex-container .mobile-menu-trigger ul li.open-main-menu-container button {
    font-size: 20px;
  }
}
.top-nav .flex-container .mobile-menu-trigger ul li a, .top-nav .flex-container .mobile-menu-trigger ul li button {
  color: #FFF;
  display: block;
  gap: 10px;
  font-size: 14px;
  position: relative;
  margin: 0px;
  font-weight: bold;
  border-bottom: 2px solid transparent;
  padding-bottom: 3px;
  text-transform: uppercase;
}
.top-nav .flex-container .mobile-menu-trigger ul li a span, .top-nav .flex-container .mobile-menu-trigger ul li button span {
  display: inline;
  margin-right: 10px;
}
.top-nav .flex-container .mobile-menu-trigger ul li a:hover, .top-nav .flex-container .mobile-menu-trigger ul li button:hover {
  border-bottom: 2px solid #fc9905;
}
.top-nav .flex-container .mobile-menu-trigger ul li.menu-children {
  position: relative;
}
.top-nav .flex-container .mobile-menu-trigger ul li.menu-children:hover .new-sub-options {
  display: block;
}
.top-nav .flex-container .mobile-menu-trigger ul li.menu-children .new-sub-options {
  all: unset;
  padding: 0px;
  margin: 0px;
  list-style: none;
  position: absolute;
  min-width: 225px;
  display: none;
  border-top: 10px solid transparent;
  z-index: 999999;
}
.top-nav .flex-container .mobile-menu-trigger ul li.menu-children .new-sub-options li {
  margin: 0px;
  background-color: #f5f5f5;
}
.top-nav .flex-container .mobile-menu-trigger ul li.menu-children .new-sub-options li a, .top-nav .flex-container .mobile-menu-trigger ul li.menu-children .new-sub-options li button {
  display: block;
  border-bottom: 1px solid #CDCDCD;
  padding: 10px 10px;
  color: #05164d;
}
.top-nav .flex-container .mobile-menu-trigger ul li.menu-children .new-sub-options li a:hover, .top-nav .flex-container .mobile-menu-trigger ul li.menu-children .new-sub-options li button:hover {
  background-color: #05164d;
  color: #FFF;
}
.top-nav .top-menu {
  display: none;
}

body.menu-open .top-nav {
  position: relative;
}
@media screen and (max-width: 895px) {
  body.menu-open .top-nav {
    position: initial;
  }
}
body.menu-open .top-nav .top-menu {
  top: 105px;
  left: 0;
  background-color: #f5f5f5;
  position: absolute;
  display: block;
  padding: 40px;
  box-sizing: border-box;
  width: 100%;
  z-index: 999999;
}
@media screen and (max-width: 895px) {
  body.menu-open .top-nav .top-menu {
    top: 0;
    right: 0;
    left: auto;
    height: 100%;
    z-index: 9999999;
    max-width: 400px;
    position: fixed;
  }
}
body.menu-open .top-nav .top-menu .top-menu-header {
  padding-bottom: 30px;
  text-align: right;
}
body.menu-open .top-nav .top-menu .top-menu-header a, body.menu-open .top-nav .top-menu .top-menu-header button {
  font-size: 18px;
  color: #05164d !important;
  display: flex;
  align-items: center;
  float: right;
}
body.menu-open .top-nav .top-menu .top-menu-header a i, body.menu-open .top-nav .top-menu .top-menu-header button i {
  font-size: 16px;
  margin-left: 5px;
}
body.menu-open .top-nav .top-menu .columns {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  justify-content: space-between;
}
body.menu-open .top-nav .top-menu .columns .has-children,
body.menu-open .top-nav .top-menu .columns .single-option {
  width: calc(100%/3 - 20px);
  margin: 0px;
  box-sizing: border-box;
}
@media screen and (max-width: 895px) {
  body.menu-open .top-nav .top-menu .columns .has-children,
body.menu-open .top-nav .top-menu .columns .single-option {
    width: 100%;
  }
}
body.menu-open .top-nav .top-menu .columns .has-children a, body.menu-open .top-nav .top-menu .columns .has-children button,
body.menu-open .top-nav .top-menu .columns .single-option a,
body.menu-open .top-nav .top-menu .columns .single-option button {
  color: #05164d !important;
  border-bottom: 1px solid #05164d;
  padding-bottom: 10px;
  display: block;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 15px;
}
@media screen and (max-width: 895px) {
  body.menu-open .top-nav .top-menu .columns .has-children .submenu,
body.menu-open .top-nav .top-menu .columns .single-option .submenu {
    display: none;
  }
}
body.menu-open .top-nav .top-menu .columns .has-children .submenu a, body.menu-open .top-nav .top-menu .columns .has-children .submenu button,
body.menu-open .top-nav .top-menu .columns .single-option .submenu a,
body.menu-open .top-nav .top-menu .columns .single-option .submenu button {
  border: none;
  font-weight: normal;
  font-size: 14px;
  margin: 0px;
}
body.menu-open .top-nav .top-menu .columns .has-children .submenu a:hover, body.menu-open .top-nav .top-menu .columns .has-children .submenu button:hover,
body.menu-open .top-nav .top-menu .columns .single-option .submenu a:hover,
body.menu-open .top-nav .top-menu .columns .single-option .submenu button:hover {
  text-decoration: underline;
}
@media screen and (max-width: 895px) {
  body.menu-open .top-nav .top-menu .columns .has-children .open.submenu,
body.menu-open .top-nav .top-menu .columns .single-option .open.submenu {
    display: block;
  }
}
body.menu-open .top-nav .top-menu .columns .single-option a .fa-angle-down, body.menu-open .top-nav .top-menu .columns .single-option button .fa-angle-down {
  display: none;
}

.page-template-template-faqs header,
.single-faq header,
.tax-section header {
  min-height: 330px !important;
  background-image: url("../img/faq.jpg");
  background-repeat: no-repeat;
  background-position: top left;
}
.page-template-template-faqs header .hero-overlay,
.single-faq header .hero-overlay,
.tax-section header .hero-overlay {
  background: none !important;
}
.page-template-template-faqs header h1,
.single-faq header h1,
.tax-section header h1 {
  color: #FFF;
  font-size: 2.5em;
  font-family: EmpireHeadNormal;
  text-align: right;
}
.page-template-template-faqs header h1 span,
.single-faq header h1 span,
.tax-section header h1 span {
  color: #FFF;
  display: block;
  font-size: 13px;
}
.page-template-template-faqs header .hero-banner,
.single-faq header .hero-banner,
.tax-section header .hero-banner {
  bottom: auto;
  position: relative;
  height: 100%;
}
.page-template-template-faqs header .hero-banner .content,
.single-faq header .hero-banner .content,
.tax-section header .hero-banner .content {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 100%;
  height: 100%;
}
.page-template-template-faqs header .hero-banner .content .hero-single-page,
.single-faq header .hero-banner .content .hero-single-page,
.tax-section header .hero-banner .content .hero-single-page {
  position: relative;
  top: auto;
  left: auto;
  width: 100%;
  bottom: auto;
  text-align: left;
}

#faq-archive {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media screen and (max-width: 790px) {
  #faq-archive {
    flex-direction: column-reverse;
  }
}
#faq-archive #faq-sidebar {
  width: 250px;
  padding-top: 40px;
  padding-bottom: 40px;
}
@media screen and (max-width: 790px) {
  #faq-archive #faq-sidebar {
    width: 100%;
    order: 2;
    padding-bottom: 0;
  }
}
#faq-archive #faq-sidebar .fixed {
  top: 120px;
  position: sticky;
  width: 250px;
}
@media screen and (max-width: 790px) {
  #faq-archive #faq-sidebar .fixed {
    width: 100%;
  }
}
#faq-archive #faq-sidebar h2 {
  margin-bottom: 20px;
  font-size: 1.4em;
  font-weight: bold;
}
#faq-archive #faq-sidebar ul {
  padding: 0px;
  margin: 0px;
}
@media screen and (max-width: 790px) {
  #faq-archive #faq-sidebar ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
}
#faq-archive #faq-sidebar ul li {
  list-style: none;
}
@media screen and (max-width: 790px) {
  #faq-archive #faq-sidebar ul li {
    width: calc(100%/3 - 10px);
    margin: 0px;
  }
}
@media screen and (max-width: 590px) {
  #faq-archive #faq-sidebar ul li {
    width: 100%;
  }
}
#faq-archive #faq-sidebar ul li a, #faq-archive #faq-sidebar ul li button {
  display: block;
  padding: 10px 15px;
  border: 2px solid #111c4e;
  border-radius: 35px;
  font-size: 14px;
  color: #111c4e;
  font-family: EmpireHeadBold;
  transition: all 0.15s;
  position: relative;
}
#faq-archive #faq-sidebar ul li a:hover, #faq-archive #faq-sidebar ul li button:hover {
  padding: 10px 15px;
  background-color: #fc9905;
  border-color: #fc9905;
  color: #FFF;
}
#faq-archive #faq-content {
  width: calc(100% - 300px);
}
@media screen and (max-width: 790px) {
  #faq-archive #faq-content {
    width: 100%;
    order: 1;
  }
}
#faq-archive #faq-content .faq-section {
  padding-top: 30px;
  padding-bottom: 30px;
}
#faq-archive #faq-content .faq-section .faq-header h2 {
  font-size: 1.4em;
  font-weight: bold;
}
#faq-archive #faq-content .faq-section .faq-header p {
  font-size: 0.75em;
}
#faq-archive #faq-content .faq-section .faq-questions ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 0px;
  margin: 0px;
  width: 100%;
}
#faq-archive #faq-content .faq-section .faq-questions ul li {
  width: calc(100%/2 - 30px);
  list-style: none;
  font-size: 0.75em;
  margin: 15px 0;
}
#faq-archive #faq-content .call-action-faq {
  padding: 30px 0;
  margin-top: 30px;
  border-top: 1px solid #cdcdcd;
  border-bottom: 1px solid #cdcdcd;
}
#faq-archive #faq-content .call-action-faq h3 {
  font-size: 1.5em;
  text-align: center;
}
#faq-archive #faq-content .call-action-faq .two-box {
  display: flex;
  justify-content: space-between;
  padding-top: 30px;
  flex-wrap: wrap;
}
#faq-archive #faq-content .call-action-faq .two-box .box {
  padding: 30px 15px;
  width: calc(100%/2 - 15px);
  text-align: center;
  min-height: 250px;
  box-shadow: 0 0.1rem 0.4rem 0 rgba(0, 0, 0, 0.2);
  transition: all 0.3s ease-in-out;
}
@media screen and (max-width: 590px) {
  #faq-archive #faq-content .call-action-faq .two-box .box {
    width: 100%;
    margin: 10px 0;
  }
}
#faq-archive #faq-content .call-action-faq .two-box .box.chat {
  background-image: url("../img/chat-photo.webp");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  text-align: right;
  position: relative;
}
#faq-archive #faq-content .call-action-faq .two-box .box.chat .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 30px 30px;
  box-sizing: border-box;
  border: 1px solid #CDCDCD;
  cursor: pointer;
}
#faq-archive #faq-content .call-action-faq .two-box .box.chat .overlay h4 {
  margin-top: 35px;
}
#faq-archive #faq-content .call-action-faq .two-box .box.call {
  background-image: url("../img/call-photo.webp");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
  text-align: left;
  position: relative;
}
#faq-archive #faq-content .call-action-faq .two-box .box.call .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 30px 30px;
  box-sizing: border-box;
  border: 1px solid #CDCDCD;
  cursor: pointer;
}
#faq-archive #faq-content .call-action-faq .two-box .box.call .overlay h4 {
  margin-top: 35px;
}
#faq-archive #faq-content .call-action-faq .two-box .box.mortgage {
  background-image: url("../img/mortgage-photo.webp");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  text-align: right;
  position: relative;
}
#faq-archive #faq-content .call-action-faq .two-box .box.mortgage .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 30px 30px;
  background-color: rgba(0, 0, 0, 0.3);
  box-sizing: border-box;
  border: 1px solid #CDCDCD;
  cursor: pointer;
}
#faq-archive #faq-content .call-action-faq .two-box .box.mortgage .overlay h4 {
  margin-top: 35px;
  color: #FFF;
}
#faq-archive #faq-content .call-action-faq .two-box .box.mortgage .overlay .button {
  background-color: #FFF;
  color: #111c4e;
  border: 0px;
}
#faq-archive #faq-content .call-action-faq .two-box .box.mortgage:hover .overlay .button {
  background-color: #111c4e;
  color: #FFF;
  border: 0px;
}
#faq-archive #faq-content .call-action-faq .two-box .box.ready {
  background-image: url("../img/ready-photo.webp");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  text-align: right;
  position: relative;
}
#faq-archive #faq-content .call-action-faq .two-box .box.ready .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 30px 30px;
  background-color: rgba(0, 0, 0, 0.2);
  box-sizing: border-box;
  border: 1px solid #CDCDCD;
  cursor: pointer;
}
#faq-archive #faq-content .call-action-faq .two-box .box.ready .overlay h4 {
  margin-top: 35px;
  color: #FFF;
}
#faq-archive #faq-content .call-action-faq .two-box .box.ready .overlay .button {
  background-color: #FFF;
  color: #111c4e;
  border: 0px;
}
#faq-archive #faq-content .call-action-faq .two-box .box.ready:hover .overlay .button {
  background-color: #111c4e;
  color: #FFF;
  border: 0px;
}
#faq-archive #faq-content .call-action-faq .two-box .box.question {
  background-image: url("../img/questions.webp");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  text-align: right;
  position: relative;
}
#faq-archive #faq-content .call-action-faq .two-box .box.question .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 30px 30px;
  background-color: rgba(0, 0, 0, 0.3);
  box-sizing: border-box;
  border: 1px solid #CDCDCD;
  cursor: pointer;
}
#faq-archive #faq-content .call-action-faq .two-box .box.question .overlay h4 {
  margin-top: 35px;
  color: #FFF;
}
#faq-archive #faq-content .call-action-faq .two-box .box.question .overlay .button {
  background-color: #FFF;
  color: #111c4e;
  border: 0px;
}
#faq-archive #faq-content .call-action-faq .two-box .box.question:hover .overlay .button {
  background-color: #111c4e;
  color: #FFF;
  border: 0px;
}
#faq-archive #faq-content .call-action-faq .two-box .box.consultant {
  background-image: url("../img/consultant.jpeg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  text-align: right;
  position: relative;
}
#faq-archive #faq-content .call-action-faq .two-box .box.consultant .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 30px 30px;
  background-color: rgba(0, 0, 0, 0.2);
  box-sizing: border-box;
  border: 1px solid #CDCDCD;
  cursor: pointer;
}
#faq-archive #faq-content .call-action-faq .two-box .box.consultant .overlay h4 {
  margin-top: 35px;
  color: #FFF;
}
#faq-archive #faq-content .call-action-faq .two-box .box.consultant .overlay .button {
  background-color: #FFF;
  color: #111c4e;
  border: 0px;
}
#faq-archive #faq-content .call-action-faq .two-box .box.consultant:hover .overlay .button {
  background-color: #111c4e;
  color: #FFF;
  border: 0px;
}
#faq-archive #faq-content .call-action-faq .two-box .box:hover {
  box-shadow: 0 0.1rem 2rem 0.1rem rgba(0, 0, 0, 0.2);
}
#faq-archive #faq-content .call-action-faq .two-box .box:hover .button {
  background-color: #111c4e;
  color: #FFF;
}
#faq-archive #faq-content .call-action-faq .two-box .box h4 {
  font-size: 1.25em;
}
#faq-archive #faq-content .call-action-faq .two-box .box p, #faq-archive #faq-content .call-action-faq .two-box .box a, #faq-archive #faq-content .call-action-faq .two-box .box button {
  font-size: 0.75em;
}
#faq-archive #faq-content .call-action-faq .two-box .box .button {
  color: #111c4e;
  padding: 15px 15px;
  margin-top: 15px;
  border-radius: 5px;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  border: 2px solid #111c4e;
  border-radius: 3px;
}

#cookie-notice {
  text-align: center;
  background-color: #fff !important;
  border-bottom: 2px solid #111c4e;
  border-top: 1px solid #CDCDCD;
}
#cookie-notice .cookie-notice-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 24px;
  background-color: #fff;
  text-align: left;
  box-sizing: border-box;
  max-width: 1281px;
  margin: auto;
}
#cookie-notice .cookie-notice-container #cn-notice-text {
  width: calc(100% - 220px);
  display: block;
}
@media screen and (max-width: 740px) {
  #cookie-notice .cookie-notice-container #cn-notice-text {
    width: 100%;
  }
}
#cookie-notice .cookie-notice-container #cn-notice-text h2 {
  font-size: 20px;
  font-weight: bold;
}
#cookie-notice .cookie-notice-container #cn-notice-text p {
  margin: 0px;
  font-size: 14px;
}
#cookie-notice .cookie-notice-container #cn-notice-buttons {
  display: block;
}
@media screen and (max-width: 740px) {
  #cookie-notice .cookie-notice-container #cn-notice-buttons {
    padding-top: 20px;
  }
}
#cookie-notice .cookie-notice-container #cn-notice-buttons a, #cookie-notice .cookie-notice-container #cn-notice-buttons button {
  display: inline-block;
  width: 200px;
  text-align: center;
  padding: 10px 20px;
  color: #fff;
  border: 2px solid #111c4e;
  background-color: #111c4e;
}
@media screen and (max-width: 740px) {
  #cookie-notice .cookie-notice-container #cn-notice-buttons a, #cookie-notice .cookie-notice-container #cn-notice-buttons button {
    width: 100%;
  }
}
#cookie-notice .cookie-notice-container #cn-notice-buttons a:first-child, #cookie-notice .cookie-notice-container #cn-notice-buttons button:first-child {
  margin-bottom: 10px;
}

.blog-header {
  background-image: none;
  background-color: transparent;
  min-height: auto !important;
}
.blog-header .text {
  text-align: center;
  padding: 40px 0;
}
.blog-header .text h1 {
  font-family: EmpireHeadNormal;
  font-size: 36px;
}
.blog-header hr {
  clear: both;
  max-width: 3.3125rem;
  height: 0;
  margin: 1rem auto;
  border-top: 0;
  border-top-color: currentcolor;
  border-right: 0;
  border-right-color: currentcolor;
  border-bottom: 0.125rem solid #00A6E2;
  border-bottom-color: #00a6e2;
  border-left: 0;
  border-left-color: currentcolor;
}

.blog-breadcrumb ul {
  display: flex;
  justify-content: center;
  padding: 0px;
  margin: 0px;
}
.blog-breadcrumb ul li {
  list-style: none;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-family: EmpireHeadBold;
}
.blog-breadcrumb ul li a, .blog-breadcrumb ul li button {
  color: #3b6ab5;
}
.blog-breadcrumb ul li:not(:last-child)::after {
  position: relative;
  margin: 0 10px;
  opacity: 1;
  content: "/";
  color: #3b6ab5;
}

#blog-archive {
  padding-bottom: 0px;
}

#blog-archive-categories {
  display: flex;
  padding: 40px 0;
  align-items: flex-start;
  padding-left: 20px;
}
@media screen and (max-width: 590px) {
  #blog-archive-categories {
    display: block;
    padding: 0 20px;
  }
}
#blog-archive-categories .blog-column-posts {
  width: calc(100% - 280px);
}
@media screen and (max-width: 590px) {
  #blog-archive-categories .blog-column-posts {
    width: 100%;
  }
}
#blog-archive-categories .blog-column-posts .blog-post-item {
  width: calc(100%/3 - 10px);
}
@media screen and (max-width: 1050px) {
  #blog-archive-categories .blog-column-posts .blog-post-item {
    width: calc(100%/2 - 10px);
  }
}
@media screen and (max-width: 850px) {
  #blog-archive-categories .blog-column-posts .blog-post-item {
    width: 100%;
  }
}
#blog-archive-categories .blog-column-posts .blog-pagination {
  width: 100%;
}
#blog-archive-categories .blog-categories {
  width: 280px;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
}
@media screen and (max-width: 590px) {
  #blog-archive-categories .blog-categories {
    width: 100%;
    padding: 0px;
    padding-top: 20px;
  }
}
#blog-archive-categories .blog-categories h3 {
  font-size: 24px;
}
#blog-archive-categories .blog-categories ul {
  padding: 0px;
  margin: 0px;
}
#blog-archive-categories .blog-categories ul li {
  list-style: none;
  margin: 0px;
}
#blog-archive-categories .blog-categories ul li a, #blog-archive-categories .blog-categories ul li button {
  display: block;
  padding: 10px 15px;
  border: 2px solid #111c4e;
  border-radius: 35px;
  font-size: 14px;
  color: #111c4e;
  font-family: EmpireHeadBold;
  transition: all 0.15s;
  position: relative;
}
#blog-archive-categories .blog-categories ul li a span, #blog-archive-categories .blog-categories ul li button span {
  position: absolute;
  top: 10px;
  right: 10px;
  background-color: #111c4e;
  color: #FFF;
  border-radius: 20px;
  display: flex;
  width: 20px;
  height: 20px;
  align-items: center;
  justify-content: center;
}
#blog-archive-categories .blog-categories ul li a:hover, #blog-archive-categories .blog-categories ul li button:hover {
  padding: 10px 15px;
  background-color: #fc9905;
  border-color: #fc9905;
  color: #FFF;
}

@media screen and (max-width: 1050px) {
  #taxonomy-blog .blog-column-posts .blog-post-item {
    width: calc(100%/3 - 10px) !important;
  }
}
@media screen and (max-width: 780px) {
  #taxonomy-blog .blog-column-posts .blog-post-item {
    width: calc(100%/2 - 10px) !important;
  }
}
@media screen and (max-width: 590px) {
  #taxonomy-blog .blog-column-posts .blog-post-item {
    width: calc(100%) !important;
  }
}

.blog-column-posts {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  row-gap: 30px;
}
.blog-column-posts .blog-post-item {
  border: 1px solid #e6e8e9;
  box-sizing: border-box;
  transition: all 0.15s;
}
.blog-column-posts .blog-post-item .featured-image {
  height: 200px;
  background-color: #e6e8e9;
}
.blog-column-posts .blog-post-item .featured-image img {
  width: 100%;
  height: 200px;
  object-fit: cover;
}
.blog-column-posts .blog-post-item .blog-excerpt-data {
  padding: 20px 20px;
}
.blog-column-posts .blog-post-item .blog-excerpt-data h2 {
  font-size: 22px;
}
.blog-column-posts .blog-post-item .blog-excerpt-data .blog-date {
  display: block;
  margin-bottom: 20px;
  font-size: 14px;
  font-family: EmpireHeadBold;
}
.blog-column-posts .blog-post-item .blog-excerpt-data p {
  font-size: 16px;
  line-height: 1.35;
}
.blog-column-posts .blog-post-item:hover {
  background: #111c4e;
  color: #FFF;
  border: 1px solid #111c4e;
}
.blog-column-posts .blog-post-item:hover .blog-excerpt-data h2, .blog-column-posts .blog-post-item:hover .blog-excerpt-data p {
  color: #FFF;
}
.blog-column-posts .blog-post-item:hover .blog-excerpt-data .blog-date {
  color: #fc9905;
}

#blog-keywords {
  background-color: #f5f5f5;
  padding: 40px 0;
}
#blog-keywords h3 {
  text-align: center;
  font-size: 24px;
  margin-bottom: 40px;
}
#blog-keywords .content {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
#blog-keywords .content a, #blog-keywords .content button {
  display: block;
  padding: 10px 15px;
  border: 2px solid #3b6ab5;
  border-radius: 35px;
  margin: 5px;
  font-size: 14px;
  color: #3b6ab5;
  font-family: EmpireHeadBold;
}
#blog-keywords .content a:hover, #blog-keywords .content button:hover {
  background-color: #fc9905;
  border-color: #fc9905;
  color: #FFF;
}

#taxonomy-blog {
  display: flex;
}
#taxonomy-blog .blog-column-posts .blog-post-item {
  width: calc(100%/4 - 10px);
}
#taxonomy-blog .blog-pagination {
  width: 100%;
}

.blog-pagination {
  display: flex;
  justify-content: center;
}
.blog-pagination a, .blog-pagination button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 35px;
  height: 35px;
  border-radius: 35px;
  border: 2px solid #3b6ab5;
  border-radius: 35px;
  font-size: 16px;
  color: #3b6ab5;
  font-family: EmpireHeadBold;
  margin: 0 5px;
}
.blog-pagination a.current, .blog-pagination button.current {
  background-color: #fc9905;
  border-color: #fc9905;
  color: #FFF;
}

body.home #mortech-rates {
  padding: 0px;
}
body.home #mortech-rates.active {
  padding-top: 50px;
}
@media screen and (max-width: 895px) {
  body.home #mortech-rates.active {
    padding-top: 150px;
  }
}
@media screen and (max-width: 495px) {
  body.home #mortech-rates.active {
    padding-top: 285px;
  }
}
body.home #mortech-rates .buttons {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px;
}
body.home #mortech-rates .buttons h3 {
  font-size: 24px;
  font-weight: 300;
  font-family: EmpireHeadNormal;
  margin: 0px;
}
body.home #mortech-rates .buttons #show-all-rates {
  border: 2px solid #111c4e;
  margin: 0px;
  background-color: #111c4e;
  color: #FFF;
  font-size: 14px;
  padding: 10px 20px;
  box-sizing: border-box;
  cursor: pointer;
  border-radius: 6px;
  color: #FFF;
  font-weight: bold;
  display: block;
  margin: 0px;
}
body.home #mortech-rates .buttons #show-all-rates span:after {
  content: "Show All Programs";
}
body.home #mortech-rates .buttons #show-all-rates.activated {
  background-color: transparent;
  color: #111c4e;
}
body.home #mortech-rates .buttons #show-all-rates.activated span:after {
  content: "Show Less Programs";
  display: block;
}
@media screen and (max-width: 495px) {
  body.home header {
    min-height: 760px;
  }
}
body.home header .hero-banner.active .content {
  position: relative;
  bottom: -380px;
}
@media screen and (max-width: 895px) {
  body.home header .hero-banner.active .content {
    bottom: -245px;
  }
}
@media screen and (max-width: 630px) {
  body.home header .hero-banner.active .content {
    bottom: -270px;
  }
}
body.home header .hero-banner .content {
  position: relative;
  bottom: -380px;
}
@media screen and (max-width: 895px) {
  body.home header .hero-banner .content {
    bottom: -245px;
  }
}
@media screen and (max-width: 630px) {
  body.home header .hero-banner .content {
    bottom: -300px;
  }
}
body.home #reviews {
  padding: 60px 20px;
  border-top: 1px solid #eee;
}
body.home #reviews .two-col {
  display: flex;
  align-items: start;
  justify-content: space-between;
  flex-wrap: wrap;
}
body.home #reviews .two-col .col {
  width: calc(100%/2 - 20px);
}
body.home #reviews .two-col .col:nth-child(2) {
  order: 1;
}
body.home #reviews .two-col .col:nth-child(1) {
  order: 2;
  padding-top: 40px;
}
@media screen and (max-width: 895px) {
  body.home #reviews .two-col .col {
    width: 100%;
  }
}
body.home .why-eoa .flex-container {
  justify-content: space-between;
  gap: 20px;
}
body.home .why-eoa .flex-container .flex-item {
  width: calc(50% - 10px);
  box-sizing: border-box;
}

#reviews .review {
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-shadow: 0 0.1rem 0.4rem 0 rgba(0, 0, 0, 0.2);
  padding: 20px;
  box-sizing: border-box;
  border-radius: 15px;
  margin-bottom: 30px;
}
#reviews .review:last-child {
  margin-bottom: 5px;
}
#reviews .review .photo {
  width: 50px;
}
#reviews .review .photo .circle {
  background-color: #f5f5f5;
  width: 50px;
  height: 50px;
  border-radius: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 25px;
}
#reviews .review .review-text {
  width: calc(100% - 70px);
}
#reviews .review .review-text .text {
  font-size: 16px;
  font-style: italic;
  margin: 0px;
}
#reviews .review .review-text .text img {
  float: left;
  width: 25px;
  margin-right: 15px;
  fill: #FFF;
  filter: invert(15%) sepia(12%) saturate(4834%) hue-rotate(198deg) brightness(87%) contrast(106%);
}
#reviews .review .review-text .text p {
  margin: 0px;
  line-height: 1.5;
}
#reviews .review .review-text .text strong {
  display: block;
  text-align: right;
  margin-top: 15px;
}
#reviews .review .review-text .stars {
  text-align: right;
}
#reviews .review .review-text .stars .fa-solid {
  color: #fc9905;
}

.companies-reviews {
  display: flex;
  justify-content: space-between;
  padding-top: 40px;
  flex-wrap: wrap;
  gap: 20px;
}
.companies-reviews .company-review {
  display: flex;
  box-shadow: 0 0.1rem 0.4rem 0 rgba(0, 0, 0, 0.2);
  padding: 20px;
  box-sizing: border-box;
  justify-content: space-between;
  border-radius: 15px;
  width: calc(100%/2 - 10px);
  align-items: center;
}
@media screen and (max-width: 990px) {
  .companies-reviews .company-review {
    width: 100%;
  }
}
.companies-reviews .company-review .logo,
.companies-reviews .company-review .score {
  width: calc(100%/2 - 20px);
}
.companies-reviews .company-review .logo img {
  width: 100%;
}
.companies-reviews .company-review .logo .stars {
  font-size: 12px;
  text-align: center;
  color: #111c4e;
}
.companies-reviews .company-review .score {
  display: flex;
  justify-content: right;
  align-items: center;
  font-size: 2.5em;
  color: #111c4e;
}

.banner-wide {
  height: 265px;
  padding: 0px !important;
  position: relative;
  background-size: cover;
  background-position: bottom left;
  box-sizing: border-box;
  cursor: pointer;
}
.banner-wide:hover .feature-text {
  background-color: rgba(0, 0, 0, 0.3);
  box-shadow: 0 0.1rem 0.4rem 0 rgba(0, 0, 0, 0.2);
}
.banner-wide .feature-text {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: left !important;
  padding: 40px;
  background-color: rgba(0, 0, 0, 0.35);
  transition: all 0.25ms;
}
.banner-wide .feature-text h5 {
  color: #FFF;
  font-weight: bold;
  font-size: 38px;
  margin: 0px;
}
.banner-wide .feature-text p {
  color: #FFF;
  font-size: 18px;
}

body.mortgage-products,
body.about {
  overflow-x: hidden;
}
body.mortgage-products header.single-post,
body.about header.single-post {
  display: none;
}

body.terms-and-conditions header.single-post {
  align-items: center;
  display: none;
}
body.terms-and-conditions .breadcrumbs-header section {
  display: none;
}
body.terms-and-conditions .main-content p {
  font-size: 16px;
  text-transform: uppercase;
  text-align: justify;
  line-height: 1.5;
}

body.page-template-template-calculators #top-header,
body.page-template-template-instant-rate-quotes #top-header,
body.mortgage-products #top-header,
body.page-template-template-about-us #top-header,
body.about #top-header,
body.blog #top-header,
body.single-post #top-header,
body.apply-now #top-header,
body.privacy-policy #top-header,
body.terms-and-conditions #top-header {
  position: relative;
  background-color: #111c4e;
}
body.page-template-template-calculators header,
body.page-template-template-instant-rate-quotes header,
body.mortgage-products header,
body.page-template-template-about-us header,
body.about header,
body.blog header,
body.single-post header,
body.apply-now header,
body.privacy-policy header,
body.terms-and-conditions header {
  border-top: 0px;
}
body.page-template-template-calculators #sub-menu,
body.page-template-template-calculators .top-nav,
body.page-template-template-instant-rate-quotes #sub-menu,
body.page-template-template-instant-rate-quotes .top-nav,
body.mortgage-products #sub-menu,
body.mortgage-products .top-nav,
body.page-template-template-about-us #sub-menu,
body.page-template-template-about-us .top-nav,
body.about #sub-menu,
body.about .top-nav,
body.blog #sub-menu,
body.blog .top-nav,
body.single-post #sub-menu,
body.single-post .top-nav,
body.apply-now #sub-menu,
body.apply-now .top-nav,
body.privacy-policy #sub-menu,
body.privacy-policy .top-nav,
body.terms-and-conditions #sub-menu,
body.terms-and-conditions .top-nav {
  background: none !important;
}

body.page-template-templatestemplate-contact-php .single-post {
  display: block !important;
  background-image: url("../img/women-calling-phone.png");
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 300px !important;
  background-position: top right;
  position: relative;
}
body.page-template-templatestemplate-contact-php .single-post .hero-overlay {
  position: absolute;
  top: 0;
  left: 0;
}
body.page-template-templatestemplate-contact-php .single-post .hero-overlay .hero-banner .content .hero-single-page {
  position: unset;
}
body.page-template-templatestemplate-contact-php .single-post .hero-overlay .hero-banner .content .hero-single-page h1 {
  color: #FFF;
}
body.page-template-templatestemplate-contact-php #contact-us-container {
  max-width: 1440px;
  box-sizing: border-box;
  margin: auto;
  padding: 0px;
}
body.page-template-templatestemplate-contact-php #contact-us-container #three-col-contact {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 40px 0;
}
@media screen and (max-width: 1085px) {
  body.page-template-templatestemplate-contact-php #contact-us-container #three-col-contact {
    justify-content: center;
  }
}
body.page-template-templatestemplate-contact-php #contact-us-container #three-col-contact .col {
  width: calc(100%/3 - 30px);
  margin-bottom: 30px;
}
@media screen and (max-width: 1085px) {
  body.page-template-templatestemplate-contact-php #contact-us-container #three-col-contact .col {
    width: calc(100%/2 - 30px);
  }
}
@media screen and (max-width: 685px) {
  body.page-template-templatestemplate-contact-php #contact-us-container #three-col-contact .col {
    width: 100%;
  }
}
body.page-template-templatestemplate-contact-php #contact-us-container #three-col-contact .col .img {
  text-align: center;
  height: 150px;
  display: flex;
  align-items: center;
}
body.page-template-templatestemplate-contact-php #contact-us-container #three-col-contact .col .img img {
  margin: auto;
  max-width: 120px;
}
body.page-template-templatestemplate-contact-php #contact-us-container #three-col-contact .col .text {
  text-align: center;
  padding: 0 20px;
}
body.page-template-templatestemplate-contact-php #contact-us-container #three-col-contact .col .text h3 {
  font-size: 24px;
  margin-top: 40px;
}
body.page-template-templatestemplate-contact-php #contact-form {
  display: flex;
  padding-bottom: 80px;
}
body.page-template-templatestemplate-contact-php #contact-form .graphic {
  width: 50%;
  background-image: url("https://empireofamerica.com/wp-content/uploads/2022/08/pexels-photo-2157401.jpeg");
  background-size: cover;
  background-position: center center;
}
@media screen and (max-width: 985px) {
  body.page-template-templatestemplate-contact-php #contact-form .graphic {
    width: 40%;
  }
}
@media screen and (max-width: 785px) {
  body.page-template-templatestemplate-contact-php #contact-form .graphic {
    width: 20%;
  }
}
@media screen and (max-width: 685px) {
  body.page-template-templatestemplate-contact-php #contact-form .graphic {
    display: none;
  }
}
body.page-template-templatestemplate-contact-php #contact-form .form-container {
  width: 50%;
  padding: 40px;
  box-sizing: border-box;
  background-color: whitesmoke;
}
@media screen and (max-width: 985px) {
  body.page-template-templatestemplate-contact-php #contact-form .form-container {
    width: 60%;
  }
}
@media screen and (max-width: 785px) {
  body.page-template-templatestemplate-contact-php #contact-form .form-container {
    width: 80%;
  }
}
@media screen and (max-width: 685px) {
  body.page-template-templatestemplate-contact-php #contact-form .form-container {
    width: 100%;
  }
}
body.page-template-templatestemplate-contact-php #contact-form .form-container .form-item {
  font-family: EmpireTextNormal, Helvetica, Arial, sans-serif;
  box-sizing: border-box;
  border-bottom: 2px solid #05164d;
  border-right: 2px solid #05164d;
  margin-top: 20px;
}
body.page-template-templatestemplate-contact-php #contact-form .form-container .form-item label {
  font-size: 16px;
  font-weight: bold;
}
body.page-template-templatestemplate-contact-php #contact-form .form-container .form-item .form-input input, body.page-template-templatestemplate-contact-php #contact-form .form-container .form-item .form-input textarea {
  border: 0px;
  width: 100%;
  padding: 5px;
  box-sizing: border-box;
  font-size: 14px;
  background-color: transparent;
  font-family: EmpireTextNormal, Helvetica, Arial, sans-serif;
}
body.page-template-templatestemplate-contact-php #contact-form .form-container .form-item .form-input .wpcf7-not-valid-tip {
  font-size: 12px;
  padding-bottom: 5px;
}
body.page-template-templatestemplate-contact-php #contact-form .form-container .wpcf7-submit {
  font-size: 14px;
  padding: 10px 20px;
  box-sizing: border-box;
  cursor: pointer;
  border-radius: 6px;
  background-color: #fc9905;
  color: #FFF;
  font-weight: bold;
  border: 2px solid #fc9905;
  display: block;
  margin: 0px;
  margin-top: 30px;
}

body.page-template-template-about-us .single-post {
  display: block !important;
  background-image: url("../img/About1.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 300px !important;
  background-position: top right;
  position: relative;
}
body.page-template-template-about-us .single-post .hero-overlay {
  position: absolute;
  top: 0;
  left: 0;
}
body.page-template-template-about-us .single-post .hero-overlay .hero-banner .content .hero-single-page {
  position: unset;
}
body.page-template-template-about-us .single-post .hero-overlay .hero-banner .content .hero-single-page h1 {
  color: #FFF;
}
body.page-template-template-about-us #about-us-container {
  max-width: 1440px;
  box-sizing: border-box;
  margin: auto;
  padding: 40px 0px;
}
body.page-template-template-about-us #about-us-container #top-two-col {
  display: flex;
  flex-wrap: wrap;
  padding: 40px 0;
}
body.page-template-template-about-us #about-us-container #top-two-col .col {
  width: 50%;
  align-items: center;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 690px) {
  body.page-template-template-about-us #about-us-container #top-two-col .col {
    width: 100%;
  }
}
body.page-template-template-about-us #about-us-container #top-two-col .col.image {
  background-image: url("https://empireofamerica.com/wp-content/uploads/2022/08/pexels-photo-106399.jpeg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  position: relative;
  min-height: 500px;
}
@media screen and (max-width: 690px) {
  body.page-template-template-about-us #about-us-container #top-two-col .col.image {
    min-height: 250px;
  }
}
body.page-template-template-about-us #about-us-container #top-two-col .col.image .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  padding: 40px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
}
body.page-template-template-about-us #about-us-container #top-two-col .col.image .overlay h3 {
  color: #FFF;
  font-family: EmpireHeadNormal;
  font-weight: bold;
  font-size: 36px;
}
body.page-template-template-about-us #about-us-container #top-two-col .col .text {
  padding: 40px;
}
body.page-template-template-about-us #about-us-container #top-two-col .col .text p {
  font-size: 18px;
  font-family: EmpireTextNormal;
  line-height: 1.5;
}
body.page-template-template-about-us #about-us-container #top-two-col .col .text ul li {
  font-size: 20px;
  font-family: EmpireHeadNormal;
}
body.page-template-template-about-us .why-title {
  font-size: 36px;
  text-align: center;
  font-weight: bold;
  margin: 40px;
}
body.page-template-template-about-us .three-col {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
body.page-template-template-about-us .three-col .col {
  width: calc(100%/3 - 20px);
  text-align: center;
}
@media screen and (max-width: 690px) {
  body.page-template-template-about-us .three-col .col {
    width: 100%;
  }
}
body.page-template-template-about-us .three-col .col .image {
  height: 220px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
body.page-template-template-about-us .three-col .col .image img {
  max-width: 150px;
}
body.page-template-template-about-us .three-col .col h3 {
  font-size: 28px;
}
body.page-template-template-about-us .three-col .col p {
  font-size: 25px;
  font-weight: bold;
  margin-bottom: 20px;
}
body.page-template-template-about-us .three-col .col p.normal {
  font-size: 18px;
  font-weight: normal;
  padding: 0 20px;
  line-height: 1.5;
}
body.page-template-template-about-us .three-col .col p span {
  font-size: 20px;
  font-weight: normal;
  display: block;
  margin-top: 10px;
}
body.page-template-template-about-us .leadership {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  padding: 0 40px;
  padding-bottom: 40px;
  justify-content: space-between;
  gap: 20px;
}
@media screen and (max-width: 1280px) {
  body.page-template-template-about-us .leadership {
    justify-content: center;
  }
}
body.page-template-template-about-us .leadership .lead {
  width: 300px;
  position: relative;
}
body.page-template-template-about-us .leadership .lead .card {
  background-color: #FFF;
  width: 300px;
  box-sizing: border-box;
  padding: 10px 10px;
  border: 1px solid #CDCDCD;
  height: 100px;
  display: flex;
  position: relative;
  top: -10px;
}
body.page-template-template-about-us .leadership .lead .card p {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.5;
}
body.page-template-template-about-us .leadership .lead .card p span {
  display: block;
  font-size: 15px;
  font-weight: normal;
}

#cookies-footer-container {
  position: sticky;
  bottom: 0px;
  background: radial-gradient(circle, #31489b 0%, #111c4e 60%);
  box-sizing: border-box;
  padding: 40px;
}
#cookies-footer-container .cookies-content h5 {
  color: #FFF;
  font-size: 22px;
  font-weight: bold;
}
#cookies-footer-container .cookies-content p {
  font-size: 16px;
  color: #FFF;
}
#cookies-footer-container .cookies-content ul {
  display: flex;
  gap: 20px;
  margin: 0px;
  padding: 0px;
  margin-top: 20px;
}
#cookies-footer-container .cookies-content ul li {
  list-style: none;
}
#cookies-footer-container .cookies-content ul li a, #cookies-footer-container .cookies-content ul li button {
  display: block;
  padding: 10px;
  border: 1px solid #FFF;
  color: #FFF;
  font-size: 14px;
}

.page-template-template-mortgage-products .breadcrumbs-header .sub-title {
  font-size: 22px;
  font-weight: 100;
  margin: 0px;
}

#mortgage-side-content .product-container {
  display: flex;
  gap: 20px;
  box-shadow: 0 0.1rem 0.4rem 0 rgba(0, 0, 0, 0.2);
  transition: all 0.3s ease-in-out;
  margin: 40px 0;
}
@media screen and (max-width: 630px) {
  #mortgage-side-content .product-container {
    flex-wrap: wrap;
  }
}
#mortgage-side-content .product-container:hover {
  box-shadow: 0 0.1rem 2rem 0.1rem rgba(0, 0, 0, 0.2);
}
#mortgage-side-content .product-container:nth-child(even) .product-image {
  order: 1;
}
#mortgage-side-content .product-container:nth-child(even) .product-link {
  order: 0;
}
#mortgage-side-content .product-container .product-image,
#mortgage-side-content .product-container .product-links {
  width: 50%;
  box-sizing: border-box;
}
@media screen and (max-width: 630px) {
  #mortgage-side-content .product-container .product-image,
#mortgage-side-content .product-container .product-links {
    width: 100%;
  }
}
#mortgage-side-content .product-container .product-image {
  min-height: 350px;
  background-size: cover;
  position: relative;
  background-position: right bottom;
}
#mortgage-side-content .product-container .product-image .overlay {
  position: absolute;
  background-position: right;
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  padding: 40px;
}
#mortgage-side-content .product-container .product-links {
  padding: 40px;
}
#mortgage-side-content .product-container .product-links h2 {
  font-size: 26px;
  font-weight: 900;
  margin-bottom: 20px;
  color: #111c4e;
}
#mortgage-side-content .product-container .product-links a, #mortgage-side-content .product-container .product-links button {
  display: block;
  font-size: 18px;
}
#mortgage-side-content .product-container .product-links a:hover, #mortgage-side-content .product-container .product-links button:hover {
  text-decoration: underline;
}

#mortgage-product-container {
  font-size: 16px;
  color: #111c4e;
}
#mortgage-product-container .icons-columns {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  padding: 40px 0;
  justify-content: space-between;
}
#mortgage-product-container .icons-columns .icon-column {
  width: calc(100%/3 - 10px);
  box-sizing: border-box;
}
@media screen and (max-width: 630px) {
  #mortgage-product-container .icons-columns .icon-column {
    width: 100%;
  }
}
#mortgage-product-container .icons-columns .icon-column .icon {
  text-align: center;
}
#mortgage-product-container .icons-columns .icon-column .icon img {
  max-width: 125px;
  margin: auto;
}
#mortgage-product-container .icons-columns .icon-column .icon-content strong {
  font-size: 26px;
  text-align: center;
  margin: 20px 0;
  display: block;
}
#mortgage-product-container .icons-columns .icon-column .icon-content ul {
  padding: 0px;
}
#mortgage-product-container .icons-columns .icon-column .icon-content ul li {
  list-style: none;
  text-align: center;
}
#mortgage-product-container .icons-columns .icon-column .icon-content p {
  text-align: center;
}
#mortgage-product-container .why-row {
  padding-bottom: 40px;
}
#mortgage-product-container .why-row .image {
  min-height: 220px;
  background-size: cover;
  background-position: center center;
  position: relative;
  margin-bottom: 40px;
}
#mortgage-product-container .why-row .image .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  padding: 40px;
  background-color: rgba(0, 0, 0, 0.35);
}
#mortgage-product-container .why-row .image .overlay h2 {
  color: #FFF;
  font-size: 30px;
  font-family: EmpireHeadBold;
}
#mortgage-product-container .why-row .why-content h3 {
  font-size: 24px;
}
#mortgage-product-container .types .types-flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding-bottom: 40px;
}
#mortgage-product-container .types .types-flex .type {
  display: flex;
  box-shadow: 0 0.1rem 0.4rem 0 rgba(0, 0, 0, 0.2);
  transition: all 0.3s ease-in-out;
  width: 100%;
  margin-bottom: 40px;
}
@media screen and (max-width: 630px) {
  #mortgage-product-container .types .types-flex .type {
    flex-wrap: wrap;
  }
}
#mortgage-product-container .types .types-flex .type:nth-child(even) .type-image {
  order: 1;
}
#mortgage-product-container .types .types-flex .type:nth-child(even) .type-content {
  order: 0;
}
#mortgage-product-container .types .types-flex .type .type-image {
  width: 50%;
  background-size: cover;
  background-position: center center;
}
@media screen and (max-width: 630px) {
  #mortgage-product-container .types .types-flex .type .type-image {
    width: 100%;
    min-height: 350px;
  }
}
#mortgage-product-container .types .types-flex .type .type-content {
  width: 50%;
  padding: 20px;
  border-left: 1px solid #CDCDCD;
}
@media screen and (max-width: 630px) {
  #mortgage-product-container .types .types-flex .type .type-content {
    width: 100%;
  }
}

.page-template-template-page {
  font-size: 16px;
}
.page-template-template-page #top-header {
  position: relative;
}
.page-template-template-page .content {
  padding-bottom: 40px;
}
.page-template-template-page h1 {
  font-size: 30px;
  color: #111c4e;
}
.page-template-template-page h2 {
  font-size: 22px;
  margin-top: 30px;
  color: #111c4e;
}
.page-template-template-page h3 {
  font-size: 22px;
  color: #111c4e;
}

/*# sourceMappingURL=main.css.map */