@charset "UTF-8";
@import "bootstrap.min.css";
/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.2
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2017 Daniel Eden
 */
.animated {
  animation-duration: 1s;
  animation-fill-mode: both;
}
.animated.infinite {
  animation-iteration-count: infinite;
}
.animated.hinge {
  animation-duration: 2s;
}
.animated.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut {
  animation-duration: .75s;
}
@keyframes bounce {
  from,
  20%,
  53%,
  80%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, 0, 0);
  }
  40%,
  43% {
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -30px, 0);
  }
  70% {
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -15px, 0);
  }
  90% {
    transform: translate3d(0, -4px, 0);
  }
}
.bounce {
  animation-name: bounce;
  transform-origin: center bottom;
}
@keyframes flash {
  from,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
.flash {
  animation-name: flash;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@keyframes pulse {
  from {
    transform: scale3d(1, 1, 1);
  }
  50% {
    transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    transform: scale3d(1, 1, 1);
  }
}
.pulse {
  animation-name: pulse;
}
@keyframes rubberBand {
  from {
    transform: scale3d(1, 1, 1);
  }
  30% {
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    transform: scale3d(1.05, 0.95, 1);
  }
  to {
    transform: scale3d(1, 1, 1);
  }
}
.rubberBand {
  animation-name: rubberBand;
}
@keyframes shake {
  from,
  to {
    transform: translate3d(0, 0, 0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    transform: translate3d(-10px, 0, 0);
  }
  20%,
  40%,
  60%,
  80% {
    transform: translate3d(10px, 0, 0);
  }
}
.shake {
  animation-name: shake;
}
@keyframes headShake {
  0% {
    transform: translateX(0);
  }
  6.5% {
    transform: translateX(-6px) rotateY(-9deg);
  }
  18.5% {
    transform: translateX(5px) rotateY(7deg);
  }
  31.5% {
    transform: translateX(-3px) rotateY(-5deg);
  }
  43.5% {
    transform: translateX(2px) rotateY(3deg);
  }
  50% {
    transform: translateX(0);
  }
}
.headShake {
  animation-timing-function: ease-in-out;
  animation-name: headShake;
}
@keyframes swing {
  20% {
    transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
    transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
    transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
    transform: rotate3d(0, 0, 1, -5deg);
  }
  to {
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
.swing {
  transform-origin: top center;
  animation-name: swing;
}
@keyframes tada {
  from {
    transform: scale3d(1, 1, 1);
  }
  10%,
  20% {
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  30%,
  50%,
  70%,
  90% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%,
  60%,
  80% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  to {
    transform: scale3d(1, 1, 1);
  }
}
.tada {
  animation-name: tada;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@keyframes wobble {
  from {
    transform: none;
  }
  15% {
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
  30% {
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
  45% {
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
  60% {
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
  75% {
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
  to {
    transform: none;
  }
}
.wobble {
  animation-name: wobble;
}
@keyframes jello {
  from,
  11.1%,
  to {
    transform: none;
  }
  22.2% {
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }
  33.3% {
    transform: skewX(6.25deg) skewY(6.25deg);
  }
  44.4% {
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }
  55.5% {
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }
  66.6% {
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }
  77.7% {
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }
  88.8% {
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}
.jello {
  animation-name: jello;
  transform-origin: center;
}
@keyframes bounceIn {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    opacity: 1;
    transform: scale3d(1, 1, 1);
  }
}
.bounceIn {
  animation-name: bounceIn;
}
@keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0);
  }
  75% {
    transform: translate3d(0, -10px, 0);
  }
  90% {
    transform: translate3d(0, 5px, 0);
  }
  to {
    transform: none;
  }
}
.bounceInDown {
  animation-name: bounceInDown;
}
@keyframes bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(25px, 0, 0);
  }
  75% {
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    transform: translate3d(5px, 0, 0);
  }
  to {
    transform: none;
  }
}
.bounceInLeft {
  animation-name: bounceInLeft;
}
@keyframes bounceInRight {
  from,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    transform: translate3d(10px, 0, 0);
  }
  90% {
    transform: translate3d(-5px, 0, 0);
  }
  to {
    transform: none;
  }
}
.bounceInRight {
  animation-name: bounceInRight;
}
@keyframes bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }
  75% {
    transform: translate3d(0, 10px, 0);
  }
  90% {
    transform: translate3d(0, -5px, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
.bounceInUp {
  animation-name: bounceInUp;
}
@keyframes bounceOut {
  20% {
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50%,
  55% {
    opacity: 1;
    transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
.bounceOut {
  animation-name: bounceOut;
}
@keyframes bounceOutDown {
  20% {
    transform: translate3d(0, 10px, 0);
  }
  40%,
  45% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
}
.bounceOutDown {
  animation-name: bounceOutDown;
}
@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    transform: translate3d(20px, 0, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
}
.bounceOutLeft {
  animation-name: bounceOutLeft;
}
@keyframes bounceOutRight {
  20% {
    opacity: 1;
    transform: translate3d(-20px, 0, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
}
.bounceOutRight {
  animation-name: bounceOutRight;
}
@keyframes bounceOutUp {
  20% {
    transform: translate3d(0, -10px, 0);
  }
  40%,
  45% {
    opacity: 1;
    transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}
.bounceOutUp {
  animation-name: bounceOutUp;
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.fadeIn {
  animation-name: fadeIn;
}
@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.fadeInDown {
  animation-name: fadeInDown;
}
@keyframes fadeInDownBig {
  from {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.fadeInDownBig {
  animation-name: fadeInDownBig;
}
@keyframes fadeInLeft {
  from {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.fadeInLeft {
  animation-name: fadeInLeft;
}
@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.fadeInLeftBig {
  animation-name: fadeInLeftBig;
}
@keyframes fadeInRight {
  from {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.fadeInRight {
  animation-name: fadeInRight;
}
@keyframes fadeInRightBig {
  from {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.fadeInRightBig {
  animation-name: fadeInRightBig;
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.fadeInUp {
  animation-name: fadeInUp;
}
@keyframes fadeInUpBig {
  from {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.fadeInUpBig {
  animation-name: fadeInUpBig;
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.fadeOut {
  animation-name: fadeOut;
}
@keyframes fadeOutDown {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }
}
.fadeOutDown {
  animation-name: fadeOutDown;
}
@keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
}
.fadeOutDownBig {
  animation-name: fadeOutDownBig;
}
@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
  }
}
.fadeOutLeft {
  animation-name: fadeOutLeft;
}
@keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
}
.fadeOutLeftBig {
  animation-name: fadeOutLeftBig;
}
@keyframes fadeOutRight {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }
}
.fadeOutRight {
  animation-name: fadeOutRight;
}
@keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
}
.fadeOutRightBig {
  animation-name: fadeOutRightBig;
}
@keyframes fadeOutUp {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }
}
.fadeOutUp {
  animation-name: fadeOutUp;
}
@keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}
.fadeOutUpBig {
  animation-name: fadeOutUpBig;
}
@keyframes flip {
  from {
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    animation-timing-function: ease-out;
  }
  40% {
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    animation-timing-function: ease-out;
  }
  50% {
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    animation-timing-function: ease-in;
  }
  80% {
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    animation-timing-function: ease-in;
  }
  to {
    transform: perspective(400px);
    animation-timing-function: ease-in;
  }
}
.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  animation-name: flip;
}
@keyframes flipInX {
  from {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    animation-timing-function: ease-in;
  }
  60% {
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    transform: perspective(400px);
  }
}
.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  animation-name: flipInX;
}
@keyframes flipInY {
  from {
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    animation-timing-function: ease-in;
  }
  60% {
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }
  80% {
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  to {
    transform: perspective(400px);
  }
}
.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  animation-name: flipInY;
}
@keyframes flipOutX {
  from {
    transform: perspective(400px);
  }
  30% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
.flipOutX {
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}
@keyframes flipOutY {
  from {
    transform: perspective(400px);
  }
  30% {
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }
  to {
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}
.flipOutY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  animation-name: flipOutY;
}
@keyframes lightSpeedIn {
  from {
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    transform: skewX(-5deg);
    opacity: 1;
  }
  to {
    transform: none;
    opacity: 1;
  }
}
.lightSpeedIn {
  animation-name: lightSpeedIn;
  animation-timing-function: ease-out;
}
@keyframes lightSpeedOut {
  from {
    opacity: 1;
  }
  to {
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
.lightSpeedOut {
  animation-name: lightSpeedOut;
  animation-timing-function: ease-in;
}
@keyframes rotateIn {
  from {
    transform-origin: center;
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }
  to {
    transform-origin: center;
    transform: none;
    opacity: 1;
  }
}
.rotateIn {
  animation-name: rotateIn;
}
@keyframes rotateInDownLeft {
  from {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
  to {
    transform-origin: left bottom;
    transform: none;
    opacity: 1;
  }
}
.rotateInDownLeft {
  animation-name: rotateInDownLeft;
}
@keyframes rotateInDownRight {
  from {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    transform-origin: right bottom;
    transform: none;
    opacity: 1;
  }
}
.rotateInDownRight {
  animation-name: rotateInDownRight;
}
@keyframes rotateInUpLeft {
  from {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    transform-origin: left bottom;
    transform: none;
    opacity: 1;
  }
}
.rotateInUpLeft {
  animation-name: rotateInUpLeft;
}
@keyframes rotateInUpRight {
  from {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }
  to {
    transform-origin: right bottom;
    transform: none;
    opacity: 1;
  }
}
.rotateInUpRight {
  animation-name: rotateInUpRight;
}
@keyframes rotateOut {
  from {
    transform-origin: center;
    opacity: 1;
  }
  to {
    transform-origin: center;
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}
.rotateOut {
  animation-name: rotateOut;
}
@keyframes rotateOutDownLeft {
  from {
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}
.rotateOutDownLeft {
  animation-name: rotateOutDownLeft;
}
@keyframes rotateOutDownRight {
  from {
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
.rotateOutDownRight {
  animation-name: rotateOutDownRight;
}
@keyframes rotateOutUpLeft {
  from {
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
.rotateOutUpLeft {
  animation-name: rotateOutUpLeft;
}
@keyframes rotateOutUpRight {
  from {
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}
.rotateOutUpRight {
  animation-name: rotateOutUpRight;
}
@keyframes hinge {
  0% {
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }
  20%,
  60% {
    transform: rotate3d(0, 0, 1, 80deg);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }
  40%,
  80% {
    transform: rotate3d(0, 0, 1, 60deg);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  to {
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
.hinge {
  animation-name: hinge;
}
@keyframes jackInTheBox {
  from {
    opacity: 0;
    transform: scale(0.1) rotate(30deg);
    transform-origin: center bottom;
  }
  50% {
    transform: rotate(-10deg);
  }
  70% {
    transform: rotate(3deg);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
.jackInTheBox {
  animation-name: jackInTheBox;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@keyframes rollIn {
  from {
    opacity: 0;
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.rollIn {
  animation-name: rollIn;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@keyframes rollOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}
.rollOut {
  animation-name: rollOut;
}
@keyframes zoomIn {
  from {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
.zoomIn {
  animation-name: zoomIn;
}
@keyframes zoomInDown {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInDown {
  animation-name: zoomInDown;
}
@keyframes zoomInLeft {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInLeft {
  animation-name: zoomInLeft;
}
@keyframes zoomInRight {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInRight {
  animation-name: zoomInRight;
}
@keyframes zoomInUp {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInUp {
  animation-name: zoomInUp;
}
@keyframes zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
.zoomOut {
  animation-name: zoomOut;
}
@keyframes zoomOutDown {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform-origin: center bottom;
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomOutDown {
  animation-name: zoomOutDown;
}
@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  to {
    opacity: 0;
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform-origin: left center;
  }
}
.zoomOutLeft {
  animation-name: zoomOutLeft;
}
@keyframes zoomOutRight {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  to {
    opacity: 0;
    transform: scale(0.1) translate3d(2000px, 0, 0);
    transform-origin: right center;
  }
}
.zoomOutRight {
  animation-name: zoomOutRight;
}
@keyframes zoomOutUp {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform-origin: center bottom;
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomOutUp {
  animation-name: zoomOutUp;
}
@keyframes slideInDown {
  from {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
.slideInDown {
  animation-name: slideInDown;
}
@keyframes slideInLeft {
  from {
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
.slideInLeft {
  animation-name: slideInLeft;
}
@keyframes slideInRight {
  from {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
.slideInRight {
  animation-name: slideInRight;
}
@keyframes slideInUp {
  from {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
.slideInUp {
  animation-name: slideInUp;
}
@keyframes slideOutDown {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
.slideOutDown {
  animation-name: slideOutDown;
}
@keyframes slideOutLeft {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(-100%, 0, 0);
  }
}
.slideOutLeft {
  animation-name: slideOutLeft;
}
@keyframes slideOutRight {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
.slideOutRight {
  animation-name: slideOutRight;
}
@keyframes slideOutUp {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, -100%, 0);
  }
}
.slideOutUp {
  animation-name: slideOutUp;
}
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td {
  padding: 0;
  margin: 0;
}
a {
  text-decoration: none;
}
table {
  border-spacing: 0;
}
fieldset,
img {
  border: 0;
}
address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
  font-weight: normal;
  font-style: normal;
}
strong {
  font-weight: bold;
}
ol,
ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
caption,
th {
  text-align: left;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
  font-size: 100%;
  margin: 0;
  padding: 0;
  color: #fff;
}
q:before,
q:after {
  content: '';
}
abbr,
acronym {
  border: 0;
}
/* Custom CSS
 * --------------------------------------- */
body {
  font-family: "proxima-nova", arial, helvetica;
  color: #fff;
}
.wrap {
  margin-left: auto;
  margin-right: auto;
  width: 960px;
  position: relative;
}
h1 {
  font-size: 6em;
}
p {
  font-size: 2em;
}
.intro p {
  width: 80%;
  margin: 0 auto;
  font-size: 1.5em;
}
.section {
  text-align: center;
}
/* Preloader */
#preloader {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
  /* change if the mask should have another color then white */
  z-index: 999999;
  /* makes sure it stays on top */
  height: 100vh;
  width: 100%;
}
#disclaimer {
  padding: 10px;
  border: 1px solid #ccc;
  color: #666;
  font-size: 12px;
}
#outline {
  width: 96%;
  margin: 0 2%;
  height: 94%;
  height: 94vh;
  display: block;
  border: 2px solid #fff;
  position: absolute;
  top: 3%;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  padding: 0;
}
#scroll-down {
  position: absolute;
  bottom: 6%;
  width: 300px;
  text-align: center;
  left: 50%;
  margin-left: -150px;
  z-index: 3;
}
#scroll-down p {
  font-size: 18px;
  margin-bottom: 0;
  color: #fff;
}
#scroll-down .fa {
  font-size: 30px;
  -webkit-animation: upDown .7s linear 0s infinite alternate;
  -moz-animation: upDown .7s linear 0s infinite alternate;
  -o-animation: upDown .7s linear 0s infinite alternate;
  animation: upDown .7s linear 0s infinite alternate;
  color: #fff;
}
.section-icon {
  width: 145px;
  height: auto;
  margin: 0 auto;
}
.button {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  display: inline-block;
  color: #fff;
  text-decoration: none;
  font-family: "proxima-nova", helvetica, arial, sans-serif;
  font-weight: 300;
  letter-spacing: .05em;
  -webkit-transition: all .74s;
  -moz-transition: all .74s;
  -ms-transition: all .74s;
  -o-transition: all .74s;
  transition: all .74s;
  text-transform: uppercase;
  text-align: center;
}
.btn-red {
  background: #d63133;
  border: 1px solid #d63133;
}
.fp-tableCell,
.fp-section.fp-table,
.fp-slide.fp-table {
  height: 100vh !important;
}
@-webkit-keyframes upDown {
  0% {
    -webkit-transform: translate3d(0, 0%, 0);
    transform: translate3d(0, 0%, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 35%, 0);
    transform: translate3d(0, 35%, 0);
  }
}
@keyframes upDown {
  0% {
    -webkit-transform: translate3d(0, 0%, 0);
    transform: translate3d(0, 0%, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 35%, 0);
    transform: translate3d(0, 35%, 0);
  }
}
.upDown {
  -webkit-animation-name: upDown;
  animation-name: upDown;
}
.standard-section h2 {
  font-size: 67px;
  text-transform: uppercase;
  font-weight: 800;
  color: #fff;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.4);
  /* Will override color (regardless of order) */
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #fff;
  margin: 20px 0 10px;
  line-height: .9em;
}
.standard-section p {
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: -0.035em;
  font-size: 32px;
}
.standard-section .btn-outline {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  display: inline-block;
  color: #fff;
  text-decoration: none;
  font-family: "proxima-nova", helvetica, arial, sans-serif;
  text-transform: uppercase;
  font-weight: 700;
  -webkit-transition: all .74s;
  -moz-transition: all .74s;
  -ms-transition: all .74s;
  -o-transition: all .74s;
  transition: all .74s;
  border: 1px solid #fff;
  letter-spacing: .05em;
  background: rgba(255, 255, 255, 0.2);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  transition: 0.5s;
  padding: 13px 18px;
  margin: 20px auto;
}
.standard-section .btn-outline:hover {
  box-shadow: 0 17px 50px 0 rgba(0, 0, 0, 0.1);
  transform: scale(1.05, 1.05);
}
#menu li {
  display: inline-block;
  margin: 5px 0;
  color: #000;
  -webkit-border-radius: 10px;
  border-radius: 50px;
  width: 30px;
  height: 30px;
  border: 2px solid #ddd;
  text-align: center;
  -webkit-transition: all .74s;
  -moz-transition: all .74s;
  -ms-transition: all .74s;
  -o-transition: all .74s;
  transition: all .74s;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  transition: 0.5s;
}
#menu li:first-of-type {
  margin-top: 0 !important;
}
#menu li:last-of-type {
  margin-bottom: 0 !important;
}
#menu li.active {
  background: #217fbb;
  color: #fff;
}
#menu li a {
  text-decoration: none;
  position: relative;
}
#menu li:hover {
  border: 2px solid #fff;
  box-shadow: 0 17px 50px 0 rgba(0, 0, 0, 0.1);
  transform: scale(1.5, 1.5);
}
#menu li:nth-child(1) {
  background: #ab40ee;
}
#menu li:nth-child(2) {
  background: #3579ff;
}
#menu li:nth-child(3) {
  background: #46d166;
}
#menu li:nth-child(4) {
  background: #ffec4f;
}
#menu li:nth-child(5) {
  background: #f39a13;
}
#menu li:nth-child(6) {
  background: #f44d4d;
}
#menu li:nth-child(7) {
  background: #a40947;
}
#menu li.active {
  border: 2px solid #fff;
  box-shadow: 0 17px 50px 0 rgba(0, 0, 0, 0.1);
  transform: scale(1.5, 1.5);
  margin: 20px 0;
}
#menu li a,
#menu li.active a {
  padding: 5px 0 0 0;
  display: block;
  min-height: 25px;
}
#menu li.active a {
  color: #fff;
}
#menu li a span {
  line-height: 1em;
  opacity: 0;
  position: absolute;
  right: -125px;
  width: 145px;
  padding: 6px 0;
  top: 2px;
  background: #000;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  -webkit-transition: all .74s;
  -moz-transition: all .74s;
  -ms-transition: all .74s;
  -o-transition: all .74s;
  transition: all .74s;
  transform: scale(0.7, 0.7) !important;
}
#menu li:hover a span {
  opacity: 1;
  -webkit-transition: all .74s;
  -moz-transition: all .74s;
  -ms-transition: all .74s;
  -o-transition: all .74s;
  transition: all .74s;
  right: 15px;
  top: 0px;
  transform: scale(0.7, 0.7) !important;
}
#menu li a span::after {
  content: '';
  display: block;
  left: 99%;
  top: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(0, 0, 0, 0);
  border-left-color: #000;
  border-width: 6px;
  margin-top: -6px;
}
#menu {
  position: fixed;
  top: 60px;
  right: 25px;
  height: 40px;
  height: 275px;
  z-index: 70;
  width: 30px;
  padding: 0;
  margin: 0;
}
#menu li a img {
  width: 16px;
  height: auto;
}
#banner-section {
  background-image: url(../img/intro-bg.png);
  background-position: 70% 0%;
  background-repeat: no-repeat;
  background-size: cover;
}
.text-wrapper {
  padding-bottom: 100px;
}
#spreadtheword-section {
  background: #a40947;
}
h2,
h1 {
  font-family: "museo-sans", sans-serif;
  font-weight: 900;
  line-height: 1.1em;
  letter-spacing: -0.055em;
}
p {
  font-family: "proxima-nova", sans-serif;
  color: #333;
  font-size: 19px;
  font-weight: 400;
  line-height: 1.35em;
}
.source {
  color: #666;
  font-size: .8em;
  padding: 20px 0 0 0;
}
h2 {
  color: #ffe13d;
  font-size: 65px;
}
.strike-through {
  text-decoration: line-through;
  color: #ab40ee !important;
}
.highlight {
  background: #000;
  display: inline;
}
h1 {
  font-size: 79px;
  padding: 0 7px;
}
.text-wrapper {
  text-align: left;
}
.block-wrapper {
  background: #fff;
  -webkit-box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.2);
  padding: 30px;
  margin: 25px 0 0 0;
}
/* Header styles and animations */
.ha-header {
  position: fixed;
  top: 0;
  bottom: auto;
  left: 0;
  width: 100%;
  padding: 0;
  z-index: 50;
  font-family: 'Lato', Arial, sans-serif;
  -webkit-transform: translateY(0%);
  -moz-transform: translateY(0%);
  transform: translateY(0%);
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
  height: 80px;
  background: #fff;
}
.ha-header-front {
  z-index: 2;
  -webkit-transform-origin: 50% 100%;
  -moz-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
}
.social-header {
  margin-top: 18px;
}
.social-header h3 {
  font-family: "museo-sans", sans-serif;
  color: #fff;
  font-weight: 900;
  letter-spacing: -0.05em;
  font-size: 17px;
  padding: 10px 10px 0 0;
  float: right;
}
.social-header ul {
  list-style: none;
  float: right;
}
/*.facebook-link {background:#2e57aa;}*/
/*.twitter-link {background:#408aee;}*/
/*.email-link {background:#989898;}*/
.social-header ul li {
  float: left;
}
.social-header ul li a {
  color: #fff;
  font-size: 24px;
  padding: 5px 10px;
  margin: 0 2px;
  display: block;
}
#social-mobile {
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 9;
}
#social-footer {
  padding: 0;
}
#social-footer ul {
  float: left;
}
#social-footer ul li a {
  font-size: 35px;
  padding: 10px 20px;
  margin: 0 2px;
  display: block;
}
@media (min-width: 1200px) {
  h1 {
    font-size: 94px;
  }
}
@media (min-width: 1350px) {
  h1 {
    font-size: 104px;
  }
}
@media (min-width: 1500px) {
  h2 {
    font-size: 75px;
  }
}
@media (max-width: 992px) {
  h2 {
    font-size: 55px;
  }
}
@media (max-width: 768px) {
  .ha-header {
    display: none;
  }
  .fp-tableCell {
    padding: 10 0px;
  }
  .standard-section h2 {
    font-size: 28px;
  }
  #menu li {
    display: inline-block;
    margin: 6px 0;
    color: #000;
    background: #217fbb;
    -webkit-border-radius: 10px;
    border-radius: 50px;
    width: 25px;
    height: 25px;
    border: 2px solid #ddd;
    text-align: center;
    -webkit-transition: all .74s;
    -moz-transition: all .74s;
    -ms-transition: all .74s;
    -o-transition: all .74s;
    transition: all .74s;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    transition: 0.5s;
  }
  #menu li a,
  #menu li.active a {
    padding: 2px 0 0 0;
  }
  .text-wrapper {
    padding-bottom: 0px;
  }
  #menu li a img {
    width: 13px;
  }
  #menu {
    position: fixed;
    top: auto;
    bottom: 50px;
    right: 25px;
    height: 40px;
    height: 280px;
    z-index: 70;
    width: 25px;
    padding: 0;
    margin: 0;
  }
  #menu li a span {
    display: none;
  }
  #disclaimer {
    padding: 5px;
    border: 1px solid #ccc;
    color: #666;
    font-size: 10px;
  }
  .standard-section .btn-outline {
    letter-spacing: 0em;
    font-size: 15px;
  }
  h2 {
    font-size: 45px;
  }
}
@media (min-width: 768px) and (max-width: 880px) {
  .form-submit-button {
    padding: 7px 0 !important;
    line-height: .9em;
  }
}
@media (min-width: 992px) and (max-width: 1185px) {
  .form-submit-button {
    padding: 7px 0 !important;
    line-height: .9em;
  }
}
@media (max-width: 568px) {
  #menu {
    position: fixed;
    top: auto;
    bottom: 25px;
    right: 0;
    padding: 147px;
    height: 26px;
    z-index: 70;
    width: 100%;
    padding: 0;
    margin: 0;
    text-align: center;
  }
  #menu {
    background: url(../img/dotted-bg-horizontal.png) center center no-repeat;
    background-size: 280px 2px;
  }
  #menu li {
    display: inline-block;
    margin: 0 4px;
    color: #000;
    background: #217fbb;
    -webkit-border-radius: 10px;
    border-radius: 50px;
    width: 25px;
    height: 25px;
    border: 2px solid #ddd;
    text-align: center;
    -webkit-transition: all .74s;
    -moz-transition: all .74s;
    -ms-transition: all .74s;
    -o-transition: all .74s;
    transition: all .74s;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    transition: 0.5s;
  }
  #menu li a,
  #menu li.active a {
    padding: 2px 0 0 0;
    display: block;
    min-height: 25px;
  }
  #menu li.active {
    margin: 0 10px;
  }
  #menu li a img {
    width: 13px;
    height: auto;
  }
  h2 {
    font-size: 32px;
  }
  h1 {
    font-size: 49px;
  }
  p {
    font-size: 14px;
  }
  .block-wrapper {
    padding: 20px;
    margin: 15px 0 0 0;
  }
}
.form-label-left {
  width: 150px !important;
}
.form-line {
  float: left;
}
.form-all {
  width: 100%;
  color: #555 !important;
  font-family: "proxima-nova", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, sans-serif;
  font-size: 20px;
  font-weight: 300;
  margin-top: 18px;
}
#id_1 {
  width: 40%;
}
#id_1 .form-sub-label-container {
  width: 50%;
  display: block;
  float: left;
  padding: 0 3px;
}
#id_1 .form-sub-label-container input {
  width: 100%;
}
#id_3 {
  width: 25%;
}
#id_3 .form-input,
#id_4 .form-input {
  width: 100%;
  display: block;
  float: left;
  padding: 0 3px;
}
.form-textbox {
  width: 100%;
  display: block;
}
#id_4 {
  width: 15%;
  padding: 0 3px;
}
#id_2 {
  width: 20%;
  padding: 0 3px;
}
input,
button {
  padding: 8px 8px;
  border: none;
}
.form-submit-button {
  font-family: "museo-sans", sans-serif;
  background: #f04040;
  color: #fff;
  font-weight: 900;
  width: 100%;
  letter-spacing: -0.05em;
  font-size: 17px;
  padding: 10px 0;
}
@media (min-width: 768px) {
  #spreadtheword-section .block-wrapper {
    display: none;
  }
}
@media (max-width: 768px) {
  #spreadtheword-section .block-wrapper {
    display: block;
  }
  #spreadtheword-section #id_1 .form-sub-label-container {
    width: 100%;
  }
  #spreadtheword-section #id_1 {
    width: 100%;
  }
  #spreadtheword-section .block-wrapper {
    padding: 0;
    box-shadow: none;
    background: none;
  }
  #spreadtheword-section #id_3 {
    width: 100%;
  }
  #spreadtheword-section #id_4 {
    width: 100%;
    padding: 0;
  }
  #spreadtheword-section #id_1 .form-sub-label-container {
    padding: 3px 0;
  }
  #spreadtheword-section #id_3 .form-input,
  #spreadtheword-section #id_4 .form-input {
    padding: 3px 0;
  }
  #spreadtheword-section #id_2 {
    width: 100%;
    padding: 3px 0;
  }
  #spreadtheword-section .form-submit-button {
    background: #46d166;
  }
}
#gallery .full30,
#reviews .full30 {
  width: 33.3333%;
  overflow: hidden;
  border: 7px solid #fff;
}
.gallery-image,
.shortcut-image {
  background: #fff;
  /*height: 400px;*/
  margin: 0;
  overflow: hidden;
}
.gallery-image img,
.shortcut-image img {
  max-width: none;
  /* width: -webkit-calc(100% + 50px);*/
  width: 100%;
  height: auto;
  display: block;
  position: relative;
  -webkit-transition: all .74s;
  -moz-transition: all .74s;
  -ms-transition: all .74s;
  -o-transition: all .74s;
  transition: transform 0.75s;
  -webkit-transform: none;
  transform: none;
  z-index: 0;
}
figure:hover > .gallery-thumb {
  -webkit-transform: scale(1);
  transform: scale(1);
  transform: scale(1.1, 1.1);
  cursor: pointer;
}
figure:hover + .gallery-thumb {
  -webkit-transform: scale(1);
  transform: scale(1);
  transform: scale(1.1, 1.1);
  cursor: pointer;
}
figure:hover .gallery-thumb {
  -webkit-transform: scale(1);
  transform: scale(1);
  transform: scale(1.1, 1.1);
  cursor: pointer;
}
.gallery-image figure,
.shortcut-image figure {
  position: absolute;
  float: none;
  overflow: hidden;
  margin: 0;
  width: 100%;
  background: none;
  text-align: center;
  cursor: pointer;
  bottom: 0;
  -webkit-transition: all .74s;
  -moz-transition: all .74s;
  -ms-transition: all .74s;
  -o-transition: all .74s;
  z-index: 9;
}
figure.effect-zoe:hover {
  background: rgba(0, 0, 0, 0.75);
}
.gallery-image img {
  max-width: none;
  /* width: -webkit-calc(100% + 50px);*/
  width: 100%;
  height: auto;
  display: block;
  position: relative;
  -webkit-transition: all .74s;
  -moz-transition: all .74s;
  -ms-transition: all .74s;
  -o-transition: all .74s;
  transition: transform 0.75s;
  -webkit-transform: none;
  transform: none;
  z-index: 0;
}
figure:hover > .gallery-thumb {
  -webkit-transform: scale(1);
  transform: scale(1);
  transform: scale(1.1, 1.1);
}
figure:hover + .gallery-thumb {
  -webkit-transform: scale(1);
  transform: scale(1);
  transform: scale(1.1, 1.1);
}
figure:hover .gallery-thumb {
  -webkit-transform: scale(1);
  transform: scale(1);
  transform: scale(1.1, 1.1);
}
#gallery-banner-image-wrapper {
  height: 545px;
}
#gallery-banner-image {
  bottom: 0px;
  width: 80%;
  padding: 0 8%;
  height: auto;
}
#gallery-title {
  padding: 40px 0;
}
#gallery-title h2 {
  font-weight: 300;
  color: #252525;
  font-size: 25px;
  letter-spacing: .09em;
  margin: 0;
  padding: 0;
  text-transform: uppercase;
}
.gallery-image figure {
  position: absolute;
  float: none;
  overflow: hidden;
  margin: 0;
  width: 100%;
  background: none;
  text-align: center;
  cursor: pointer;
  bottom: 0;
  /* padding-top: 328px;*/
  /*padding-top: 1000px;*/
  -webkit-transition: all .74s;
  -moz-transition: all .74s;
  -ms-transition: all .74s;
  -o-transition: all .74s;
  z-index: 9;
}
figure.effect-zoe:hover {
  background: rgba(0, 0, 0, 0.75);
}
.icon-links {
  font-weight: 400;
  font-family: "proxima-nova", Helvetica, Arial, sans-serif;
  font-size: 30px;
  display: block;
  width: auto;
  float: right;
  list-style: none;
  padding: 0;
  margin: 8px 0;
}
.icon-links .fa {
  color: #999;
  padding: 0 3px;
  -webkit-transition: all .74s;
  -moz-transition: all .74s;
  -ms-transition: all .74s;
  -o-transition: all .74s;
  font-size: 25px;
}
.icon-links li {
  float: left;
  color: #ccc;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: .1em;
  padding: 0 3px;
}
.icon-links li:first-of-type {
  padding-top: 4px;
  padding-right: 10px;
}
.icon-links .fa-facebook-square:hover {
  color: #3B5998;
}
.icon-links .fa-twitter:hover {
  color: #00ACED;
}
.icon-links .fa-pinterest:hover {
  color: #CB2027;
}
figure.effect-zoe figcaption {
  top: auto;
  bottom: 0;
  padding: 1em;
  height: 40px;
  background: #000;
  -webkit-transition: -webkit-transform 0.35s;
  transition: transform 0.35s;
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
  z-index: 2;
  position: relative;
}
figure.effect-zoe h2 {
  float: left;
}
figure.effect-zoe p.icon-links a {
  float: left;
  color: #999;
  font-size: 1.4em;
}
figure.effect-zoe:hover p.icon-links a:hover,
figure.effect-zoe:hover p.icon-links a:focus {
  color: #252d31;
}
figure.effect-zoe p.description {
  position: absolute;
  bottom: 15em;
  left: 0;
  width: 100%;
  color: #fff;
  text-transform: uppercase;
  margin: 0;
  font-size: 90%;
  opacity: 0;
  -webkit-transition: opacity 0.35s;
  transition: opacity 0.35s;
  -webkit-backface-visibility: hidden;
}
figure.effect-zoe p.description .fa {
  font-size: 39px;
  color: rgba(255, 255, 255, 0.6);
}
figure.effect-zoe h2,
figure.effect-zoe .icon-links li {
  -webkit-transition: -webkit-transform 0.35s;
  transition: transform 0.35s;
  -webkit-transform: translate3d(0, 200%, 0);
  transform: translate3d(0, 200%, 0);
}
figure.effect-zoe h2 {
  display: inline-block;
}
figure.effect-zoe:hover p.description {
  opacity: 1;
}
figure.effect-zoe:hover figcaption,
figure.effect-zoe:hover h2,
figure.effect-zoe:hover .icon-links li {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
figure.effect-zoe:hover .icon-links li:nth-child(3) {
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
}
figure.effect-zoe:hover .icon-links li:nth-child(2) {
  -webkit-transition-delay: 0.15s;
  transition-delay: 0.15s;
}
figure.effect-zoe:hover .icon-links li:first-child {
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}
.gall {
  display: block;
  width: 700px;
  height: auto;
  position: absolute;
  left: 0;
  bottom: 72px;
  z-index: 4;
}
/* Preloader */
#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
  /* change if the mask should have another color then white */
  z-index: 999999;
  /* makes sure it stays on top */
  height: 100vh;
  width: 100%;
}
h2,
h3,
h1,
p,
ul,
li {
  font-family: "futura-pt", sans-serif;
}
h1,
h2,
h3,
h4,
h5 {
  font-weight: 700;
}
h2 {
  font-weight: 400;
  text-transform: uppercase;
  color: #fff;
}
.btn {
  text-align: center;
  color: #fff;
  /* border: 5px solid #e96464; */
  background: #cb0203;
  height: 45px;
  line-height: 44px;
  padding: 0;
  font-size: 1.35em;
  font-weight: 800;
  text-transform: uppercase;
  position: fixed;
  z-index: 9;
  color: "futura-pt", sans-serif;
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  transform: scale(1, 1);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  padding: 0 18px;
  position: relative;
  display: inline-block;
}
.btn:hover {
  text-decoration: none;
  -webkit-transform: scale(1.1, 1.1);
  -moz-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  -o-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.25);
  color: #fff;
}
p {
  font-size: 1.85em;
  font-weight: 300;
  line-height: 1.5em;
  color: #333;
  font-family: "proxima-nova", sans-serif;
}
@media (max-width: 768px) {
  p {
    font-size: 1.4em;
    line-height: 1.35em;
  }
}
@media (max-width: 568px) {
  p {
    font-size: 1.2em;
    line-height: 1.25em;
  }
}
p b {
  font-weight: 700;
}
p.small {
  font-size: .85em !important;
}
@media (max-width: 992px) {
  .ha-header {
    height: 60px;
  }
}
@media (max-width: 768px) {
  .ha-header {
    display: block;
  }
}
header #mobile-signup {
  display: none;
}
@media (max-width: 768px) {
  header #mobile-signup {
    display: block;
    position: absolute;
    padding: 0 14px;
    top: 10px;
    left: 8px;
    height: 40px;
    border: 3px solid #ddd;
    line-height: 35px;
    color: #999;
    font-size: 1.15em;
    text-decoration: none;
    font-family: "futura-pt", sans-serif;
  }
}
@media (max-width: 568px) {
  header #mobile-signup {
    display: block;
    position: absolute;
    padding: 0 8px;
    top: 10px;
    left: 8px;
    height: 40px;
    border: 3px solid #ddd;
    line-height: 35px;
    color: #999;
    font-size: 1em;
    text-decoration: none;
    font-family: "futura-pt", sans-serif;
  }
  header #mobile-signup .fa {
    display: none;
  }
}
header #form-wrapper {
  position: absolute;
  display: flex;
  align-items: center;
  top: 12px;
}
@media (max-width: 992px) {
  header #form-wrapper {
    top: 6px;
  }
}
@media (max-width: 768px) {
  header #form-wrapper {
    display: none;
  }
}
header #form-wrapper #form-block {
  display: none;
}
@media (max-width: 1100px) {
  header #form-wrapper #form-block {
    display: inline-block;
  }
}
@media (max-width: 1100px) {
  header #form-wrapper {
    width: 500px;
  }
}
header #form-wrapper h4 {
  color: #004C6C;
  padding: 0 15px;
  font-family: "futura-pt", sans-serif;
  text-transform: uppercase;
  letter-spacing: .06em;
  font-weight: 700;
  font-size: 1em;
}
@media (max-width: 1100px) {
  header #form-wrapper h4 {
    letter-spacing: .04em;
    font-size: .9em;
    white-space: nowrap;
  }
}
header #form-wrapper form {
  font-size: 16px;
}
header #form-wrapper form .row {
  margin: 0 -5px;
}
@media (max-width: 992px) {
  header #form-wrapper form .row {
    margin: 3px -2px;
  }
}
header #form-wrapper form .row .col-xs-8,
header #form-wrapper form .row .col-xs-4,
header #form-wrapper form .row .col-xs-6,
header #form-wrapper form .row .col-xs-3 {
  padding: 5px;
}
@media (max-width: 992px) {
  header #form-wrapper form .row .col-xs-8,
  header #form-wrapper form .row .col-xs-4,
  header #form-wrapper form .row .col-xs-6,
  header #form-wrapper form .row .col-xs-3 {
    padding: 2px;
  }
}
header #form-wrapper form input[type="text"],
header #form-wrapper form input[type="email"] {
  height: 45px;
  border: 3px solid #ddd;
  width: 100%;
  line-height: 44px;
  font-size: 1.25em;
  color: #333;
  font-family: "futura-pt", sans-serif;
}
@media (max-width: 1100px) {
  header #form-wrapper form input[type="text"],
  header #form-wrapper form input[type="email"] {
    font-size: .9em;
  }
}
@media (max-width: 992px) {
  header #form-wrapper form input[type="text"],
  header #form-wrapper form input[type="email"] {
    height: 38px;
    line-height: 38px;
  }
}
header #form-wrapper form button {
  width: 100%;
  color: #fff;
  background: #cb0203;
  height: 45px;
  line-height: 35px;
  padding: 0;
  font-size: 1.25em;
  font-weight: 700;
  text-transform: uppercase;
  display: block;
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  transform: scale(1, 1);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
@media (max-width: 992px) {
  header #form-wrapper form button {
    height: 38px;
    line-height: 35px;
    font-size: 1.05em;
  }
}
header #form-wrapper form button:hover {
  text-decoration: none;
  -webkit-transform: scale(1.1, 1.1);
  -moz-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  -o-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.25);
}
/* --------------------------------

Main Components

-------------------------------- */
main {
  position: relative;
  z-index: 2;
  /* fix bug on iOS */
  min-height: 100vh;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  padding: 0;
  background-color: #fff;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: -webkit-transform 0.7s;
  -moz-transition: -moz-transform 0.7s;
  transition: transform 0.7s;
  -webkit-transition-timing-function: cubic-bezier(0.91, 0.01, 0.6, 0.99);
  -moz-transition-timing-function: cubic-bezier(0.91, 0.01, 0.6, 0.99);
  transition-timing-function: cubic-bezier(0.91, 0.01, 0.6, 0.99);
}
@media only screen and (min-width: 768px) {
  main {
    padding: 0;
  }
}
.cd-nav-trigger {
  position: fixed;
  z-index: 3;
  left: auto;
  right: 30px;
  top: 17px;
  height: 45px;
  width: 45px;
  background-color: #8BAAC7;
  border-radius: 50%;
  overflow: visible;
  text-indent: -50px;
  line-height: 43px;
  font-size: 17px;
  color: #fff;
  white-space: nowrap;
  text-decoration: none;
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  transform: scale(1, 1);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
@media (max-width: 992px) {
  .cd-nav-trigger {
    right: 10px;
    top: 7px;
  }
}
.cd-nav-trigger:hover,
.cd-nav-trigger:focus,
.cd-nav-trigger:active {
  text-decoration: none;
  -webkit-transform: scale(1.1, 1.1);
  -moz-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  -o-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.25);
  color: #fff;
}
.navigation-is-open .cd-nav-trigger {
  overflow: hidden !important;
}
.cd-nav-trigger .cd-nav-icon {
  /* icon created in CSS */
  position: absolute;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  width: 22px;
  height: 2px;
  background-color: #ffffff;
}
.cd-nav-trigger .cd-nav-icon::before,
.cd-nav-trigger .cd-nav-icon:after {
  /* upper and lower lines of the menu icon */
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-color: inherit;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: -webkit-transform 0.5s, width 0.5s, top 0.3s;
  -moz-transition: -moz-transform 0.5s, width 0.5s, top 0.3s;
  transition: transform 0.5s, width 0.5s, top 0.3s;
}
.cd-nav-trigger .cd-nav-icon::before {
  -webkit-transform-origin: right top;
  -moz-transform-origin: right top;
  -ms-transform-origin: right top;
  -o-transform-origin: right top;
  transform-origin: right top;
  -webkit-transform: translateY(-6px);
  -moz-transform: translateY(-6px);
  -ms-transform: translateY(-6px);
  -o-transform: translateY(-6px);
  transform: translateY(-6px);
}
.cd-nav-trigger .cd-nav-icon::after {
  -webkit-transform-origin: right bottom;
  -moz-transform-origin: right bottom;
  -ms-transform-origin: right bottom;
  -o-transform-origin: right bottom;
  transform-origin: right bottom;
  -webkit-transform: translateY(6px);
  -moz-transform: translateY(6px);
  -ms-transform: translateY(6px);
  -o-transform: translateY(6px);
  transform: translateY(6px);
}
.no-touch .cd-nav-trigger:hover .cd-nav-icon::after {
  top: 2px;
}
.no-touch .cd-nav-trigger:hover .cd-nav-icon::before {
  top: -2px;
}
.cd-nav-trigger svg {
  position: absolute;
  top: 0;
  left: 0;
}
.cd-nav-trigger circle {
  /* circle border animation */
  -webkit-transition: stroke-dashoffset 0.4s 0s;
  -moz-transition: stroke-dashoffset 0.4s 0s;
  transition: stroke-dashoffset 0.4s 0s;
}
.navigation-is-open .cd-nav-trigger {
  /* rotate trigger when navigation becomes visible */
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.navigation-is-open .cd-nav-trigger .cd-nav-icon::after,
.navigation-is-open .cd-nav-trigger .cd-nav-icon::before {
  /* animate arrow --> from hamburger to arrow */
  width: 50%;
  -webkit-transition: -webkit-transform 0.5s, width 0.5s;
  -moz-transition: -moz-transform 0.5s, width 0.5s;
  transition: transform 0.5s, width 0.5s;
}
.navigation-is-open .cd-nav-trigger .cd-nav-icon::before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.navigation-is-open .cd-nav-trigger .cd-nav-icon::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.no-touch .navigation-is-open .cd-nav-trigger:hover .cd-nav-icon::after,
.no-touch .navigation-is-open .cd-nav-trigger:hover .cd-nav-icon::before {
  top: 0;
}
.navigation-is-open .cd-nav-trigger circle {
  stroke-dashoffset: 0;
  -webkit-transition: stroke-dashoffset 0.4s 0.3s;
  -moz-transition: stroke-dashoffset 0.4s 0.3s;
  transition: stroke-dashoffset 0.4s 0.3s;
}
.cd-nav {
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: #004C6C;
  visibility: hidden;
  -webkit-transition: visibility 0s 0.7s;
  -moz-transition: visibility 0s 0.7s;
  transition: visibility 0s 0.7s;
}
.cd-nav svg,
.cd-nav img.nav-logo {
  position: absolute;
  z-index: 1;
  width: 60%;
  bottom: 20px;
  right: 20px;
  -webkit-filter: blur(5px);
  /* Safari */
  filter: blur(5px);
}
.cd-nav .cd-navigation-wrapper {
  /* all navigation content */
  height: 100%;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  padding: 110px 40px 40px 40px;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-transition: -webkit-transform 0.7s;
  -moz-transition: -moz-transform 0.7s;
  transition: transform 0.7s;
  -webkit-transition-timing-function: cubic-bezier(0.86, 0.01, 0.77, 0.78);
  -moz-transition-timing-function: cubic-bezier(0.86, 0.01, 0.77, 0.78);
  transition-timing-function: cubic-bezier(0.86, 0.01, 0.77, 0.78);
  z-index: 9;
  position: relative;
  max-width: 1500px;
  margin: 0 auto;
}
.navigation-is-open .cd-nav {
  visibility: visible;
  -webkit-transition: visibility 0s 0s;
  -moz-transition: visibility 0s 0s;
  transition: visibility 0s 0s;
}
.navigation-is-open .cd-nav .cd-navigation-wrapper {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
  -webkit-transition: -webkit-transform 0.5s;
  -moz-transition: -moz-transform 0.5s;
  transition: transform 0.5s;
  -webkit-transition-timing-function: cubic-bezier(0.82, 0.01, 0.77, 0.78);
  -moz-transition-timing-function: cubic-bezier(0.82, 0.01, 0.77, 0.78);
  transition-timing-function: cubic-bezier(0.82, 0.01, 0.77, 0.78);
}
.cd-nav h2 {
  position: relative;
  margin-bottom: 1.7em;
  font-size: 1.3rem;
  font-weight: 300;
  letter-spacing: .08em;
  color: #fff;
  text-transform: uppercase;
}
.cd-nav h2::after {
  /* bottom separation line */
  content: '';
  position: absolute;
  left: 0;
  bottom: -20px;
  height: 1px;
  width: 60px;
  background-color: currentColor;
}
.cd-nav .cd-primary-nav {
  margin-top: 60px;
}
@media (max-width: 1170px) {
  .cd-nav .cd-primary-nav {
    margin-top: 33px;
  }
}
.cd-nav .cd-primary-nav li {
  margin: .5em 1.5em 0 0;
  float: left;
}
@media (max-width: 992px) {
  .cd-nav .cd-primary-nav li {
    margin: .5em 1.5em .5em 0;
  }
}
@media (max-width: 768px) {
  .cd-nav .cd-primary-nav li {
    float: none;
  }
}
.cd-nav .cd-primary-nav a {
  font-family: "futura-pt", sans-serif;
  font-size: 2rem;
  text-transform: uppercase;
  letter-spacing: .035em;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.3);
  display: inline-block;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.cd-nav .cd-primary-nav a:hover {
  color: #fff;
  text-decoration: none;
}
.cd-nav .cd-primary-nav a.selected {
  color: #ffffff;
}
.no-touch .cd-nav .cd-primary-nav a:hover {
  color: #ffffff;
}
.cd-nav .cd-contact-info {
  margin-top: 80px;
}
.cd-nav .cd-contact-info li {
  font-family: "futura-pt", sans-serif;
  margin-bottom: 1.5em;
  line-height: 1.2;
  color: rgba(255, 255, 255, 0.3);
}
.cd-nav .cd-contact-info a {
  color: #ffffff;
}
.cd-nav .cd-contact-info span {
  display: block;
}
.cd-nav .cd-contact-info li,
.cd-nav .cd-contact-info a,
.cd-nav .cd-contact-info span {
  font-size: 1.6rem;
}
@media only screen and (min-width: 1170px) {
  .cd-nav .cd-navigation-wrapper {
    padding: 0 10%;
    display: flex;
    align-items: center;
  }
  .cd-nav .cd-navigation-wrapper::after {
    clear: both;
    content: "";
    display: table;
  }
  .cd-nav .cd-half-block {
    width: 50%;
    float: left;
  }
  .cd-nav .cd-primary-nav {
    margin-top: 0;
  }
  .cd-nav h2 {
    font-size: 1.5rem;
    margin-bottom: 2em;
  }
  .cd-nav .cd-primary-nav li {
    margin: .5em 1.5em 0 0;
  }
  .cd-nav .cd-primary-nav a {
    font-size: 2.25rem;
    text-transform: uppercase;
    font-weight: 700;
  }
  .cd-nav .cd-contact-info {
    margin-top: 80px;
    text-align: right;
  }
  .cd-nav .cd-contact-info li {
    margin-bottom: 2.4em;
  }
  .cd-nav .cd-contact-info li,
  .cd-nav .cd-contact-info a,
  .cd-nav .cd-contact-info span {
    font-size: 2rem;
  }
}
.no-js main {
  height: auto;
  overflow: visible;
}
.no-js .cd-nav {
  position: static;
  visibility: visible;
}
.no-js .cd-nav .cd-navigation-wrapper {
  height: auto;
  overflow: visible;
  padding: 100px 5%;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}
.headroom {
  will-change: transform;
  transition: transform 200ms linear;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.headroom--pinned {
  transform: translateY(0%);
  background: #fff;
  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.15);
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.15);
}
.headroom--pinned .social-header ul li a {
  color: #333 !important;
}
.headroom--pinned .cd-nav-trigger {
  color: #333;
}
.headroom--pinned .cd-nav-trigger:hover,
.headroom--pinned .cd-nav-trigger:focus,
.headroom--pinned .cd-nav-trigger:active {
  text-decoration: none;
  color: #333;
}
.headroom--unpinned {
  transform: translateY(-100%);
  background: transparent;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
}
.headroom--top {
  background: transparent !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
}
.headroom--top .social-header ul li a {
  color: #fff !important;
}
.headroom--top .cd-nav-trigger {
  color: #fff;
}
.headroom--top .cd-nav-trigger:hover,
.headroom--top .cd-nav-trigger:focus,
.headroom--top .cd-nav-trigger:active {
  text-decoration: none;
  color: #fff;
}
.navigation-is-open main {
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
}
@media (max-width: 992px) {
  .navigation-is-open header {
    background: #fff !important;
  }
  .navigation-is-open header .cd-nav-trigger {
    color: #333 !important;
  }
  .navigation-is-open header .cd-nav-trigger:hover,
  .navigation-is-open header .cd-nav-trigger:focus,
  .navigation-is-open header .cd-nav-trigger:active {
    text-decoration: none !important;
    color: #333 !important;
  }
}
.section {
  padding: 150px 0;
}
@media (max-width: 1100px) {
  .section {
    padding: 125px 0;
  }
}
@media (max-width: 992px) {
  .section {
    padding: 100px 0;
  }
}
@media (max-width: 768px) {
  .section {
    padding: 55px 0;
  }
}
@media (max-width: 568px) {
  .section {
    padding: 35px 0;
  }
}
.section .container {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}
.section ul {
  margin-left: 30px;
  padding: 0;
  list-style: square;
}
.section ul li {
  font-size: 1.5em;
  font-weight: 300;
  line-height: 1.5em;
  color: #333;
}
@media (max-width: 768px) {
  .section ul li {
    font-size: 1.4em;
    line-height: 1.35em;
  }
}
@media (max-width: 568px) {
  .section ul li {
    font-size: 1.2em;
    line-height: 1.25em;
  }
}
.section ul li b {
  font-weight: 700;
}
.section .row {
  display: flex;
  align-items: center;
  margin: 0 auto;
  width: 100%;
  max-width: 1200px;
}
@media (max-width: 1200px) {
  .section .row {
    max-width: 1100px;
  }
}
@media (max-width: 1100px) {
  .section .row {
    max-width: 1000px;
  }
}
@media (max-width: 992px) {
  .section .row {
    display: block;
  }
}
.text-wrapper {
  max-width: 700px;
}
@media (max-width: 992px) {
  .text-wrapper {
    max-width: 768px;
    margin: 0 auto;
  }
}
@media (max-width: 768px) {
  .text-wrapper {
    max-width: 768px;
  }
}
.block-wrapper {
  position: relative;
  padding-bottom: 120px;
}
@media (max-width: 992px) {
  .block-wrapper {
    padding: 20px 20px 100px 20px;
  }
}
.block-wrapper .bottom-block {
  position: absolute;
  bottom: 20px;
  left: 0;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  padding: 0 26px;
  width: 100%;
}
.block-wrapper .bottom-block .block-logo {
  width: 30%;
  height: auto;
  padding: 20px 0 0 30px;
  align-items: flex-end;
  max-width: 135px;
}
.block-wrapper .bottom-block .block-logo img {
  width: 100%;
  height: auto;
}
#scroll-down a {
  text-decoration: none;
}
#scroll-down a:hover {
  text-decoration: none;
}
#scroll-down img {
  width: 100%;
  height: auto;
}
#scroll-down p {
  font-size: 1em;
  text-transform: uppercase;
  color: #000;
}
#scroll-down .fa {
  color: #cb0203;
}
#banner-section {
  background: url("../img/banner-bg.jpg") 50% 50% no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  height: 100vh;
  padding: 0;
  position: relative;
}
#banner-section #logo {
  width: 100%;
  max-width: 380px;
  margin: 25px auto;
}
@media (max-width: 768px) {
  #banner-section #logo {
    width: 100%;
    max-width: 385px;
    float: none;
  }
}
#banner-section #logo svg,
#banner-section #logo img {
  width: 100%;
  height: auto;
}
@media (max-width: 768px) {
  #banner-section #logo svg,
  #banner-section #logo img {
    width: 270px;
    height: 145px;
  }
}
#banner-section .row {
  height: 100%;
}
#banner-section .text-wrapper {
  margin: 0 auto;
  text-align: left;
  width: 40%;
  max-width: 420px;
  font-family: "futura-pt", sans-serif;
  padding-bottom: 20px;
}
@media (max-width: 992px) {
  #banner-section .text-wrapper {
    max-width: 400px;
    width: 100%;
    text-align: center;
    margin: 0 auto;
    float: none;
  }
}
#banner-section .text-wrapper h2 {
  text-transform: uppercase;
  letter-spacing: .04em;
  font-weight: 700;
  font-family: "futura-pt", sans-serif;
  font-size: 1.85em;
  padding: 8px 0;
  color: #cb0203;
}
@media (max-width: 768px) {
  #banner-section .text-wrapper h2 {
    letter-spacing: .2em;
    font-size: 1.35em;
    padding: 5px 0;
  }
}
#banner-section .text-wrapper p {
  font-size: 2.3em;
  font-weight: 300;
  font-family: "futura-pt", sans-serif;
  color: #000;
  margin: 0 0 20px;
  line-height: 1.2em;
}
#banner-section .text-wrapper p b {
  color: #000;
  font-weight: 700;
}
@media (max-width: 768px) {
  #banner-section .text-wrapper p {
    font-size: 1.5em;
    padding: 15px 0 0 0;
  }
}
#banner-section .text-wrapper form {
  font-size: 16px;
}
#banner-section .text-wrapper form .row {
  margin: 0 -5px;
}
@media (max-width: 568px) {
  #banner-section .text-wrapper form .row {
    margin: 0 -3px;
  }
}
#banner-section .text-wrapper form .row .col-sm-12,
#banner-section .text-wrapper form .row .col-sm-8,
#banner-section .text-wrapper form .row .col-sm-4 {
  padding: 5px;
}
@media (max-width: 568px) {
  #banner-section .text-wrapper form .row .col-sm-12,
  #banner-section .text-wrapper form .row .col-sm-8,
  #banner-section .text-wrapper form .row .col-sm-4 {
    padding: 3px;
  }
}
#banner-section .text-wrapper form input[type="text"],
#banner-section .text-wrapper form input[type="email"] {
  height: 55px;
  border: 5px solid #ddd;
  width: 100%;
  line-height: 54px;
  font-size: 1.25em;
  color: #333;
  font-family: "futura-pt", sans-serif;
}
#banner-section .text-wrapper form button {
  width: 100%;
  color: #fff;
  border: 5px solid #e96464;
  background: #cb0203;
  height: 55px;
  line-height: 37px;
  padding: 0;
  font-size: 1.35em;
  font-weight: 700;
  text-transform: uppercase;
  display: block;
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  transform: scale(1, 1);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
#banner-section .text-wrapper form button:hover {
  text-decoration: none;
  -webkit-transform: scale(1.1, 1.1);
  -moz-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  -o-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.25);
}
#banner-section2 {
  background-image: url(../img/intro-bg.png);
  background-position: 70% 0%;
  background-repeat: no-repeat;
  background: url("../img/banner-bg.jpg") 50% 50% no-repeat;
  height: 100vh;
  padding: 0;
  position: relative;
  background: url("../img/banner-bg2.jpg") 50% 50% no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}
#banner-section2 #logo {
  width: 100%;
  max-width: 380px;
  margin: 25px auto;
}
@media (max-width: 768px) {
  #banner-section2 #logo {
    width: 100%;
    max-width: 385px;
    float: none;
  }
}
#banner-section2 #logo svg,
#banner-section2 #logo img {
  width: 100%;
  height: auto;
}
@media (max-width: 768px) {
  #banner-section2 #logo svg,
  #banner-section2 #logo img {
    width: 270px;
    height: 145px;
  }
}
#banner-section2 .row {
  height: 100%;
}
#banner-section2 .text-wrapper {
  margin: 0 auto;
  text-align: left;
  width: 40%;
  max-width: 420px;
  font-family: "futura-pt", sans-serif;
  padding-bottom: 20px;
}
@media (max-width: 992px) {
  #banner-section2 .text-wrapper {
    max-width: 400px;
    width: 100%;
    text-align: center;
    margin: 0 auto;
    float: none;
  }
}
#banner-section2 .text-wrapper h2 {
  text-transform: uppercase;
  letter-spacing: .04em;
  font-weight: 700;
  font-family: "futura-pt", sans-serif;
  font-size: 1.85em;
  padding: 8px 0;
  color: #cb0203;
}
@media (max-width: 768px) {
  #banner-section2 .text-wrapper h2 {
    letter-spacing: .2em;
    font-size: 1.35em;
    padding: 5px 0;
  }
}
#banner-section2 .text-wrapper p {
  font-size: 2.3em;
  font-weight: 300;
  font-family: "futura-pt", sans-serif;
  color: #000;
  margin: 0 0 20px;
  line-height: 1.2em;
}
#banner-section2 .text-wrapper p b {
  color: #000;
  font-weight: 700;
}
@media (max-width: 768px) {
  #banner-section2 .text-wrapper p {
    font-size: 1.5em;
    padding: 15px 0 0 0;
  }
}
#banner-section2 .text-wrapper form {
  font-size: 16px;
}
#banner-section2 .text-wrapper form .row {
  margin: 0 -5px;
}
@media (max-width: 568px) {
  #banner-section2 .text-wrapper form .row {
    margin: 0 -3px;
  }
}
#banner-section2 .text-wrapper form .row .col-sm-12,
#banner-section2 .text-wrapper form .row .col-sm-8,
#banner-section2 .text-wrapper form .row .col-sm-4 {
  padding: 5px;
}
@media (max-width: 568px) {
  #banner-section2 .text-wrapper form .row .col-sm-12,
  #banner-section2 .text-wrapper form .row .col-sm-8,
  #banner-section2 .text-wrapper form .row .col-sm-4 {
    padding: 3px;
  }
}
#banner-section2 .text-wrapper form input[type="text"],
#banner-section2 .text-wrapper form input[type="email"] {
  height: 55px;
  border: 5px solid #ddd;
  width: 100%;
  line-height: 54px;
  font-size: 1.25em;
  color: #333;
  font-family: "futura-pt", sans-serif;
}
#banner-section2 .text-wrapper form button {
  width: 100%;
  color: #fff;
  border: 5px solid #e96464;
  background: #cb0203;
  height: 55px;
  line-height: 37px;
  padding: 0;
  font-size: 1.35em;
  font-weight: 700;
  text-transform: uppercase;
  display: block;
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  transform: scale(1, 1);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
#banner-section2 .text-wrapper form button:hover {
  text-decoration: none;
  -webkit-transform: scale(1.1, 1.1);
  -moz-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  -o-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.25);
}
@media (max-width: 992px) {
  #banner-section2 {
    height: auto;
    padding: 90px 0 110px;
  }
  #banner-section2 .row {
    height: auto;
  }
}
@media (max-width: 768px) {
  #banner-section2 {
    padding: 90px 0 40px;
  }
}
#banner-section2 .button-white {
  font-weight: 700;
  text-transform: uppercase;
  font-family: "futura-pt", sans-serif;
  color: #8BAAC7;
  font-size: 1.35em;
  text-decoration: none;
}
#banner-section2 .button-white:hover,
#banner-section2 .button-white:active {
  text-decoration: none;
}
#banner-section2 #logo {
  max-width: 380px;
}
@media (max-width: 992px) {
  #banner-section2 #logo {
    max-width: 350px;
  }
}
#banner-section2 #scroll-down p {
  color: #fff;
}
@media (max-width: 992px) {
  #banner-section2 .text-wrapper {
    text-align: center;
  }
}
#banner-section2 .text-wrapper p {
  font-size: 2.3em;
  font-weight: 300;
  font-family: "futura-pt", sans-serif;
  color: #fff;
  margin: 0 0 20px;
  line-height: 1.65em;
  background-color: #eb2330;
  display: inline;
  padding: 0 10px 4px;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}
@media (max-width: 992px) {
  #banner-section2 .text-wrapper p {
    font-size: 1.35em;
    line-height: 1.4em;
  }
}
#banner-section2 .text-wrapper p b {
  color: #fff;
}
#founded-section {
  background: url("../img/about-bg2.jpg") 50% 50% no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}
#founded-section p {
  margin-bottom: 20px;
  line-height: 1.25em;
  font-size: 1.5em;
  text-align: left;
}
#founded-section h2 {
  color: #cb0203;
  font-size: 5em;
  font-weight: 700;
  margin-bottom: 20px;
  text-align: left;
  line-height: 1em;
}
#founded-section .col-md-5 {
  background: rgba(255, 255, 255, 0.85);
  border: 20px solid #cb0203;
  padding: 40px;
  margin: 0 auto;
}
#founded-section2 {
  background: url("../img/about-bg.jpg") 50% 50% no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}
#founded-section2 p {
  margin-bottom: 20px;
  line-height: 1.25em;
  font-size: 1.5em;
  text-align: left;
}
#founded-section2 h2 {
  color: #cb0203;
  font-size: 4em;
  font-weight: 700;
  margin-bottom: 20px;
  text-align: left;
  line-height: .9em;
}
#founded-section2 .text-wrapper {
  background: rgba(255, 255, 255, 0.85);
  border: 20px solid #cb0203;
  padding: 40px;
  margin: 0 auto;
}
#video-section {
  background: #e1e9f1;
  -webkit-background-size: cover;
  background-size: cover;
  padding: 80px 0;
}
@media (max-width: 768px) {
  #video-section {
    padding: 30px 0;
  }
}
#video-section .row {
  max-width: 900px;
}
#video-section .row h2 {
  color: #004C6C;
  letter-spacing: .035em;
  font-size: 2em;
  text-transform: uppercase;
  text-align: center;
  font-weight: 700;
  width: 100%;
  margin-bottom: 20px;
}
#video-section .col-xs-12 {
  width: 100%;
  margin: 0 auto;
  display: block;
}
.social-header {
  right: 205px;
  position: absolute;
  width: 145px;
}
@media (max-width: 1200px) {
  .social-header {
    width: 145px;
  }
}
.social-header h3 {
  font-family: "futura-pt", sans-serif;
  text-align: right;
  text-transform: uppercase;
  padding: 12px 0;
  font-weight: 300;
  color: #666;
}
.social-header ul {
  padding-left: 6px;
}
.social-header ul li a {
  padding: 5px;
  color: #666;
}
#mobile-social li {
  float: left;
  padding: 0 5px;
}
#fixed-donate {
  width: 150px;
  text-align: center;
  color: #fff;
  /* border: 5px solid #e96464; */
  background: #cb0203;
  height: 45px;
  line-height: 44px;
  padding: 0;
  font-size: 1.35em;
  font-weight: 800;
  text-transform: uppercase;
  display: inline-block;
  position: absolute;
  top: 17px;
  right: 25px;
  z-index: 9;
  color: "futura-pt", sans-serif;
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  transform: scale(1, 1);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
@media (max-width: 992px) {
  #fixed-donate {
    width: 125px;
    height: 38px;
    line-height: 38px;
    font-size: 1.15em;
    position: absolute;
    top: 11px;
    right: 55px;
  }
}
@media (max-width: 568px) {
  #fixed-donate {
    width: 115px;
    height: 38px;
    line-height: 38px;
    font-size: 1em;
  }
}
#fixed-donate:hover {
  text-decoration: none;
  -webkit-transform: scale(1.1, 1.1);
  -moz-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  -o-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.25);
}
.navigation-is-open {
  overflow: hidden;
}
#signup {
  padding: 30px 0;
  background: #adc3d8;
  display: none;
}
@media (max-width: 768px) {
  #signup {
    display: block;
  }
}
#signup h2 {
  color: #004C6C;
  width: 100%;
  text-align: center;
  font-size: 2em;
  font-weight: 700;
  letter-spacing: .035em;
}
#signup form {
  font-size: 16px;
  max-width: 380px;
  margin: 0 auto;
}
#signup form .row {
  margin: 0 -5px;
}
@media (max-width: 992px) {
  #signup form .row {
    margin: 3px -2px;
  }
}
#signup form .row .col-xs-8,
#signup form .row .col-xs-4,
#signup form .row .col-xs-6,
#signup form .row .col-xs-3,
#signup form .row .col-xs-12 {
  padding: 5px;
}
@media (max-width: 992px) {
  #signup form .row .col-xs-8,
  #signup form .row .col-xs-4,
  #signup form .row .col-xs-6,
  #signup form .row .col-xs-3,
  #signup form .row .col-xs-12 {
    padding: 2px;
  }
}
#signup form input[type="text"],
#signup form input[type="email"] {
  height: 45px;
  border: none;
  width: 100%;
  line-height: 44px;
  font-size: 1.15em;
  color: #333;
  margin: 3px 0;
  text-align: center;
  font-family: "futura-pt", sans-serif;
}
@media (max-width: 992px) {
  #signup form input[type="text"],
  #signup form input[type="email"] {
    height: 38px;
    line-height: 38px;
  }
}
#signup form button {
  width: 100%;
  color: #fff;
  background: #cb0203;
  height: 45px;
  line-height: 35px;
  padding: 0;
  font-size: 1.25em;
  font-weight: 700;
  text-transform: uppercase;
  display: block;
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  transform: scale(1, 1);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  margin: 3px 0;
}
@media (max-width: 992px) {
  #signup form button {
    height: 38px;
    line-height: 35px;
    font-size: 1.05em;
  }
}
#signup form button:hover {
  text-decoration: none;
  -webkit-transform: scale(1.1, 1.1);
  -moz-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  -o-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.25);
}
footer {
  background: #fff;
  text-align: center;
  padding: 30px 0 50px 0;
}
footer ul {
  text-align: center;
}
footer ul li {
  display: inline-block;
  font-size: 1.15em;
  letter-spacing: .06em;
  font-weight: 700;
  text-transform: uppercase;
  margin: 0 5px;
  font-family: "futura-pt", sans-serif;
}
footer ul li a {
  color: #004C6C;
  padding: 5px;
}
footer #small-nav li {
  font-size: .85em;
  font-weight: 300;
  font-weight: 400;
}
footer #small-nav li a {
  color: #666;
}
footer #paidfor {
  color: #666;
  font-size: .8em;
  text-transform: uppercase;
  border: 1px solid #999;
  padding: 3px 27px;
  margin: 20px;
  display: inline-block;
}
#leadership-page #banner {
  padding: 150px 0 30px;
  background: #e1e9f1;
  -webkit-background-size: cover;
  background-size: cover;
}
@media (max-width: 768px) {
  #leadership-page #banner {
    padding: 90px 0 30px;
  }
}
#leadership-page #banner .text-wrapper p {
  font-size: 1.55em;
  text-align: left;
  line-height: 1.35em;
}
@media (max-width: 768px) {
  #leadership-page #banner .text-wrapper p {
    font-size: 1.25em;
    font-weight: 400;
  }
}
#leadership-page #banner #logo {
  width: 100%;
  max-width: 270px;
  float: none;
  margin: 0 auto 20px;
}
#leadership-page #banner #logo svg,
#leadership-page #banner #logo img {
  width: 100%;
  height: auto;
}
@media (max-width: 768px) {
  #leadership-page #banner #logo svg,
  #leadership-page #banner #logo img {
    width: 270px;
    height: 145px;
  }
}
#leadership-page .text-wrapper {
  text-align: center;
  margin: 0 auto;
  width: 100%;
  max-width: 850px;
  padding-bottom: 0;
}
#leadership-page .text-wrapper p {
  font-size: 1.45em;
}
#leadership-page .text-wrapper h1 {
  color: #004C6C;
  letter-spacing: .06em;
  font-size: 4em;
  text-transform: uppercase;
  margin-bottom: 20px;
}
@media (max-width: 768px) {
  #leadership-page .text-wrapper h1 {
    font-size: 2.85em;
  }
}
#leadership-page #leaders {
  background: #e1e9f1;
  padding: 30px 0;
}
#leadership-page #leaders .row {
  display: flex;
  align-items: stretch;
}
@media (max-width: 768px) {
  #leadership-page #leaders .row {
    display: block;
  }
}
#leadership-page #leaders .col-xs-12 {
  overflow: hidden;
}
#leadership-page #leaders .col-xs-12 img {
  width: 100%;
  height: auto;
}
#leadership-page #leaders .col-xs-12 .text-wrapper {
  background: #fff;
  width: 100%;
  max-width: none;
  padding: 40px 50px;
  text-align: left;
  height: 100%;
}
#leadership-page #leaders .col-xs-12 h2 {
  font-size: 2.3em;
  font-weight: 700;
  letter-spacing: .035em;
  color: #004C6C;
  text-align: center;
  margin-bottom: 20px;
}
#leadership-page #leaders .col-xs-12 p {
  line-height: 1.25em;
  margin-bottom: 1.25em;
}
#donate-page #banner {
  padding: 150px 0 30px;
  background: #e1e9f1;
  -webkit-background-size: cover;
  background-size: cover;
}
@media (max-width: 768px) {
  #donate-page #banner {
    padding: 90px 0 30px;
  }
}
#donate-page #banner .text-wrapper p {
  font-size: 1.55em;
  text-align: left;
  line-height: 1.35em;
}
@media (max-width: 768px) {
  #donate-page #banner .text-wrapper p {
    font-size: 1.25em;
    font-weight: 400;
  }
}
#donate-page #banner #logo {
  width: 100%;
  max-width: 270px;
  float: none;
  margin: 0 auto 20px;
}
#donate-page #banner #logo svg,
#donate-page #banner #logo img {
  width: 100%;
  height: auto;
}
@media (max-width: 768px) {
  #donate-page #banner #logo svg,
  #donate-page #banner #logo img {
    width: 270px;
    height: 145px;
  }
}
#donate-page .text-wrapper {
  text-align: center;
  margin: 0 auto;
  width: 100%;
  max-width: 850px;
  padding-bottom: 0;
}
#donate-page .text-wrapper p {
  font-size: 1.45em;
}
#donate-page .text-wrapper h1 {
  color: #004C6C;
  letter-spacing: .06em;
  font-size: 4em;
  text-transform: uppercase;
  margin-bottom: 20px;
}
@media (max-width: 768px) {
  #donate-page .text-wrapper h1 {
    font-size: 2.85em;
  }
}
#donate-page #leaders {
  background: #e1e9f1;
  padding: 30px 0;
}
#donate-page #leaders .row {
  display: flex;
  align-items: stretch;
}
@media (max-width: 768px) {
  #donate-page #leaders .row {
    display: block;
  }
}
#donate-page #leaders .col-xs-12 {
  overflow: hidden;
}
#donate-page #leaders .col-xs-12 img {
  width: 100%;
  height: auto;
}
#donate-page #leaders .col-xs-12 .text-wrapper {
  background: #fff;
  width: 100%;
  max-width: none;
  padding: 40px 50px;
  text-align: left;
  height: 100%;
}
#donate-page #leaders .col-xs-12 h2 {
  font-size: 2.3em;
  font-weight: 700;
  letter-spacing: .035em;
  color: #004C6C;
  text-align: center;
  margin-bottom: 20px;
}
#donate-page #leaders .col-xs-12 p {
  line-height: 1.25em;
  margin-bottom: 1.25em;
}
#donate-page #banner {
  padding: 110px 0 30px;
}
#donate-page #banner #left .text-wrapper h1 {
  color: #004C6C;
  letter-spacing: .035em;
  font-size: 3em;
  text-transform: uppercase;
  margin-bottom: 20px;
  line-height: 1em;
}
#donate-page #banner #left .text-wrapper p {
  width: 100%;
  max-width: 420px;
  margin: 0 auto;
}
@media (max-width: 992px) {
  #donate-page #banner #left .text-wrapper {
    margin-bottom: 45px;
  }
}
#donate-page #banner #right p,
#donate-page #banner #right li {
  margin-bottom: 15px;
  line-height: 1.25em;
  text-align: left;
  padding: 0 5px;
}
#donate-page #banner #right form .col-xs-3,
#donate-page #banner #right form .col-xs-6,
#donate-page #banner #right form .col-xs-12 {
  padding: 5px;
}
#donate-page #banner #right form .col-xs-3 input,
#donate-page #banner #right form .col-xs-6 input,
#donate-page #banner #right form .col-xs-12 input {
  width: 100%;
  height: 45px;
  border: none;
  line-height: 44px;
  font-size: 1.25em;
  color: #333;
  font-weight: 400;
  font-family: "futura-pt", sans-serif;
}
@media (max-width: 1100px) {
  #donate-page #banner #right form .col-xs-3 input,
  #donate-page #banner #right form .col-xs-6 input,
  #donate-page #banner #right form .col-xs-12 input {
    font-size: .9em;
  }
}
@media (max-width: 992px) {
  #donate-page #banner #right form .col-xs-3 input,
  #donate-page #banner #right form .col-xs-6 input,
  #donate-page #banner #right form .col-xs-12 input {
    height: 38px;
    line-height: 38px;
  }
}
#donate-page #banner #right form .col-xs-3 button,
#donate-page #banner #right form .col-xs-6 button,
#donate-page #banner #right form .col-xs-12 button {
  width: 100%;
  color: #fff;
  background: #cb0203;
  height: 45px;
  line-height: 35px;
  padding: 0;
  font-size: 1.25em;
  font-weight: 700;
  text-transform: uppercase;
  display: block;
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  transform: scale(1, 1);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
@media (max-width: 992px) {
  #donate-page #banner #right form .col-xs-3 button,
  #donate-page #banner #right form .col-xs-6 button,
  #donate-page #banner #right form .col-xs-12 button {
    height: 38px;
    line-height: 35px;
    font-size: 1.05em;
  }
}
#donate-page #banner #right form .col-xs-3 button:hover,
#donate-page #banner #right form .col-xs-6 button:hover,
#donate-page #banner #right form .col-xs-12 button:hover {
  text-decoration: none;
  -webkit-transform: scale(1.1, 1.1);
  -moz-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  -o-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.25);
}
#donate-page #banner .row {
  align-items: flex-start;
}
#donate-page #banner .row p.text-center {
  font-size: .9em;
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
  text-align: left;
  line-height: 1em;
  font-weight: 400;
}
#donate-page #banner .row.fineprint {
  margin: 20px 0;
}
#donate-page.video-donate .intro-row {
  text-align: center;
}
#donate-page.video-donate .intro-row h1 {
  margin-bottom: 10px;
}
#donate-page.video-donate .intro-row h2 {
  font-size: 2em;
  font-weight: 500;
  text-align: center;
  color: #333;
  margin-bottom: 25px;
}
#donate-page.video-donate #banner #left .text-wrapper p {
  font-size: 1.35em;
  text-align: left;
  line-height: 1.4em;
  padding: 0;
  margin: 0;
  max-width: none;
}
#donate-page.video-donate #banner #left .text-wrapper .embed-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
  margin-bottom: 15px;
}
#donate-page.video-donate #banner #left .text-wrapper .embed-container iframe,
#donate-page.video-donate #banner #left .text-wrapper .embed-container object,
#donate-page.video-donate #banner #left .text-wrapper .embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#contact-page #banner {
  padding: 150px 0 30px;
  background: #e1e9f1;
  -webkit-background-size: cover;
  background-size: cover;
}
@media (max-width: 768px) {
  #contact-page #banner {
    padding: 90px 0 30px;
  }
}
#contact-page #banner .text-wrapper p {
  font-size: 1.55em;
  text-align: left;
  line-height: 1.35em;
}
@media (max-width: 768px) {
  #contact-page #banner .text-wrapper p {
    font-size: 1.25em;
    font-weight: 400;
  }
}
#contact-page #banner #logo {
  width: 100%;
  max-width: 270px;
  float: none;
  margin: 0 auto 20px;
}
#contact-page #banner #logo svg,
#contact-page #banner #logo img {
  width: 100%;
  height: auto;
}
@media (max-width: 768px) {
  #contact-page #banner #logo svg,
  #contact-page #banner #logo img {
    width: 270px;
    height: 145px;
  }
}
#contact-page .text-wrapper {
  text-align: center;
  margin: 0 auto;
  width: 100%;
  max-width: 850px;
  padding-bottom: 0;
}
#contact-page .text-wrapper p {
  font-size: 1.45em;
}
#contact-page .text-wrapper h1 {
  color: #004C6C;
  letter-spacing: .06em;
  font-size: 4em;
  text-transform: uppercase;
  margin-bottom: 20px;
}
@media (max-width: 768px) {
  #contact-page .text-wrapper h1 {
    font-size: 2.85em;
  }
}
#contact-page #leaders {
  background: #e1e9f1;
  padding: 30px 0;
}
#contact-page #leaders .row {
  display: flex;
  align-items: stretch;
}
@media (max-width: 768px) {
  #contact-page #leaders .row {
    display: block;
  }
}
#contact-page #leaders .col-xs-12 {
  overflow: hidden;
}
#contact-page #leaders .col-xs-12 img {
  width: 100%;
  height: auto;
}
#contact-page #leaders .col-xs-12 .text-wrapper {
  background: #fff;
  width: 100%;
  max-width: none;
  padding: 40px 50px;
  text-align: left;
  height: 100%;
}
#contact-page #leaders .col-xs-12 h2 {
  font-size: 2.3em;
  font-weight: 700;
  letter-spacing: .035em;
  color: #004C6C;
  text-align: center;
  margin-bottom: 20px;
}
#contact-page #leaders .col-xs-12 p {
  line-height: 1.25em;
  margin-bottom: 1.25em;
}
#contact-page #banner .text-wrapper p {
  margin-bottom: 20px;
}
#contact-page #banner .text-wrapper form {
  font-size: 16px;
}
#contact-page #banner .text-wrapper form .row {
  margin: 0 -5px;
}
@media (max-width: 992px) {
  #contact-page #banner .text-wrapper form .row {
    margin: 3px -2px;
  }
}
#contact-page #banner .text-wrapper form .row .col-xs-8,
#contact-page #banner .text-wrapper form .row .col-xs-4,
#contact-page #banner .text-wrapper form .row .col-xs-6,
#contact-page #banner .text-wrapper form .row .col-xs-3,
#contact-page #banner .text-wrapper form .row .col-xs-12 {
  padding: 5px;
}
@media (max-width: 992px) {
  #contact-page #banner .text-wrapper form .row .col-xs-8,
  #contact-page #banner .text-wrapper form .row .col-xs-4,
  #contact-page #banner .text-wrapper form .row .col-xs-6,
  #contact-page #banner .text-wrapper form .row .col-xs-3,
  #contact-page #banner .text-wrapper form .row .col-xs-12 {
    padding: 2px;
  }
}
#contact-page #banner .text-wrapper form input[type="text"],
#contact-page #banner .text-wrapper form input[type="email"],
#contact-page #banner .text-wrapper form textarea {
  height: 45px;
  border: none;
  width: 100%;
  line-height: 44px;
  font-size: 1.25em;
  color: #333;
  font-weight: 400;
  font-family: "futura-pt", sans-serif;
}
@media (max-width: 1100px) {
  #contact-page #banner .text-wrapper form input[type="text"],
  #contact-page #banner .text-wrapper form input[type="email"],
  #contact-page #banner .text-wrapper form textarea {
    font-size: .9em;
  }
}
@media (max-width: 992px) {
  #contact-page #banner .text-wrapper form input[type="text"],
  #contact-page #banner .text-wrapper form input[type="email"],
  #contact-page #banner .text-wrapper form textarea {
    height: 38px;
    line-height: 38px;
  }
}
#contact-page #banner .text-wrapper form textarea {
  height: 100px;
  line-height: 1.25em;
  padding: 10px;
  font-size: 1.25em;
}
#contact-page #banner .text-wrapper form button {
  width: 100%;
  color: #fff;
  background: #cb0203;
  height: 45px;
  line-height: 35px;
  padding: 0;
  font-size: 1.25em;
  font-weight: 700;
  text-transform: uppercase;
  display: block;
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  transform: scale(1, 1);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
@media (max-width: 992px) {
  #contact-page #banner .text-wrapper form button {
    height: 38px;
    line-height: 35px;
    font-size: 1.05em;
  }
}
#contact-page #banner .text-wrapper form button:hover {
  text-decoration: none;
  -webkit-transform: scale(1.1, 1.1);
  -moz-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  -o-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.25);
}
#contact-page #banner .text-wrapper p.small {
  font-size: 1em;
  margin-right: 15px;
}
#confirmation-page #banner {
  padding: 150px 0 30px;
  background: #e1e9f1;
  -webkit-background-size: cover;
  background-size: cover;
}
@media (max-width: 768px) {
  #confirmation-page #banner {
    padding: 90px 0 30px;
  }
}
#confirmation-page #banner .text-wrapper p {
  font-size: 1.55em;
  text-align: left;
  line-height: 1.35em;
}
@media (max-width: 768px) {
  #confirmation-page #banner .text-wrapper p {
    font-size: 1.25em;
    font-weight: 400;
  }
}
#confirmation-page #banner #logo {
  width: 100%;
  max-width: 270px;
  float: none;
  margin: 0 auto 20px;
}
#confirmation-page #banner #logo svg,
#confirmation-page #banner #logo img {
  width: 100%;
  height: auto;
}
@media (max-width: 768px) {
  #confirmation-page #banner #logo svg,
  #confirmation-page #banner #logo img {
    width: 270px;
    height: 145px;
  }
}
#confirmation-page .text-wrapper {
  text-align: center;
  margin: 0 auto;
  width: 100%;
  max-width: 850px;
  padding-bottom: 0;
}
#confirmation-page .text-wrapper p {
  font-size: 1.45em;
}
#confirmation-page .text-wrapper h1 {
  color: #004C6C;
  letter-spacing: .06em;
  font-size: 4em;
  text-transform: uppercase;
  margin-bottom: 20px;
}
@media (max-width: 768px) {
  #confirmation-page .text-wrapper h1 {
    font-size: 2.85em;
  }
}
#confirmation-page #leaders {
  background: #e1e9f1;
  padding: 30px 0;
}
#confirmation-page #leaders .row {
  display: flex;
  align-items: stretch;
}
@media (max-width: 768px) {
  #confirmation-page #leaders .row {
    display: block;
  }
}
#confirmation-page #leaders .col-xs-12 {
  overflow: hidden;
}
#confirmation-page #leaders .col-xs-12 img {
  width: 100%;
  height: auto;
}
#confirmation-page #leaders .col-xs-12 .text-wrapper {
  background: #fff;
  width: 100%;
  max-width: none;
  padding: 40px 50px;
  text-align: left;
  height: 100%;
}
#confirmation-page #leaders .col-xs-12 h2 {
  font-size: 2.3em;
  font-weight: 700;
  letter-spacing: .035em;
  color: #004C6C;
  text-align: center;
  margin-bottom: 20px;
}
#confirmation-page #leaders .col-xs-12 p {
  line-height: 1.25em;
  margin-bottom: 1.25em;
}
#confirmation-page #banner {
  min-height: 600px;
}
#privacy-page #banner {
  padding: 150px 0 30px;
  background: #e1e9f1;
  -webkit-background-size: cover;
  background-size: cover;
}
@media (max-width: 768px) {
  #privacy-page #banner {
    padding: 90px 0 30px;
  }
}
#privacy-page #banner .text-wrapper p {
  font-size: 1.55em;
  text-align: left;
  line-height: 1.35em;
}
@media (max-width: 768px) {
  #privacy-page #banner .text-wrapper p {
    font-size: 1.25em;
    font-weight: 400;
  }
}
#privacy-page #banner #logo {
  width: 100%;
  max-width: 270px;
  float: none;
  margin: 0 auto 20px;
}
#privacy-page #banner #logo svg,
#privacy-page #banner #logo img {
  width: 100%;
  height: auto;
}
@media (max-width: 768px) {
  #privacy-page #banner #logo svg,
  #privacy-page #banner #logo img {
    width: 270px;
    height: 145px;
  }
}
#privacy-page .text-wrapper {
  text-align: center;
  margin: 0 auto;
  width: 100%;
  max-width: 850px;
  padding-bottom: 0;
}
#privacy-page .text-wrapper p {
  font-size: 1.45em;
}
#privacy-page .text-wrapper h1 {
  color: #004C6C;
  letter-spacing: .06em;
  font-size: 4em;
  text-transform: uppercase;
  margin-bottom: 20px;
}
@media (max-width: 768px) {
  #privacy-page .text-wrapper h1 {
    font-size: 2.85em;
  }
}
#privacy-page #leaders {
  background: #e1e9f1;
  padding: 30px 0;
}
#privacy-page #leaders .row {
  display: flex;
  align-items: stretch;
}
@media (max-width: 768px) {
  #privacy-page #leaders .row {
    display: block;
  }
}
#privacy-page #leaders .col-xs-12 {
  overflow: hidden;
}
#privacy-page #leaders .col-xs-12 img {
  width: 100%;
  height: auto;
}
#privacy-page #leaders .col-xs-12 .text-wrapper {
  background: #fff;
  width: 100%;
  max-width: none;
  padding: 40px 50px;
  text-align: left;
  height: 100%;
}
#privacy-page #leaders .col-xs-12 h2 {
  font-size: 2.3em;
  font-weight: 700;
  letter-spacing: .035em;
  color: #004C6C;
  text-align: center;
  margin-bottom: 20px;
}
#privacy-page #leaders .col-xs-12 p {
  line-height: 1.25em;
  margin-bottom: 1.25em;
}
#privacy-page #banner .text-wrapper {
  margin-bottom: 30px;
}
#privacy-page #content {
  background: #e1e9f1;
  padding: 30px;
}
#privacy-page #content .container {
  width: 100%;
  margin: 0 auto;
  max-width: 850px;
}
#privacy-page #content .container .row {
  display: block;
}
#privacy-page #content .container .row #logo {
  width: 100%;
  max-width: 220px;
  float: none;
  margin: 50px auto 20px;
}
#privacy-page #content .container .row h1 {
  color: #004C6C;
  letter-spacing: .06em;
  font-size: 2.85em;
  text-transform: uppercase;
  margin: 0 0 20px 0;
  padding: 0;
  font-weight: 600;
}
#privacy-page #content .container .row p {
  margin-bottom: 15px;
  text-align: left;
  font-weight: 400;
  font-size: 1em;
  line-height: 1.25em;
}
#home #banner-section .text-wrapper form input[type="text"],
#home #banner-section .text-wrapper form input[type="email"] {
  font-family: "proxima-nova", sans-serif;
}
#home #banner-section {
  background: url("../img/banner-bg-sur.jpg") 50% 50% no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  height: auto;
  padding: 0 0 20px;
  position: relative;
  display: block;
}
@media (max-width: 1000px) {
  #home #banner-section .banner-text p {
    font-size: 1.85em;
  }
}
#home #banner-section #scroll-down {
  position: absolute;
  bottom: auto;
  top: -85px;
  width: 65px;
  text-align: center;
  left: auto;
  right: -55px;
  margin-left: -150px;
  z-index: 3;
}
@media (max-width: 1200px) {
  #home #banner-section #scroll-down {
    position: absolute;
    bottom: auto;
    top: -40px;
    width: 45px;
    text-align: center;
    left: auto;
    right: -10px;
    margin-left: -150px;
    z-index: 3;
  }
}
@media (max-width: 1000px) {
  #home #banner-section #scroll-down {
    display: none;
  }
}
#home #banner-section #scroll-down img {
  width: 100%;
  height: auto;
}
#home #banner-section #scroll-down a p {
  color: #fff;
  font-weight: 700;
  line-height: .9em;
  margin-bottom: 5px;
}
#home #banner-section .row {
  height: auto;
  position: relative;
}
#home #banner-section .row .col-md-6 {
  width: calc(50% - 40px);
  margin: 20px;
  padding: 30px;
}
@media (max-width: 992px) {
  #home #banner-section .row .col-md-6 {
    width: calc(50% - 20px);
    margin: 10px;
    padding: 20px;
  }
}
@media (max-width: 768px) {
  #home #banner-section .row .col-md-6 {
    width: 100%;
    margin: 0 auto;
  }
}
#home #banner-section .row .col-md-6 h2 {
  text-align: center;
  font-size: 2.3em;
}
#home #banner-section .row .col-md-6 p {
  line-height: 1.35em;
  padding: 0;
  margin: 10px 0 10px;
  display: inline-block;
  font-family: "proxima-nova", sans-serif;
  font-weight: 300;
  font-size: 1.2em;
}
#home #banner-section .row .col-md-6 p:last-of-type {
  margin-bottom: 30px;
}
#home #banner-section .row:nth-child(1) {
  padding: 140px 0 30px;
}
@media (max-width: 992px) {
  #home #banner-section .row:nth-child(1) {
    padding: 80px 0 30px;
  }
}
#home #banner-section .row:nth-child(2) {
  display: flex;
  align-items: stretch;
  max-width: 1035px;
}
@media (max-width: 768px) {
  #home #banner-section .row:nth-child(2) {
    display: block;
  }
}
#home #banner-section .row:nth-child(2) #banner-donate {
  background: #fff;
  border: 15px solid #fff;
  display: flex;
  align-items: center;
}
#home #banner-section .row:nth-child(2) #banner-donate .text-wrapper {
  max-width: none;
  width: 100%;
}
@media (max-width: 992px) {
  #home #banner-section .row:nth-child(2) #banner-donate .text-wrapper {
    max-width: 450px;
  }
}
#home #banner-section .row:nth-child(2) #banner-donate .text-wrapper p {
  color: #323232;
  background: none;
}
#home #banner-section .row:nth-child(2) #banner-donate .text-wrapper .button {
  width: 100%;
  color: #fff;
  border: 5px solid #e96464;
  background: #cb0203;
  height: 55px;
  line-height: 44px;
  padding: 0;
  font-size: 1.35em;
  font-weight: 700;
  text-transform: uppercase;
  display: block;
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  transform: scale(1, 1);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
#home #banner-section .row:nth-child(2) #banner-join {
  border: 15px solid #fff;
  display: flex;
  align-items: center;
}
@media (max-width: 768px) {
  #home #banner-section .row:nth-child(2) #banner-join {
    border: none;
  }
}
#home #banner-section .row:nth-child(2) #banner-join .text-wrapper {
  max-width: none;
  width: 100%;
}
@media (max-width: 992px) {
  #home #banner-section .row:nth-child(2) #banner-join .text-wrapper {
    max-width: 450px;
  }
}
#home #banner-section .row:nth-child(2) #banner-join .text-wrapper .col-xs-12 {
  padding: 5px;
}
#home #banner-section .row:nth-child(2) #banner-join .text-wrapper h2 {
  color: #fff;
}
#home #banner-section .row:nth-child(2) #banner-join .text-wrapper p {
  background: none;
}
#home #banner-section .row:nth-child(2) #banner-join .text-wrapper form .row {
  display: block;
}
@media (max-width: 992px) {
  #home .text-wrapper {
    text-align: center;
  }
}
#home .text-wrapper p {
  font-size: 2.3em;
  font-weight: 300;
  font-family: "futura-pt", sans-serif;
  color: #fff;
  margin: 0 0 20px;
  line-height: 1.65em;
  background-color: #eb2330;
  display: inline;
  padding: 0 10px 4px;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}
@media (max-width: 992px) {
  #home .text-wrapper p {
    font-size: 1.35em;
    line-height: 1.65em;
  }
}
#home .text-wrapper p b {
  color: #fff;
}
#home .section-intro h2 {
  text-transform: uppercase;
  letter-spacing: .04em;
  font-weight: 700;
  font-family: "futura-pt", sans-serif;
  font-size: 1.85em;
  padding: 8px 0;
  color: #cb0203;
}
#home #the-latest {
  padding: 50px 0;
}
@media (max-width: 992px) {
  #home #the-latest .container {
    width: 100%;
  }
}
#home #the-latest .container .row .content-wrapper {
  max-width: 550px;
  margin: 0 auto;
  text-align: center;
}
#home #the-latest .container .row .content-wrapper p {
  line-height: 1.35em;
  padding: 0;
  margin: 10px 0 10px;
  display: inline-block;
  font-family: "proxima-nova", sans-serif;
  font-weight: 300;
  font-size: 1.15em;
}
#home #the-latest .container .row .content-wrapper p:last-of-type {
  margin-bottom: 30px;
}
#home #the-latest .container .actions {
  display: flex;
  align-items: stretch;
}
@media (max-width: 874px) {
  #home #the-latest .container .actions {
    display: block;
  }
}
#home #the-latest .container .actions .col-md-4 {
  display: flex;
  align-items: center;
  background: #000;
  width: calc(33.333% - 40px);
  margin: 20px;
  padding: 40px 30px;
}
#home #the-latest .container .actions .col-md-4 .content-wrapper {
  text-align: center;
}
#home #the-latest .container .actions .col-md-4 .content-wrapper h2 {
  font-size: 1.5em;
  font-weight: 300;
  letter-spacing: 0.04em;
  margin: 0 0 10px;
}
#home #the-latest .container .actions .col-md-4 .content-wrapper h3 {
  font-size: 1.65em;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .015em;
  line-height: 1.2em;
}
#home #the-latest .container .actions .col-md-4 .content-wrapper p {
  color: #fff;
  padding-bottom: 0;
  margin-bottom: 0;
}
@media (max-width: 568px) {
  #home figure.effect-layla {
    width: calc(100% - 20px) !important;
  }
}
#about-section {
  padding: 100px 0;
  background: url("../img/about-sur.jpg") 50% 50% no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}
@media (max-width: 992px) {
  #about-section {
    padding: 50px 0;
    background: url("../img/about-sur-mobile.jpg") 50% 50% no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
  }
}
@media (max-width: 992px) {
  #about-section .col-xs-12 {
    max-width: 500px;
    margin: 0 auto;
    width: 100%;
    float: none;
  }
}
#about-section h2 {
  letter-spacing: .04em;
  font-size: 2.3em;
  font-weight: 600;
  font-family: "futura-pt", sans-serif;
  color: #fff;
  margin: 0 0 20px;
  line-height: 1.65em;
  background-color: #eb2330;
  display: inline;
  padding: 0 10px 4px;
  -webkit-box-decoration-break: clone;
}
#about-section p {
  color: #fff;
  line-height: 1.35em;
  padding: 0;
  margin: 10px 0 10px;
  display: inline-block;
  font-family: "proxima-nova", sans-serif;
  font-weight: 300;
  font-size: 1.2em;
}
#about-section p:last-of-type {
  margin-bottom: 30px;
}
#sur-twitter {
  background: transparent;
  padding: 60px 0;
}
#sur-twitter .col-xs-12 {
  padding: 10px;
}
#sur-twitter .container .row {
  display: flex;
  align-items: stretch;
}
@media (max-width: 992px) {
  #sur-twitter .container .row {
    display: block;
    align-items: stretch;
    padding: 0;
    width: 100%;
    margin: 0 auto;
    float: none;
  }
}
@media (max-width: 768px) {
  #sur-twitter .container .row {
    max-width: 450px;
  }
}
#sur-twitter .container .row .featured-tweet-wrapper {
  border: 15px solid #f2f2f2;
  padding: 20px;
  background: #fff;
}
#sur-twitter .container .row #featured-tweet {
  display: flex;
  align-items: stretch;
}
#sur-twitter .container .row #featured-tweet .featured-tweet-wrapper {
  display: flex;
  align-items: center;
}
@media (max-width: 992px) {
  #sur-twitter .container .row #featured-tweet .featured-tweet-wrapper {
    display: block;
    width: 100%;
    height: auto;
  }
}
#sur-twitter .container .row #featured-tweet .featured-tweet-wrapper .img-wrapper {
  max-width: 350px;
  margin: 0 30px 0 0;
}
@media (max-width: 992px) {
  #sur-twitter .container .row #featured-tweet .featured-tweet-wrapper .img-wrapper {
    max-width: 200px;
    width: 100%;
    height: auto;
    margin: 0 auto 20px;
  }
}
#sur-twitter .container .row #featured-tweet .featured-tweet-wrapper .img-wrapper img {
  width: 100%;
  height: auto;
}
#sur-twitter .container .row #featured-tweet .featured-tweet-wrapper .text-wrapper {
  padding: 0;
}
#sur-twitter .container .row #featured-tweet .featured-tweet-wrapper .text-wrapper h3 {
  font-size: 1.4em;
  color: #cb0203;
  margin: 0 0 15px;
}
#sur-twitter .container .row #featured-tweet .featured-tweet-wrapper .text-wrapper p {
  font-size: 1.65em;
  line-height: 1.2em;
  font-weight: 300;
  font-style: italic;
  background: none;
  color: #323232;
  margin-bottom: 20px;
  display: inline-block;
  padding: 0;
}
#sur-twitter .container .row #profiles .featured-tweet-wrapper {
  display: flex;
  align-items: center;
}
@media (max-width: 992px) {
  #sur-twitter .container .row #profiles .featured-tweet-wrapper {
    display: block;
  }
}
#sur-twitter .container .row #profiles .featured-tweet-wrapper .img-wrapper {
  min-width: 75px;
  width: 75px;
  margin: 0 20px 0 0;
}
@media (max-width: 992px) {
  #sur-twitter .container .row #profiles .featured-tweet-wrapper .img-wrapper {
    margin: 0 auto 20px;
    float: none;
  }
}
#sur-twitter .container .row #profiles .featured-tweet-wrapper .img-wrapper img {
  height: auto;
  width: 100%;
}
#sur-twitter .container .row #profiles .featured-tweet-wrapper:nth-child(1) {
  margin-bottom: 20px;
}
#sur-twitter .container .row #profiles .featured-tweet-wrapper .text-wrapper {
  padding: 0;
}
#sur-twitter .container .row #profiles .featured-tweet-wrapper .text-wrapper h2 {
  font-size: 1.75em;
  font-weight: 600;
  color: #484B6B;
  text-transform: none;
  margin: 0 0 20px;
}
footer #footer-logo {
  max-width: 200px;
  margin: 0 auto 30px;
}
footer #footer-logo svg,
footer #footer-logo img {
  width: 200px;
  height: 133px;
}
.grid {
  position: relative;
  margin: 0 auto;
  padding: 1em 0 4em;
  max-width: 1000px;
  list-style: none;
  text-align: center;
}
/* Common style */
.grid figure {
  position: relative;
  float: left;
  overflow: hidden;
  margin: 10px 1%;
  min-width: 320px;
  max-width: 480px;
  max-height: 360px;
  width: 48%;
  background: #3085a3;
  text-align: center;
  cursor: pointer;
}
.grid figure img {
  position: relative;
  display: block;
  min-height: 100%;
  max-width: 100%;
  opacity: 0.8;
}
.grid figure figcaption {
  padding: 2em;
  color: #fff;
  text-transform: uppercase;
  font-size: 1.25em;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.grid figure figcaption::before,
.grid figure figcaption::after {
  pointer-events: none;
}
.grid figure figcaption,
.grid figure figcaption > a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid figure figcaption > a {
  z-index: 1000;
  text-indent: 200%;
  white-space: nowrap;
  font-size: 0;
  opacity: 0;
}
.grid figure h2 {
  word-spacing: -0.15em;
  font-weight: 300;
}
.grid figure h2 span {
  font-weight: 800;
}
.grid figure h2,
.grid figure p {
  margin: 0;
}
.grid figure p {
  letter-spacing: 1px;
  font-size: 68.5%;
}
/*---------------*/
/***** Layla *****/
/*---------------*/
.myBox {
  cursor: pointer;
}
figure.effect-layla {
  position: relative;
  align-items: center;
  background: #000;
  width: calc(33.333% - 20px);
  margin: 5px;
  overflow: hidden;
  height: 210px;
}
@media (min-width: 1400px) {
  figure.effect-layla {
    height: 220px;
  }
}
@media (max-width: 1299px) {
  figure.effect-layla {
    height: 175px;
  }
}
@media (max-width: 1100px) {
  figure.effect-layla {
    height: 150px;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  figure.effect-layla {
    height: 130px;
  }
}
figure.effect-layla h2 {
  font-size: 1.5em;
  font-weight: 300;
  letter-spacing: 0.04em;
  margin: 0 0 10px;
}
@media (min-width: 875px) and (max-width: 992px) {
  figure.effect-layla h2 {
    font-size: 1.35em;
  }
}
figure.effect-layla h2 span {
  font-weight: 600;
  font-size: 1.1em;
}
figure.effect-layla p {
  color: #fff;
  padding-bottom: 0;
  margin-bottom: 0;
}
figure.effect-layla a {
  font-size: 1.1em;
  text-transform: uppercase;
  padding-top: 10px;
  opacity: 0;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: #fff;
  text-decoration: none;
}
figure.effect-layla img {
  height: auto;
  width: 100%;
}
figure.effect-layla figcaption {
  padding: 30px 20px;
  position: absolute;
  top: 0;
  text-align: center;
  left: 0;
  width: 100%;
  min-height: 100%;
}
figure.effect-layla figcaption::before,
figure.effect-layla figcaption::after {
  position: absolute;
  content: '';
  opacity: 0;
}
figure.effect-layla figcaption::before {
  top: 20px;
  right: 20px;
  bottom: 20px;
  left: 20px;
  border-top: 2px solid #fff;
  border-bottom: 2px solid #fff;
  -webkit-transform: scale(0, 1);
  transform: scale(0, 1);
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
}
figure.effect-layla figcaption::after {
  top: 20px;
  right: 20px;
  bottom: 20px;
  left: 20px;
  border-right: 2px solid #fff;
  border-left: 2px solid #fff;
  -webkit-transform: scale(1, 0);
  transform: scale(1, 0);
  -webkit-transform-origin: 100% 0;
  transform-origin: 100% 0;
}
figure.effect-layla h2 {
  padding-top: 35px;
  -webkit-transition: -webkit-transform 0.35s;
  transition: transform 0.35s;
}
@media (max-width: 1200px) {
  figure.effect-layla h2 {
    padding-top: 15px !important;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  figure.effect-layla h2 {
    padding-top: 5px !important;
  }
}
figure.effect-layla p {
  padding: 0.5em 2em;
  text-transform: none;
  opacity: 0;
  -webkit-transform: translate3d(0, -10px, 0);
  transform: translate3d(0, -10px, 0);
}
figure.effect-layla h2 {
  -webkit-transform: translate3d(0, 20px, 0);
  transform: translate3d(0, 20px, 0);
}
figure.effect-layla img {
  -webkit-transform: translate3d(0, -30px, 0);
  transform: translate3d(0, -30px, 0);
}
figure.effect-layla img,
figure.effect-layla figcaption::before,
figure.effect-layla figcaption::after,
figure.effect-layla p {
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
}
figure.effect-layla:hover img {
  opacity: 0.7;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
figure.effect-layla:hover a {
  opacity: 1;
}
figure.effect-layla:hover figcaption::before,
figure.effect-layla:hover figcaption::after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}
figure.effect-layla:hover h2,
figure.effect-layla:hover p {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
figure.effect-layla:hover figcaption::after,
figure.effect-layla:hover h2,
figure.effect-layla:hover p,
figure.effect-layla:hover img {
  -webkit-transition-delay: 0.15s;
  transition-delay: 0.15s;
}
.petition-new footer {
  position: absolute;
  bottom: 10px;
  right: 10px;
  text-align: right;
  margin: 0;
  padding: 0;
}
@media (max-width: 768px) {
  .petition-new footer {
    position: relative;
    bottom: 0;
    right: 0;
    text-align: center;
  }
}
.petition-new footer #paidfor {
  margin: 5px;
}
.petition-new #main {
  display: flex;
  align-items: stretch;
  height: 100vh;
}
@media (max-width: 992px) {
  .petition-new #main {
    display: block;
    height: auto;
  }
}
.petition-new #main #left,
.petition-new #main #right {
  display: flex;
  align-items: center;
  width: 50%;
  padding: 5%;
  min-height: 800px;
  position: relative;
}
@media (max-width: 992px) {
  .petition-new #main #left,
  .petition-new #main #right {
    display: block;
    width: 100%;
  }
}
.petition-new #main #left .text-wrapper,
.petition-new #main #right .text-wrapper {
  max-width: 500px;
  margin: 0 auto;
  float: none;
  padding: 0;
}
.petition-new #main #left {
  background: url("../img/banner-bg-sur.jpg") 50% 50% no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}
.petition-new #main #left .text-wrapper {
  text-align: center;
}
.petition-new #main #left #logo {
  max-width: 320px;
  width: 100%;
  height: auto;
  margin: 0 auto;
  display: block;
  margin-bottom: 30px;
}
.petition-new #main #left #logo img {
  width: 100%;
  height: auto;
}
.petition-new #main #left h1 {
  font-size: 2.5em;
}
.petition-new #main #left h2 {
  font-weight: 400;
  text-transform: uppercase;
  color: #fff;
  font-size: 1.45em;
  letter-spacing: .06em;
  margin: 10px 0 25px;
}
.petition-new #main #left p {
  color: #fff;
  font-size: 1.4em;
}
.petition-new #main #left li {
  font-size: 1.4em;
}
.petition-new #main #left li p {
  font-size: 1em;
}
.petition-new #main #right .text-wrapper h3 {
  color: #333;
  font-size: 1.85em;
}
.petition-new #main #right .text-wrapper p,
.petition-new #main #right .text-wrapper ul li {
  font-size: 1.4em;
  color: #333;
}
.petition-new #main #right .text-wrapper p p,
.petition-new #main #right .text-wrapper ul li p {
  font-size: 1em;
}
.petition-new #main #right .text-wrapper ul {
  margin: 15px 0;
  list-style: square;
}
.petition-new #main #right .text-wrapper ul li {
  margin: 7px 0 7px 20px;
}
.petition-new #main #right form {
  font-size: 18px;
}
.petition-new #main #right form .row {
  margin: 0 -5px;
}
@media (max-width: 992px) {
  .petition-new #main #right form .row {
    margin: 3px -2px;
  }
}
.petition-new #main #right form .row .col-xs-8,
.petition-new #main #right form .row .col-xs-4,
.petition-new #main #right form .row .col-xs-6,
.petition-new #main #right form .row .col-xs-3,
.petition-new #main #right form .row .col-xs-12 {
  padding: 5px;
}
@media (max-width: 992px) {
  .petition-new #main #right form .row .col-xs-8,
  .petition-new #main #right form .row .col-xs-4,
  .petition-new #main #right form .row .col-xs-6,
  .petition-new #main #right form .row .col-xs-3,
  .petition-new #main #right form .row .col-xs-12 {
    padding: 2px;
  }
}
.petition-new #main #right form input[type="text"],
.petition-new #main #right form input[type="email"] {
  height: 45px;
  border: 3px solid #ddd;
  width: 100%;
  line-height: 44px;
  font-size: 1.15em;
  color: #333;
  margin: 3px 0;
  text-align: left;
  font-family: "futura-pt", sans-serif;
}
@media (max-width: 992px) {
  .petition-new #main #right form input[type="text"],
  .petition-new #main #right form input[type="email"] {
    height: 38px;
    line-height: 38px;
    font-size: 1em;
  }
}
.petition-new #main #right form button {
  width: 100%;
  color: #fff;
  background: #cb0203;
  height: 45px;
  line-height: 35px;
  padding: 0;
  font-size: 1em;
  font-weight: 700;
  text-transform: none;
  display: block;
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  transform: scale(1, 1);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  margin: 3px 0;
}
@media (max-width: 992px) {
  .petition-new #main #right form button {
    height: 38px;
    line-height: 35px;
    font-size: .9em;
  }
}
.petition-new #main #right form button:hover {
  text-decoration: none;
  -webkit-transform: scale(1.1, 1.1);
  -moz-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  -o-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.25);
}
.petition-new-video footer {
  position: absolute;
  bottom: 10px;
  right: 10px;
  text-align: right;
  margin: 0;
  padding: 0;
}
@media (max-width: 768px) {
  .petition-new-video footer {
    position: relative;
    bottom: 0;
    right: 0;
    text-align: center;
  }
}
.petition-new-video footer #paidfor {
  margin: 5px;
}
.petition-new-video #main {
  display: flex;
  align-items: stretch;
  height: 100vh;
}
@media (max-width: 992px) {
  .petition-new-video #main {
    display: block;
    height: auto;
  }
}
.petition-new-video #main #left,
.petition-new-video #main #right {
  display: flex;
  align-items: center;
  width: 50%;
  padding: 5%;
  min-height: 800px;
  position: relative;
}
@media (max-width: 992px) {
  .petition-new-video #main #left,
  .petition-new-video #main #right {
    display: block;
    width: 100%;
  }
}
.petition-new-video #main #left .text-wrapper,
.petition-new-video #main #right .text-wrapper {
  max-width: 500px;
  margin: 0 auto;
  float: none;
  padding: 0;
}
.petition-new-video #main #left {
  background: url("../img/banner-bg-sur.jpg") 50% 50% no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}
.petition-new-video #main #left .text-wrapper {
  text-align: center;
}
.petition-new-video #main #left #logo {
  max-width: 320px;
  width: 100%;
  height: auto;
  margin: 0 auto;
  display: block;
  margin-bottom: 30px;
}
.petition-new-video #main #left #logo img {
  width: 100%;
  height: auto;
}
.petition-new-video #main #left h1 {
  font-size: 2.5em;
}
.petition-new-video #main #left h2 {
  font-weight: 400;
  text-transform: uppercase;
  color: #fff;
  font-size: 1.45em;
  letter-spacing: .06em;
  margin: 10px 0 25px;
}
.petition-new-video #main #left p {
  color: #fff;
  font-size: 1.4em;
}
.petition-new-video #main #left li {
  font-size: 1.4em;
}
.petition-new-video #main #left li p {
  font-size: 1em;
}
.petition-new-video #main #right .text-wrapper h3 {
  color: #333;
  font-size: 1.85em;
}
.petition-new-video #main #right .text-wrapper p,
.petition-new-video #main #right .text-wrapper ul li {
  font-size: 1.4em;
  color: #333;
}
.petition-new-video #main #right .text-wrapper p p,
.petition-new-video #main #right .text-wrapper ul li p {
  font-size: 1em;
}
.petition-new-video #main #right .text-wrapper ul {
  margin: 15px 0;
  list-style: square;
}
.petition-new-video #main #right .text-wrapper ul li {
  margin: 7px 0 7px 20px;
}
.petition-new-video #main #right form {
  font-size: 18px;
}
.petition-new-video #main #right form .row {
  margin: 0 -5px;
}
@media (max-width: 992px) {
  .petition-new-video #main #right form .row {
    margin: 3px -2px;
  }
}
.petition-new-video #main #right form .row .col-xs-8,
.petition-new-video #main #right form .row .col-xs-4,
.petition-new-video #main #right form .row .col-xs-6,
.petition-new-video #main #right form .row .col-xs-3,
.petition-new-video #main #right form .row .col-xs-12 {
  padding: 5px;
}
@media (max-width: 992px) {
  .petition-new-video #main #right form .row .col-xs-8,
  .petition-new-video #main #right form .row .col-xs-4,
  .petition-new-video #main #right form .row .col-xs-6,
  .petition-new-video #main #right form .row .col-xs-3,
  .petition-new-video #main #right form .row .col-xs-12 {
    padding: 2px;
  }
}
.petition-new-video #main #right form input[type="text"],
.petition-new-video #main #right form input[type="email"] {
  height: 45px;
  border: 3px solid #ddd;
  width: 100%;
  line-height: 44px;
  font-size: 1.15em;
  color: #333;
  margin: 3px 0;
  text-align: left;
  font-family: "futura-pt", sans-serif;
}
@media (max-width: 992px) {
  .petition-new-video #main #right form input[type="text"],
  .petition-new-video #main #right form input[type="email"] {
    height: 38px;
    line-height: 38px;
    font-size: 1em;
  }
}
.petition-new-video #main #right form button {
  width: 100%;
  color: #fff;
  background: #cb0203;
  height: 45px;
  line-height: 35px;
  padding: 0;
  font-size: 1em;
  font-weight: 700;
  text-transform: none;
  display: block;
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  transform: scale(1, 1);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  margin: 3px 0;
}
@media (max-width: 992px) {
  .petition-new-video #main #right form button {
    height: 38px;
    line-height: 35px;
    font-size: .9em;
  }
}
.petition-new-video #main #right form button:hover {
  text-decoration: none;
  -webkit-transform: scale(1.1, 1.1);
  -moz-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  -o-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.25);
}
@media (min-width: 993px) {
  .petition-new-video #ha-header {
    display: none !important;
  }
}
.petition-new-video #logo {
  width: 300px;
  height: auto;
  position: relative;
  z-index: 9;
}
@media (max-width: 992px) {
  .petition-new-video #logo {
    width: 200px;
    height: auto;
    position: relative;
    z-index: 9999;
  }
}
.petition-new-video #form-wrapper h2 {
  font-size: 2em;
  font-weight: 600;
  color: #999;
  margin-bottom: 20px;
}
.petition-new-video #form-wrapper p {
  margin-bottom: 15px;
  font-size: 1.2em !important;
}
.petition-new-video #form-wrapper ul li {
  font-size: 1.2em !important;
}
.petition-new-video #form-wrapper ul li p {
  font-size: 1em !important;
}
@media (min-width: 993px) {
  .petition-new-video #ha-header {
    display: none !important;
  }
}
@media (max-width: 768px) {
  .petition-new-video #main #right,
  .petition-new-video #main #left {
    min-height: 0;
  }
}
.petition-new-video #main #paidfor {
  color: #666;
  font-size: .8em !important;
  text-transform: uppercase;
  border: 1px solid #999;
  padding: 3px 27px;
  display: inline-block;
  margin: 20px 0 !important;
}
.petition-new-video #main #right {
  display: flex;
  align-items: flex-start !important;
  overflow: scroll;
}
@media (max-width: 992px) {
  .petition-new-video #main #right {
    overflow: visible;
    display: block;
  }
}
.petition-new-video #main #right p.small {
  display: none;
  margin-bottom: 15px;
}
@media (max-width: 992px) {
  .petition-new-video #main #right p.small {
    display: block;
  }
}
.petition-new-video #main #left {
  position: relative;
}
.petition-new-video #main #left ul {
  list-style: circle;
  margin: 15px 0;
}
.petition-new-video #main #left ul li p {
  font-size: .9em;
  text-align: left;
}
.petition-new-video #main #left #fineprint {
  position: absolute;
  bottom: 0;
  width: 100%;
  left: 0;
  padding: 0 5% 5%;
  text-align: left;
  display: block;
}
.petition-new-video #main #left #fineprint p {
  margin-bottom: 15px;
}
@media (max-width: 992px) {
  .petition-new-video #main #left #fineprint {
    display: none;
  }
}
.petition-new-video #paidfor {
  color: #666;
  font-size: .8em !important;
  text-transform: uppercase;
  border: 1px solid #999;
  padding: 3px 27px;
  display: inline-block;
  margin: 20px 0 !important;
}
.petition-new-video #main #left form {
  font-size: 18px;
}
.petition-new-video #main #left form .row {
  margin: 0 -5px;
}
@media (max-width: 992px) {
  .petition-new-video #main #left form .row {
    margin: 3px -2px;
  }
}
.petition-new-video #main #left form .row .col-xs-8,
.petition-new-video #main #left form .row .col-xs-4,
.petition-new-video #main #left form .row .col-xs-6,
.petition-new-video #main #left form .row .col-xs-3,
.petition-new-video #main #left form .row .col-xs-12 {
  padding: 5px;
}
@media (max-width: 992px) {
  .petition-new-video #main #left form .row .col-xs-8,
  .petition-new-video #main #left form .row .col-xs-4,
  .petition-new-video #main #left form .row .col-xs-6,
  .petition-new-video #main #left form .row .col-xs-3,
  .petition-new-video #main #left form .row .col-xs-12 {
    padding: 2px;
  }
}
.petition-new-video #main #left form input[type="text"],
.petition-new-video #main #left form input[type="email"] {
  height: 45px;
  border: 3px solid #ddd;
  width: 100%;
  line-height: 44px;
  font-size: 1.15em;
  color: #333;
  margin: 3px 0;
  text-align: left;
  font-family: "futura-pt", sans-serif;
}
@media (max-width: 992px) {
  .petition-new-video #main #left form input[type="text"],
  .petition-new-video #main #left form input[type="email"] {
    height: 38px;
    line-height: 38px;
    font-size: 1em;
  }
}
.petition-new-video #main #left form button {
  width: 100%;
  color: #fff;
  background: #cb0203;
  height: 45px;
  line-height: 35px;
  padding: 0;
  font-size: 1em;
  font-weight: 700;
  text-transform: none;
  display: block;
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  transform: scale(1, 1);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  margin: 3px 0;
}
@media (max-width: 992px) {
  .petition-new-video #main #left form button {
    height: 38px;
    line-height: 35px;
    font-size: .9em;
  }
}
.petition-new-video #main #left form button:hover {
  text-decoration: none;
  -webkit-transform: scale(1.1, 1.1);
  -moz-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  -o-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.25);
}
.petition-new-video #main #left #fineprint {
  position: absolute;
  bottom: 0;
  width: 100%;
  left: 0;
  padding: 0 5% 5%;
  text-align: left;
  display: block;
}
.petition-new-video #main #left #fineprint p {
  margin-bottom: 15px;
}
@media (max-width: 992px) {
  .petition-new-video #main #left #fineprint {
    display: none;
  }
}
.petition-new-video #main #right .embed-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
  margin-bottom: 15px;
}
.petition-new-video #main #right .embed-container iframe,
.petition-new-video #main #right .embed-container object,
.petition-new-video #main #right .embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.petition-new-video #main #right p.small {
  display: none;
  margin-bottom: 15px;
}
@media (max-width: 992px) {
  .petition-new-video #main #right p.small {
    display: block;
  }
}
#trump-petition #main #left {
  background: url(../img/trump-petition-bg.jpg) 50% 20% no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}
#trump-petition #main #right .text-wrapper {
  max-width: 850px;
}
.donate-new footer {
  position: absolute;
  bottom: 10px;
  right: 10px;
  text-align: right;
  margin: 0;
  padding: 0;
}
@media (max-width: 768px) {
  .donate-new footer {
    position: relative;
    bottom: 0;
    right: 0;
    text-align: center;
  }
}
.donate-new footer #paidfor {
  margin: 5px;
}
.donate-new #main {
  display: flex;
  align-items: stretch;
  height: 100vh;
}
@media (max-width: 992px) {
  .donate-new #main {
    display: block;
    height: auto;
  }
}
.donate-new #main #left,
.donate-new #main #right {
  display: flex;
  align-items: center;
  width: 50%;
  padding: 5%;
  min-height: 800px;
  position: relative;
}
@media (max-width: 992px) {
  .donate-new #main #left,
  .donate-new #main #right {
    display: block;
    width: 100%;
  }
}
.donate-new #main #left .text-wrapper,
.donate-new #main #right .text-wrapper {
  max-width: 500px;
  margin: 0 auto;
  float: none;
  padding: 0;
}
.donate-new #main #left {
  background: url("../img/banner-bg-sur.jpg") 50% 50% no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}
.donate-new #main #left .text-wrapper {
  text-align: center;
}
.donate-new #main #left #logo {
  max-width: 320px;
  width: 100%;
  height: auto;
  margin: 0 auto;
  display: block;
  margin-bottom: 30px;
}
.donate-new #main #left #logo img {
  width: 100%;
  height: auto;
}
.donate-new #main #left h1 {
  font-size: 2.5em;
}
.donate-new #main #left h2 {
  font-weight: 400;
  text-transform: uppercase;
  color: #fff;
  font-size: 1.45em;
  letter-spacing: .06em;
  margin: 10px 0 25px;
}
.donate-new #main #left p {
  color: #fff;
  font-size: 1.4em;
}
.donate-new #main #left li {
  font-size: 1.4em;
}
.donate-new #main #left li p {
  font-size: 1em;
}
.donate-new #main #right .text-wrapper h3 {
  color: #333;
  font-size: 1.85em;
}
.donate-new #main #right .text-wrapper p,
.donate-new #main #right .text-wrapper ul li {
  font-size: 1.4em;
  color: #333;
}
.donate-new #main #right .text-wrapper p p,
.donate-new #main #right .text-wrapper ul li p {
  font-size: 1em;
}
.donate-new #main #right .text-wrapper ul {
  margin: 15px 0;
  list-style: square;
}
.donate-new #main #right .text-wrapper ul li {
  margin: 7px 0 7px 20px;
}
.donate-new #main #right form {
  font-size: 18px;
}
.donate-new #main #right form .row {
  margin: 0 -5px;
}
@media (max-width: 992px) {
  .donate-new #main #right form .row {
    margin: 3px -2px;
  }
}
.donate-new #main #right form .row .col-xs-8,
.donate-new #main #right form .row .col-xs-4,
.donate-new #main #right form .row .col-xs-6,
.donate-new #main #right form .row .col-xs-3,
.donate-new #main #right form .row .col-xs-12 {
  padding: 5px;
}
@media (max-width: 992px) {
  .donate-new #main #right form .row .col-xs-8,
  .donate-new #main #right form .row .col-xs-4,
  .donate-new #main #right form .row .col-xs-6,
  .donate-new #main #right form .row .col-xs-3,
  .donate-new #main #right form .row .col-xs-12 {
    padding: 2px;
  }
}
.donate-new #main #right form input[type="text"],
.donate-new #main #right form input[type="email"] {
  height: 45px;
  border: 3px solid #ddd;
  width: 100%;
  line-height: 44px;
  font-size: 1.15em;
  color: #333;
  margin: 3px 0;
  text-align: left;
  font-family: "futura-pt", sans-serif;
}
@media (max-width: 992px) {
  .donate-new #main #right form input[type="text"],
  .donate-new #main #right form input[type="email"] {
    height: 38px;
    line-height: 38px;
    font-size: 1em;
  }
}
.donate-new #main #right form button {
  width: 100%;
  color: #fff;
  background: #cb0203;
  height: 45px;
  line-height: 35px;
  padding: 0;
  font-size: 1em;
  font-weight: 700;
  text-transform: none;
  display: block;
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  transform: scale(1, 1);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  margin: 3px 0;
}
@media (max-width: 992px) {
  .donate-new #main #right form button {
    height: 38px;
    line-height: 35px;
    font-size: .9em;
  }
}
.donate-new #main #right form button:hover {
  text-decoration: none;
  -webkit-transform: scale(1.1, 1.1);
  -moz-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  -o-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.25);
}
@media (min-width: 993px) {
  .donate-new #ha-header {
    display: none !important;
  }
}
.donate-new #logo {
  width: 300px;
  height: auto;
  position: relative;
  z-index: 9;
}
@media (max-width: 992px) {
  .donate-new #logo {
    width: 200px;
    height: auto;
    position: relative;
    z-index: 9999;
  }
}
.donate-new #form-wrapper h2 {
  font-size: 2em;
  font-weight: 600;
  color: #999;
  margin-bottom: 20px;
}
.donate-new #form-wrapper p {
  margin-bottom: 15px;
  font-size: 1.2em !important;
}
.donate-new #form-wrapper ul li {
  font-size: 1.2em !important;
}
.donate-new #form-wrapper ul li p {
  font-size: 1em !important;
}
@media (min-width: 993px) {
  .donate-new #ha-header {
    display: none !important;
  }
}
@media (max-width: 768px) {
  .donate-new #main #right,
  .donate-new #main #left {
    min-height: 0;
  }
}
.donate-new #main #paidfor {
  color: #666;
  font-size: .8em !important;
  text-transform: uppercase;
  border: 1px solid #999;
  padding: 3px 27px;
  display: inline-block;
  margin: 20px 0 !important;
}
.donate-new #main #right {
  display: flex;
  align-items: flex-start !important;
  overflow: scroll;
}
@media (max-width: 992px) {
  .donate-new #main #right {
    overflow: visible;
    display: block;
  }
}
.donate-new #main #right p.small {
  display: none;
  margin-bottom: 15px;
}
@media (max-width: 992px) {
  .donate-new #main #right p.small {
    display: block;
  }
}
.donate-new #main #left {
  position: relative;
}
.donate-new #main #left ul {
  list-style: circle;
  margin: 15px 0;
}
.donate-new #main #left ul li p {
  font-size: .9em;
  text-align: left;
}
.donate-new #main #left #fineprint {
  position: absolute;
  bottom: 0;
  width: 100%;
  left: 0;
  padding: 0 5% 5%;
  text-align: left;
  display: block;
}
.donate-new #main #left #fineprint p {
  margin-bottom: 15px;
}
@media (max-width: 992px) {
  .donate-new #main #left #fineprint {
    display: none;
  }
}
.donate-new h1 .fa {
  font-size: 3em;
  text-shadow: 0px 2px 15px rgba(0, 0, 0, 0.25);
}
.donate-new #logo {
  width: 105px;
  height: auto;
  position: absolute;
  top: 15px;
  left: 15px;
  z-index: 9;
}
@media (max-width: 992px) {
  .donate-new #logo {
    width: 70px;
    height: auto;
    position: absolute;
    top: 7px;
    left: 7px;
    z-index: 9999;
  }
}
@media (min-width: 993px) {
  .donate-new #ha-header {
    display: none !important;
  }
}
@media (max-width: 992px) {
  .donate-new #main #right,
  .donate-new #main #left {
    min-height: 0;
  }
}
.donate-new #main #paidfor {
  color: #666;
  font-size: .8em !important;
  text-transform: uppercase;
  border: 1px solid #999;
  padding: 3px 27px;
  display: inline-block;
  margin: 20px 0 !important;
}
.donate-new #main #right {
  display: flex;
  align-items: flex-start !important;
  overflow: scroll;
}
@media (max-width: 992px) {
  .donate-new #main #right {
    overflow: visible;
    display: block;
  }
}
.donate-new #main #right p.small {
  display: none;
  margin-bottom: 15px;
}
@media (max-width: 992px) {
  .donate-new #main #right p.small {
    display: block;
  }
}
.donate-new #main #left {
  position: relative;
}
.donate-new #main #left ul {
  list-style: circle;
  margin: 15px 0;
}
.donate-new #main #left ul li p {
  font-size: .8em;
  text-align: left;
}
.donate-new #main #left p {
  font-size: 1.25em;
  line-height: 1.25em;
}
@media (max-width: 1100px) {
  .donate-new #main #left p {
    font-size: 1.1em;
    line-height: 1.1em;
  }
}
.donate-new #main #left p a {
  color: #fff;
  font-weight: 700;
}
.donate-new #main #left #fineprint {
  position: absolute;
  bottom: 0;
  width: 100%;
  left: 0;
  padding: 0 5% 5%;
  text-align: left;
  display: block;
}
.donate-new #main #left #fineprint p {
  margin-bottom: 15px;
}
@media (max-width: 992px) {
  .donate-new #main #left #fineprint {
    display: none;
  }
}
.donate-new-video footer {
  position: absolute;
  bottom: 10px;
  right: 10px;
  text-align: right;
  margin: 0;
  padding: 0;
}
@media (max-width: 768px) {
  .donate-new-video footer {
    position: relative;
    bottom: 0;
    right: 0;
    text-align: center;
  }
}
.donate-new-video footer #paidfor {
  margin: 5px;
}
.donate-new-video #main {
  display: flex;
  align-items: stretch;
  height: 100vh;
}
@media (max-width: 992px) {
  .donate-new-video #main {
    display: block;
    height: auto;
  }
}
.donate-new-video #main #left,
.donate-new-video #main #right {
  display: flex;
  align-items: center;
  width: 50%;
  padding: 5%;
  min-height: 800px;
  position: relative;
}
@media (max-width: 992px) {
  .donate-new-video #main #left,
  .donate-new-video #main #right {
    display: block;
    width: 100%;
  }
}
.donate-new-video #main #left .text-wrapper,
.donate-new-video #main #right .text-wrapper {
  max-width: 500px;
  margin: 0 auto;
  float: none;
  padding: 0;
}
.donate-new-video #main #left {
  background: url("../img/banner-bg-sur.jpg") 50% 50% no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}
.donate-new-video #main #left .text-wrapper {
  text-align: center;
}
.donate-new-video #main #left #logo {
  max-width: 320px;
  width: 100%;
  height: auto;
  margin: 0 auto;
  display: block;
  margin-bottom: 30px;
}
.donate-new-video #main #left #logo img {
  width: 100%;
  height: auto;
}
.donate-new-video #main #left h1 {
  font-size: 2.5em;
}
.donate-new-video #main #left h2 {
  font-weight: 400;
  text-transform: uppercase;
  color: #fff;
  font-size: 1.45em;
  letter-spacing: .06em;
  margin: 10px 0 25px;
}
.donate-new-video #main #left p {
  color: #fff;
  font-size: 1.4em;
}
.donate-new-video #main #left li {
  font-size: 1.4em;
}
.donate-new-video #main #left li p {
  font-size: 1em;
}
.donate-new-video #main #right .text-wrapper h3 {
  color: #333;
  font-size: 1.85em;
}
.donate-new-video #main #right .text-wrapper p,
.donate-new-video #main #right .text-wrapper ul li {
  font-size: 1.4em;
  color: #333;
}
.donate-new-video #main #right .text-wrapper p p,
.donate-new-video #main #right .text-wrapper ul li p {
  font-size: 1em;
}
.donate-new-video #main #right .text-wrapper ul {
  margin: 15px 0;
  list-style: square;
}
.donate-new-video #main #right .text-wrapper ul li {
  margin: 7px 0 7px 20px;
}
.donate-new-video #main #right form {
  font-size: 18px;
}
.donate-new-video #main #right form .row {
  margin: 0 -5px;
}
@media (max-width: 992px) {
  .donate-new-video #main #right form .row {
    margin: 3px -2px;
  }
}
.donate-new-video #main #right form .row .col-xs-8,
.donate-new-video #main #right form .row .col-xs-4,
.donate-new-video #main #right form .row .col-xs-6,
.donate-new-video #main #right form .row .col-xs-3,
.donate-new-video #main #right form .row .col-xs-12 {
  padding: 5px;
}
@media (max-width: 992px) {
  .donate-new-video #main #right form .row .col-xs-8,
  .donate-new-video #main #right form .row .col-xs-4,
  .donate-new-video #main #right form .row .col-xs-6,
  .donate-new-video #main #right form .row .col-xs-3,
  .donate-new-video #main #right form .row .col-xs-12 {
    padding: 2px;
  }
}
.donate-new-video #main #right form input[type="text"],
.donate-new-video #main #right form input[type="email"] {
  height: 45px;
  border: 3px solid #ddd;
  width: 100%;
  line-height: 44px;
  font-size: 1.15em;
  color: #333;
  margin: 3px 0;
  text-align: left;
  font-family: "futura-pt", sans-serif;
}
@media (max-width: 992px) {
  .donate-new-video #main #right form input[type="text"],
  .donate-new-video #main #right form input[type="email"] {
    height: 38px;
    line-height: 38px;
    font-size: 1em;
  }
}
.donate-new-video #main #right form button {
  width: 100%;
  color: #fff;
  background: #cb0203;
  height: 45px;
  line-height: 35px;
  padding: 0;
  font-size: 1em;
  font-weight: 700;
  text-transform: none;
  display: block;
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  transform: scale(1, 1);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  margin: 3px 0;
}
@media (max-width: 992px) {
  .donate-new-video #main #right form button {
    height: 38px;
    line-height: 35px;
    font-size: .9em;
  }
}
.donate-new-video #main #right form button:hover {
  text-decoration: none;
  -webkit-transform: scale(1.1, 1.1);
  -moz-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  -o-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.25);
}
@media (min-width: 993px) {
  .donate-new-video #ha-header {
    display: none !important;
  }
}
.donate-new-video #logo {
  width: 300px;
  height: auto;
  position: relative;
  z-index: 9;
}
@media (max-width: 992px) {
  .donate-new-video #logo {
    width: 200px;
    height: auto;
    position: relative;
    z-index: 9999;
  }
}
.donate-new-video #form-wrapper h2 {
  font-size: 2em;
  font-weight: 600;
  color: #999;
  margin-bottom: 20px;
}
.donate-new-video #form-wrapper p {
  margin-bottom: 15px;
  font-size: 1.2em !important;
}
.donate-new-video #form-wrapper ul li {
  font-size: 1.2em !important;
}
.donate-new-video #form-wrapper ul li p {
  font-size: 1em !important;
}
@media (min-width: 993px) {
  .donate-new-video #ha-header {
    display: none !important;
  }
}
@media (max-width: 768px) {
  .donate-new-video #main #right,
  .donate-new-video #main #left {
    min-height: 0;
  }
}
.donate-new-video #main #paidfor {
  color: #666;
  font-size: .8em !important;
  text-transform: uppercase;
  border: 1px solid #999;
  padding: 3px 27px;
  display: inline-block;
  margin: 20px 0 !important;
}
.donate-new-video #main #right {
  display: flex;
  align-items: flex-start !important;
  overflow: scroll;
}
@media (max-width: 992px) {
  .donate-new-video #main #right {
    overflow: visible;
    display: block;
  }
}
.donate-new-video #main #right p.small {
  display: none;
  margin-bottom: 15px;
}
@media (max-width: 992px) {
  .donate-new-video #main #right p.small {
    display: block;
  }
}
.donate-new-video #main #left {
  position: relative;
}
.donate-new-video #main #left ul {
  list-style: circle;
  margin: 15px 0;
}
.donate-new-video #main #left ul li p {
  font-size: .9em;
  text-align: left;
}
.donate-new-video #main #left #fineprint {
  position: absolute;
  bottom: 0;
  width: 100%;
  left: 0;
  padding: 0 5% 5%;
  text-align: left;
  display: block;
}
.donate-new-video #main #left #fineprint p {
  margin-bottom: 15px;
}
@media (max-width: 992px) {
  .donate-new-video #main #left #fineprint {
    display: none;
  }
}
.donate-new-video h1 .fa {
  font-size: 3em;
  text-shadow: 0px 2px 15px rgba(0, 0, 0, 0.25);
}
.donate-new-video #logo {
  width: 105px;
  height: auto;
  position: absolute;
  top: 15px;
  left: 15px;
  z-index: 9;
}
@media (max-width: 992px) {
  .donate-new-video #logo {
    width: 70px;
    height: auto;
    position: absolute;
    top: 7px;
    left: 7px;
    z-index: 9999;
  }
}
@media (min-width: 993px) {
  .donate-new-video #ha-header {
    display: none !important;
  }
}
@media (max-width: 992px) {
  .donate-new-video #main #right,
  .donate-new-video #main #left {
    min-height: 0;
  }
}
.donate-new-video #main #paidfor {
  color: #666;
  font-size: .8em !important;
  text-transform: uppercase;
  border: 1px solid #999;
  padding: 3px 27px;
  display: inline-block;
  margin: 20px 0 !important;
}
.donate-new-video #main #right {
  display: flex;
  align-items: flex-start !important;
  overflow: scroll;
}
@media (max-width: 992px) {
  .donate-new-video #main #right {
    overflow: visible;
    display: block;
  }
}
.donate-new-video #main #right p.small {
  display: none;
  margin-bottom: 15px;
}
@media (max-width: 992px) {
  .donate-new-video #main #right p.small {
    display: block;
  }
}
.donate-new-video #main #left {
  position: relative;
}
.donate-new-video #main #left ul {
  list-style: circle;
  margin: 15px 0;
}
.donate-new-video #main #left ul li p {
  font-size: .8em;
  text-align: left;
}
.donate-new-video #main #left p {
  font-size: 1.25em;
  line-height: 1.25em;
}
@media (max-width: 1100px) {
  .donate-new-video #main #left p {
    font-size: 1.1em;
    line-height: 1.1em;
  }
}
.donate-new-video #main #left p a {
  color: #fff;
  font-weight: 700;
}
.donate-new-video #main #left #fineprint {
  position: absolute;
  bottom: 0;
  width: 100%;
  left: 0;
  padding: 0 5% 5%;
  text-align: left;
  display: block;
}
.donate-new-video #main #left #fineprint p {
  margin-bottom: 15px;
}
@media (max-width: 992px) {
  .donate-new-video #main #left #fineprint {
    display: none;
  }
}
#press-kit #banner-section {
  background: url("../img/banner-bg-sur.jpg") 50% 50% no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  height: auto;
  padding: 0 0 20px;
  position: relative;
  display: block;
}
#press-kit #banner-section .banner-text h2 {
  color: #fff;
  font-size: 2.65em;
}
#press-kit #banner-section .banner-text p {
  line-height: 1.35em;
  padding: 0;
  margin: 10px 0 10px;
  display: inline-block;
  font-family: "proxima-nova", sans-serif;
  font-weight: 300;
  font-size: 1.15em;
  color: #fff;
}
#press-kit #banner-section .banner-text p a {
  color: #fff;
  font-weight: 600;
  text-decoration: underline;
}
#press-kit #banner-section .banner-text p a:hover {
  opacity: .5;
}
#press-kit #banner-section .row {
  height: auto;
  position: relative;
}
#press-kit #banner-section .row .col-md-6 {
  width: calc(50% - 40px);
  margin: 20px;
  padding: 30px;
}
@media (max-width: 992px) {
  #press-kit #banner-section .row .col-md-6 {
    width: calc(50% - 20px);
    margin: 10px;
    padding: 20px;
  }
}
@media (max-width: 768px) {
  #press-kit #banner-section .row .col-md-6 {
    width: 100%;
    margin: 0 auto;
  }
}
#press-kit #banner-section .row .col-md-6:last-of-type {
  margin-bottom: 30px;
}
#press-kit #banner-section .row:nth-child(1) {
  padding: 140px 0 30px;
}
#press-kit #banner-section .row:nth-child(2) {
  display: flex;
  align-items: stretch;
  max-width: 1035px;
}
@media (max-width: 768px) {
  #press-kit #banner-section .row:nth-child(2) {
    display: block;
  }
}
#press-kit #main {
  background: #fff;
}
#press-kit #main.section {
  padding: 40px 0;
}
#press-kit #main.section .row {
  display: block;
}
#press-kit #main #grid .col-xs-12 {
  border: 10px solid #fff;
  padding: 0;
  background: #004C6C;
  width: 33%;
}
#press-kit #main #grid .col-xs-12 img {
  width: 100% !important;
  height: auto !important;
}
#press-kit #main #grid .col-xs-12 a.button-white {
  opacity: 0;
  position: absolute;
  bottom: 25px;
  right: 25px;
  background: #fff;
  padding: 10px 18px;
  font-weight: 700;
  text-transform: uppercase;
  font-family: "futura-pt", sans-serif;
  color: #8BAAC7;
  font-size: 1em;
  text-decoration: none;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  transform: scale(1, 1);
}
#press-kit #main #grid .col-xs-12 a.button-white:hover {
  -webkit-transform: scale(1.1, 1.1);
  -moz-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  -o-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
}
#press-kit #main #grid .col-xs-12:hover a.button-white {
  opacity: 1;
}
#press-kit #logo-download {
  background: #f3f3f3;
  padding: 60px 0;
}
@media (min-width: 993px) {
  #press-kit #logo-download .row {
    display: flex;
    align-items: center;
  }
}
@media (max-width: 992px) {
  #press-kit #logo-download .col-md-4 {
    max-width: 350px;
    margin: 0 auto 25px;
    float: none;
    width: 100%;
    height: auto;
  }
  #press-kit #logo-download .col-md-4 img {
    width: 100%;
    height: auto;
  }
}
#press-kit #logo-download .col-md-7 .text-wrapper {
  max-width: 500px;
  margin: 0 auto;
  text-align: center;
  padding-bottom: 0;
}
#press-kit #logo-download .col-md-7 .text-wrapper h2 {
  color: #cb0203;
  font-weight: 700;
  font-size: 2.65em;
}
#press-kit #logo-download .col-md-7 .text-wrapper p {
  font-size: 1.35em;
}
#press-kit #logo-download .col-md-7 .text-wrapper a.button-white {
  background: #fff;
  padding: 10px 18px;
  font-weight: 700;
  text-transform: uppercase;
  font-family: "futura-pt", sans-serif;
  color: #8BAAC7;
  font-size: 1em;
  text-decoration: none;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  transform: scale(1, 1);
  display: inline-block;
  margin: 15px 5px 0;
}
#press-kit #logo-download .col-md-7 .text-wrapper a.button-white:hover {
  -webkit-transform: scale(1.1, 1.1);
  -moz-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  -o-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
}
#about-us #banner-section {
  background: url("../img/about-us-bg-2.jpg") 50% 50% no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  height: auto;
  padding: 0 0 20px;
  position: relative;
  display: block;
}
#about-us #banner-section .banner-text h1 {
  letter-spacing: .04em;
  font-size: 2.3em;
  font-weight: 600;
  font-family: "futura-pt", sans-serif;
  color: #fff;
  margin: 0 0 20px;
  line-height: 1.65em;
  background-color: #eb2330;
  display: inline;
  padding: 0 10px 4px;
  -webkit-box-decoration-break: clone;
  text-transform: uppercase;
}
#about-us #banner-section .banner-text h2 {
  color: #fff;
  font-size: 2.65em;
}
#about-us #banner-section .banner-text p {
  line-height: 1.35em;
  padding: 0;
  margin: 10px 0 0 0;
  display: inline-block;
  font-family: "proxima-nova", sans-serif;
  font-weight: 300;
  font-size: 1.15em;
  color: #fff;
}
#about-us #banner-section .banner-text p a {
  color: #fff;
  font-weight: 600;
  text-decoration: underline;
}
#about-us #banner-section .banner-text p a:hover {
  opacity: .5;
}
#about-us #banner-section .row {
  height: auto;
  position: relative;
}
#about-us #banner-section .row .col-md-6 {
  width: calc(50% - 40px);
  margin: 20px;
  padding: 30px;
}
@media (max-width: 992px) {
  #about-us #banner-section .row .col-md-6 {
    width: calc(50% - 20px);
    margin: 10px;
    padding: 20px;
  }
}
@media (max-width: 768px) {
  #about-us #banner-section .row .col-md-6 {
    width: 100%;
    margin: 0 auto;
  }
}
#about-us #banner-section .row .col-md-6:last-of-type {
  margin-bottom: 30px;
}
#about-us #banner-section .row:nth-child(1) {
  padding: 140px 0 30px;
}
#about-us #banner-section .row:nth-child(2) {
  display: flex;
  align-items: stretch;
  max-width: 1035px;
}
@media (max-width: 768px) {
  #about-us #banner-section .row:nth-child(2) {
    display: block;
  }
}
#about-us #leaders h2 {
  letter-spacing: .04em;
  font-size: 2.3em;
  font-weight: 600;
  font-family: "futura-pt", sans-serif;
  color: #fff;
  margin: 0 0 30px;
  line-height: 1.65em;
  background-color: #eb2330;
  display: inline;
  padding: 0 10px 4px;
  -webkit-box-decoration-break: clone;
  text-transform: uppercase;
}
#about-us #leaders p {
  margin-bottom: 20px;
}
#reagan {
  background: url("../img/statue-of-liberty.jpg") 50% 0% no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}
@media (max-width: 992px) {
  #reagan {
    background: #fff;
    padding-top: 0;
  }
  #reagan:before {
    background: url("../img/statue-of-liberty-mobile.jpg") 50% 0% no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    content: '';
    display: block;
    width: 100%;
    height: 325px;
    margin-bottom: 25px;
  }
}
#reagan p {
  font-size: 1.45em;
  font-weight: 300;
  line-height: 1.5em;
}
#founded {
  background: #e1e9f1;
  background: url("../img/founded-bg.jpg") 50% 0% no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  padding: 75px 0;
}
#founded .text-wrapper {
  max-width: 650px;
  margin: 0 auto;
  float: none;
  width: 100%;
  text-align: center;
  padding: 0;
}
#founded .text-wrapper p {
  font-size: 1.5em;
}
#founded .text-wrapper p:nth-child(1) {
  padding-bottom: 20px;
}
#leaders .text-wrapper {
  padding-bottom: 0;
}
#leaders #desktop-images .col-md-6 {
  padding: 0;
  margin: 0;
}
#leaders #desktop-images .col-md-6 img {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  width: 100%;
}
#leaders .col-xs-12 {
  padding: 30px;
}
@media (max-width: 991px) {
  #leaders .col-xs-12 .visible-xs {
    width: 100%;
    margin-bottom: 20px;
  }
}
#leaders .col-xs-12 h2 {
  font-size: 2.5em;
  color: #004C6C;
  font-weight: 600;
  letter-spacing: .05em;
  margin-bottom: 15px;
}
#leaders p {
  font-size: 1.35em;
  font-weight: 300;
  line-height: 1.5em;
}
#team .text-wrapper,
#board .text-wrapper {
  padding-bottom: 0;
}
#team #desktop-images .col-md-6,
#board #desktop-images .col-md-6 {
  padding: 0;
  margin: 0;
}
#team #desktop-images .col-md-6 img,
#board #desktop-images .col-md-6 img {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  width: 100%;
}
#team .col-xs-12,
#board .col-xs-12 {
  padding: 30px;
}
@media (max-width: 991px) {
  #team .col-xs-12 .visible-xs,
  #board .col-xs-12 .visible-xs {
    width: 100%;
    margin-bottom: 20px;
  }
}
#team .col-xs-12 h2,
#board .col-xs-12 h2 {
  font-size: 2.5em;
  color: #004C6C;
  font-weight: 600;
  letter-spacing: .05em;
  margin-bottom: 15px;
}
#team p,
#board p {
  font-size: 1.35em;
  font-weight: 300;
  line-height: 1.5em;
}
#team img,
#board img {
  width: 100%;
  height: auto;
  margin-bottom: 20px;
}
#team h2,
#board h2 {
  font-size: 2em !important;
}
#team p,
#board p {
  font-size: 1.2em;
}
#board img {
  max-width: 380px;
  display: inline-block;
  width: 30%;
  margin: 0 0 0 5%;
  vertical-align: top;
}
@media (max-width: 568px) {
  #board img {
    width: 100%;
    height: auto;
    max-width: none;
    margin: 0 auto 20px;
  }
}
#board .text-wrapper {
  display: inline-block;
  width: 63%;
  padding: 0 5%;
}
@media (max-width: 568px) {
  #board .text-wrapper {
    width: 100%;
  }
}
#principles-page #banner-section {
  background: url("../img/principles-banner.jpg") 50% 50% no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  height: auto;
  padding: 0 0 20px;
  position: relative;
  display: block;
}
#principles-page #banner-section .banner-text h1 {
  font-size: 3.2em;
  padding: 0;
  letter-spacing: 0em;
  text-transform: uppercase;
  line-height: 1em;
}
#principles-page #banner-section .banner-text h2 {
  color: #fff;
  font-size: 2.65em;
}
#principles-page #banner-section .banner-text p {
  line-height: 1.45em;
  padding: 0;
  margin: 10px 0 0 0;
  display: inline-block;
  font-family: "proxima-nova", sans-serif;
  font-weight: 300;
  font-size: 1.15em;
  color: #fff;
}
#principles-page #banner-section .banner-text p a {
  color: #fff;
  font-weight: 600;
  text-decoration: underline;
}
#principles-page #banner-section .banner-text p a:hover {
  opacity: .5;
}
#principles-page #banner-section .row {
  height: auto;
  position: relative;
}
#principles-page #banner-section .row .col-md-6 {
  width: calc(50% - 40px);
  margin: 20px;
  padding: 30px;
}
@media (max-width: 992px) {
  #principles-page #banner-section .row .col-md-6 {
    width: calc(50% - 20px);
    margin: 10px;
    padding: 20px;
  }
}
@media (max-width: 768px) {
  #principles-page #banner-section .row .col-md-6 {
    width: 100%;
    margin: 0 auto;
  }
}
#principles-page #banner-section .row .col-md-6:last-of-type {
  margin-bottom: 30px;
}
#principles-page #banner-section .row:nth-child(1) {
  padding: 140px 0 30px;
}
#principles-page #banner-section .row:nth-child(2) {
  display: flex;
  align-items: stretch;
  max-width: 1035px;
}
@media (max-width: 768px) {
  #principles-page #banner-section .row:nth-child(2) {
    display: block;
  }
}
#principles-page #banner-section .principles-row {
  display: flex;
  align-items: stretch;
  padding: 10px !important;
  justify-content: space-around;
  width: 100%;
  max-width: 1400px !important;
}
@media (max-width: 992px) {
  #principles-page #banner-section .principles-row {
    flex-wrap: wrap;
    display: flex !important;
  }
}
#principles-page #banner-section .principles-row .principle-link {
  width: calc(25% - 20px);
  margin: 10px;
  border: 5px solid #fff;
  padding: 30px;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  text-decoration: none;
  display: flex;
  align-items: center;
}
@media (max-width: 992px) {
  #principles-page #banner-section .principles-row .principle-link {
    width: calc(50% - 20px);
  }
}
@media (max-width: 768px) {
  #principles-page #banner-section .principles-row .principle-link {
    width: calc(100% - 20px);
  }
}
#principles-page #banner-section .principles-row .principle-link:hover {
  opacity: .5;
}
#principles-page #banner-section .principles-row .principle-link h2 {
  font-size: 1.8em;
  font-weight: 600;
  margin: 0 auto;
  width: 100%;
}
#principles-page #banner-section .principles-row .principle-link h2 a {
  text-decoration: none;
  color: #fff;
}
@media (max-width: 768px) {
  #principles-page .principle-section {
    padding: 55px 0;
  }
}
#principles-page .principle-section .col-xs-12 {
  text-align: left;
}
@media (max-width: 768px) {
  #principles-page .principle-section .col-xs-12 {
    max-width: 420px;
    margin: 0 auto;
    width: 100%;
    float: none;
    display: block;
  }
}
#principles-page .principle-section .col-xs-12 h2 {
  font-size: 3.25em;
  font-weight: 600;
  color: #333;
  margin-bottom: 20px;
}
@media (max-width: 768px) {
  #principles-page .principle-section .col-xs-12 h2 {
    text-align: center;
    font-size: 2.5em;
  }
}
#principles-page .principle-section .col-xs-12 p {
  font-size: 1.4em;
}
#principles-page #accountable-government {
  background: url("../img/accountable-government.jpg") 50% 50% no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}
@media (max-width: 768px) {
  #principles-page #accountable-government {
    background: url("../img/accountable-government-mobile.jpg") 50% 50% no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
  }
}
#principles-page #civic-engagement {
  background: url("../img/public-service.jpg") 50% 0% no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}
@media (max-width: 768px) {
  #principles-page #civic-engagement {
    background: url("../img/about-sur-mobile-principles.jpg") 50% 50% no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
  }
}
#principles-page #civic-engagement .col-xs-12 h2,
#principles-page #civic-engagement .col-xs-12 p {
  color: #fff;
}
#principles-page #global-leadership {
  background: url("../img/global-leadership.jpg") 50% 50% no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}
@media (max-width: 768px) {
  #principles-page #global-leadership {
    background: url("../img/global-leadership-mobile.jpg") 50% 50% no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
  }
}
#principles-page #global-leadership .col-xs-12 h2,
#principles-page #global-leadership .col-xs-12 p {
  color: #fff;
}
#principles-page #truth-and-virtue {
  background: url("../img/trust-and-virtue.jpg") 50% 0% no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}
@media (max-width: 768px) {
  #principles-page #truth-and-virtue {
    background: url("../img/trust-and-virtue-mobile.jpg") 50% 50% no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
  }
}
#principles-page #rule-of-law {
  background: url("../img/rule-of-law.jpg") 50% 50% no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}
#principles-page #equality {
  background: url("../img/nation-of-immigrants.jpg") 50% 50% no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}
@media (max-width: 768px) {
  #principles-page #equality {
    background: url("../img/nation-of-immigrants-mobile.jpg") 50% 50% no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
  }
}
#principles-page #equality .col-xs-12 h2,
#principles-page #equality .col-xs-12 p {
  color: #fff;
}
#principles-page #free-press {
  background: url("../img/freedom-press.jpg") 50% 50% no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}
#principles-page #free-speech {
  background: url("../img/free-speech.jpg") 50% 50% no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}
@media (max-width: 768px) {
  #principles-page #free-speech {
    background: url("../img/free-speech-mobile.jpg") 50% 50% no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
  }
}
#principles-page #free-speech .col-xs-12 h2,
#principles-page #free-speech .col-xs-12 p {
  color: #fff;
}
#principles-page .form-wrapper {
  margin: 0 auto;
}
#principles-page .form-wrapper form {
  font-size: 16px;
}
#principles-page .form-wrapper form .row {
  margin: 0 auto;
  margin-right: -5px;
  margin-left: -5px;
}
@media (max-width: 568px) {
  #principles-page .form-wrapper form .row {
    margin-right: -3px;
    margin-left: -3px;
  }
}
#principles-page .form-wrapper form .row .col-xs-12,
#principles-page .form-wrapper form .row .col-xs-6,
#principles-page .form-wrapper form .row .col-xs-4 {
  padding: 5px !important;
}
@media (max-width: 568px) {
  #principles-page .form-wrapper form .row .col-xs-12,
  #principles-page .form-wrapper form .row .col-xs-6,
  #principles-page .form-wrapper form .row .col-xs-4 {
    padding: 3px;
  }
}
#principles-page .form-wrapper form input[type="text"],
#principles-page .form-wrapper form input[type="email"] {
  height: 55px;
  border: 5px solid #ddd;
  width: 100%;
  line-height: 54px;
  font-size: 1.25em;
  color: #333;
  font-family: "futura-pt", sans-serif;
}
#principles-page .form-wrapper form button {
  width: 100%;
  color: #fff;
  border: 5px solid #e96464;
  background: #cb0203;
  height: 55px;
  line-height: 37px;
  padding: 0;
  font-size: 1.35em;
  font-weight: 700;
  text-transform: uppercase;
  display: block;
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  transform: scale(1, 1);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
#principles-page .form-wrapper form button:hover {
  text-decoration: none;
  -webkit-transform: scale(1.1, 1.1);
  -moz-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  -o-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.25);
}
.join-sur {
  padding: 65px 0;
}
.join-sur .text-wrapper {
  max-width: 500px;
  width: 100%;
  margin: 0 auto;
  text-align: center;
  padding: 0 0 20px;
}
.join-sur .text-wrapper h2 {
  color: #cb0203;
  font-size: 3em;
  font-weight: 600;
}
#sub-social {
  list-style: none;
  float: right;
  margin-bottom: 2rem;
}
@media (max-width: 1170px) {
  #sub-social {
    float: left;
    width: 100%;
    display: block;
  }
}
#sub-social li {
  float: left;
  font-size: 2em;
  margin: 0 0 0 .5em;
}
@media (max-width: 1170px) {
  #sub-social li {
    margin: 0 .5em 0 0 ;
  }
}
#sub-social li a {
  color: #fff;
}
#right-half {
  width: 35%;
}
#left-half {
  width: 65%;
}
@media (max-width: 1100px) {
  #left-half {
    width: 75%;
  }
}
@media (max-width: 869px) {
  #left-half {
    width: 100%;
  }
}
#nav-img-links {
  display: flex;
  position: relative;
  width: 100%;
  margin-left: -10px;
  margin-right: -10px;
  margin-top: 80px;
}
@media (max-width: 768px) {
  #nav-img-links {
    margin-top: 20px;
  }
}
@media (max-width: 568px) {
  #nav-img-links {
    display: block;
  }
}
#nav-img-links figure.effect-layla {
  position: relative;
  align-items: center;
  background: #000;
  width: calc(13.333%);
  margin: 10px;
  overflow: hidden;
  height: 200px;
  width: 50%;
}
@media (min-width: 1400px) {
  #nav-img-links figure.effect-layla {
    height: 220px;
  }
}
@media (max-width: 968px) {
  #nav-img-links figure.effect-layla {
    height: 170px;
  }
}
@media (max-width: 668px) {
  #nav-img-links figure.effect-layla {
    height: 140px;
  }
}
@media (max-width: 568px) {
  #nav-img-links figure.effect-layla {
    width: 100%;
    height: 190px;
  }
}
@media (max-width: 468px) {
  #nav-img-links figure.effect-layla {
    height: 180px;
  }
}
#nav-img-links figure.effect-layla a {
  color: #fff;
  text-decoration: none;
}
#nav-img-links figure.effect-layla h2 {
  font-size: 1.3em;
}
@media (max-width: 968px) {
  #nav-img-links figure.effect-layla h2 {
    padding: 0;
    padding-top: 0;
  }
}
@media (max-width: 668px) {
  #nav-img-links figure.effect-layla h2 {
    font-size: 1.1em;
  }
}
@media (max-width: 568px) {
  #nav-img-links figure.effect-layla h2 {
    font-size: 1.3em;
    padding-top: 20px;
  }
}
#nav-img-links figure.effect-layla h2 span {
  font-size: 1.2em;
}
#nav-img-links figure.effect-layla h2::after {
  display: none;
}
@media (min-width: 1170px) and (max-width: 1230px) {
  .cd-nav .cd-navigation-wrapper {
    padding: 0 6%;
  }
}
#home #cd-nav .cd-primary-nav li:nth-child(1) a {
  color: #fff;
  text-decoration: none;
}
#about-us #cd-nav .cd-primary-nav li:nth-child(2) a {
  color: #fff;
  text-decoration: none;
}
#principles #cd-nav .cd-primary-nav li:nth-child(3) a {
  color: #fff;
  text-decoration: none;
}
#gallery {
  padding: 5px 0;
}
#contact-us-page #banner {
  background: url("../img/about-us-bg.jpg") 50% 50% no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}
#contact-us-page #banner .text-wrapper h1,
#contact-us-page #banner .text-wrapper p {
  color: #fff;
  text-align: center;
}
#contact-us-page #cd-nav .cd-primary-nav li:nth-child(5) a {
  color: #fff;
  text-decoration: none;
}
/* --------------------------------

 Header

-------------------------------- */
.cd-morph-dropdown {
  position: relative;
  height: 60px;
  background-color: #FFFFFF;
  z-index: 999;
}
.cd-morph-dropdown::before {
  /* never visible - used in JS to check mq */
  content: 'mobile';
  display: none;
}
.cd-morph-dropdown .nav-trigger {
  /* menu icon - visible on small screens only */
  position: absolute;
  top: 0;
  right: 0;
  height: 60px;
  width: 60px;
  /* replace text with icon */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  color: transparent;
}
.cd-morph-dropdown .nav-trigger span,
.cd-morph-dropdown .nav-trigger span::after,
.cd-morph-dropdown .nav-trigger span::before {
  /* these are the 3 lines of the menu icon */
  position: absolute;
  background-color: #1A1A1A;
  height: 3px;
  width: 26px;
}
.cd-morph-dropdown .nav-trigger span {
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
.cd-morph-dropdown .nav-trigger span::after,
.cd-morph-dropdown .nav-trigger span::before {
  content: '';
  left: 0;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform .3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
.cd-morph-dropdown .nav-trigger span::before {
  -webkit-transform: translateY(-9px);
  -ms-transform: translateY(-9px);
  transform: translateY(-9px);
}
.cd-morph-dropdown .nav-trigger span::after {
  -webkit-transform: translateY(9px);
  -ms-transform: translateY(9px);
  transform: translateY(9px);
}
.cd-morph-dropdown.nav-open .nav-trigger span {
  background-color: transparent;
}
.cd-morph-dropdown.nav-open .nav-trigger span::before {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.cd-morph-dropdown.nav-open .nav-trigger span::after {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.cd-morph-dropdown .main-nav {
  display: none;
}
.cd-morph-dropdown .morph-dropdown-wrapper {
  display: none;
  position: absolute;
  top: 60px;
  left: 0;
  width: 100%;
  padding: 1.2em 5%;
  box-shadow: inset 0 1px 0 #e6e6e6;
  background-color: #FFFFFF;
}
.cd-morph-dropdown.nav-open .morph-dropdown-wrapper {
  display: block;
}
.cd-morph-dropdown .dropdown-list > ul > li {
  margin-bottom: 3.3em;
}
.cd-morph-dropdown .label {
  display: block;
  font-size: 2.2rem;
  color: #1A1A1A;
  margin-bottom: .8em;
}
.cd-morph-dropdown .content li::after {
  clear: both;
  content: "";
  display: block;
}
.cd-morph-dropdown .gallery .content li {
  margin-bottom: 1.4em;
}
.cd-morph-dropdown .gallery .content a {
  display: block;
}
.cd-morph-dropdown .gallery .content a::before {
  /* icon on the left */
  content: '';
  display: inline-block;
  float: left;
  height: 54px;
  width: 54px;
  margin-right: .6em;
  background: #ddd;
  border-radius: 50%;
  -webkit-transition: background .2s;
  transition: background .2s;
}
.cd-morph-dropdown .gallery .content a span,
.cd-morph-dropdown .gallery .content a em {
  display: block;
  line-height: 1.2;
}
.cd-morph-dropdown .gallery .content a em {
  font-size: 1.8rem;
  padding: .4em 0 .2em;
  color: #1A1A1A;
}
.cd-morph-dropdown .gallery .content a span {
  font-size: 1.4rem;
  color: #a6a6a6;
}
.cd-morph-dropdown .gallery .content a:hover::before {
  background-color: #1A1A1A;
}
.cd-morph-dropdown .gallery li:nth-of-type(1) a::before {
  background: #ddd;
}
.cd-morph-dropdown .gallery li:nth-of-type(2) a::before {
  background: #ddd;
}
.cd-morph-dropdown .gallery li:nth-of-type(3) a::before {
  background: #ddd;
}
.cd-morph-dropdown .gallery li:nth-of-type(4) a::before {
  background: #ddd;
}
.cd-morph-dropdown .links .content > ul > li {
  margin-top: 1em;
}
.cd-morph-dropdown .links-list a,
.cd-morph-dropdown .btn {
  display: block;
  margin-left: 14px;
  font-size: 2.2rem;
  line-height: 1.6;
}
.cd-morph-dropdown .links-list a:hover,
.cd-morph-dropdown .btn:hover {
  color: #1A1A1A;
}
.cd-morph-dropdown .content h2 {
  color: #a6a6a6;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 1.3rem;
  margin: 20px 0 10px 14px;
}
@media only screen and (min-width: 1000px) {
  .cd-morph-dropdown {
    position: absolute;
    height: 80px;
    left: 0;
    top: 0;
    width: 100%;
    padding: 0;
    text-align: center;
    background-color: transparent;
  }
  .cd-morph-dropdown::before {
    content: 'desktop';
  }
  .cd-morph-dropdown .nav-trigger {
    display: none;
  }
  .cd-morph-dropdown .main-nav {
    display: inline-block;
  }
  .cd-morph-dropdown .main-nav > ul > li {
    display: inline-block;
    float: left;
  }
  .cd-morph-dropdown .main-nav > ul > li > a {
    display: block;
    padding: 0 .75em;
    margin: 1em .5em;
    height: 45px;
    line-height: 45px;
    color: #FFFFFF;
    font-size: 1.8rem;
    font-weight: 600;
    text-transform: uppercase;
    font-family: "proxima-nova", sans-serif;
    text-decoration: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition: opacity .2s;
    transition: opacity .2s;
  }
  .cd-morph-dropdown .main-nav > ul > li > a:hover {
    text-decoration: none !important;
    color: #fff !important;
    background: #cb0203;
  }
  .cd-morph-dropdown.is-dropdown-visible .main-nav > ul > li > a {
    /* main navigation hover effect - on hover, reduce opacity of elements not hovered over */
    opacity: .6;
  }
  .cd-morph-dropdown.is-dropdown-visible .main-nav > ul > li.active > a {
    opacity: 1;
  }
  .cd-morph-dropdown .morph-dropdown-wrapper {
    /* dropdown wrapper - used to create the slide up/slide down effect when dropdown is revealed/hidden */
    display: block;
    top: 58px;
    /* overwrite mobile style */
    width: auto;
    padding: 0;
    box-shadow: none;
    background-color: transparent;
    /* Force Hardware acceleration */
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    will-change: transform;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform .3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
  }
  .cd-morph-dropdown.is-dropdown-visible .morph-dropdown-wrapper {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  .cd-morph-dropdown .dropdown-list {
    position: absolute;
    top: 0;
    left: 0;
    visibility: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    will-change: transform, width, height;
    -webkit-transition: visibility .3s;
    transition: visibility .3s;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.08);
  }
  .no-csstransitions .cd-morph-dropdown .dropdown-list {
    display: none;
  }
  .cd-morph-dropdown .dropdown-list::before {
    /* dropdown top triangle */
    content: '';
    position: absolute;
    bottom: 100%;
    left: 50%;
    right: auto;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    height: 0;
    width: 0;
    border: 8px solid transparent;
    border-bottom-color: #FFFFFF;
    opacity: 0;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
  }
  .cd-morph-dropdown .dropdown-list > ul {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%;
    overflow: hidden;
  }
  .cd-morph-dropdown.is-dropdown-visible .dropdown-list {
    visibility: visible;
    -webkit-transition: width 0.3s, height 0.3s, -webkit-transform 0.3s;
    transition: width 0.3s, height 0.3s, -webkit-transform 0.3s;
    transition: transform .3s, width .3s, height .3s;
    transition: transform 0.3s, width 0.3s, height 0.3s, -webkit-transform 0.3s;
  }
  .cd-morph-dropdown.is-dropdown-visible .dropdown-list::before {
    opacity: 1;
  }
  .cd-morph-dropdown .dropdown {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    visibility: hidden;
    width: 100%;
    -webkit-transition: opacity .3s, visibility .3s;
    transition: opacity .3s, visibility .3s;
  }
  .cd-morph-dropdown .dropdown.active {
    opacity: 1;
    visibility: visible;
  }
  .cd-morph-dropdown .dropdown.move-left .content {
    -webkit-transform: translateX(-100px);
    -ms-transform: translateX(-100px);
    transform: translateX(-100px);
  }
  .cd-morph-dropdown .dropdown.move-right .content {
    -webkit-transform: translateX(100px);
    -ms-transform: translateX(100px);
    transform: translateX(100px);
  }
  .cd-morph-dropdown .label {
    /* hide the label on bigger devices */
    display: none;
  }
  .cd-morph-dropdown .content {
    padding: 2.2em 1.8em;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform .3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
    text-align: left;
  }
  .cd-morph-dropdown .content > ul::after {
    clear: both;
    content: "";
    display: block;
  }
  .cd-morph-dropdown .content > ul > li {
    width: 48%;
    float: left;
    margin-right: 4%;
    margin-top: 0;
  }
  .cd-morph-dropdown .content > ul > li:nth-of-type(2n) {
    margin-right: 0;
  }
  .cd-morph-dropdown .gallery .content {
    /* you need to set a width for the .content elements because they have a position absolute */
    width: 510px;
    padding-bottom: .8em;
  }
  .cd-morph-dropdown .gallery .content li {
    margin-bottom: 1.8em;
  }
  .cd-morph-dropdown .links .content > ul > li {
    margin-top: 0;
  }
  .cd-morph-dropdown .links .content,
  .cd-morph-dropdown .button .content {
    width: 390px;
  }
  .cd-morph-dropdown .links-list a {
    font-size: 1.6rem;
    margin-left: 0;
  }
  .cd-morph-dropdown .btn {
    display: block;
    width: 100%;
    height: 60px;
    margin: 1.5em 0 0;
    font-size: 1.8rem;
    text-align: center;
    color: #FFFFFF;
    line-height: 60px;
    background: #DB6356;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .cd-morph-dropdown .btn:hover {
    background: #1A1A1A;
    color: #FFFFFF;
  }
  .cd-morph-dropdown .content h2 {
    font-size: 1.8rem;
    text-transform: none;
    font-weight: normal;
    color: #1A1A1A;
    margin: 0 0 .6em;
  }
  .cd-morph-dropdown .bg-layer {
    /* morph dropdown background */
    position: absolute;
    top: 0;
    left: 0;
    height: 1px;
    width: 1px;
    background: #FFFFFF;
    opacity: 0;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    will-change: transform;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  .cd-morph-dropdown.is-dropdown-visible .bg-layer {
    opacity: 1;
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
    transition: opacity 0.3s, -webkit-transform 0.3s;
    transition: transform .3s, opacity .3s;
    transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
  }
}
@media only screen and (min-width: 1000px) and (max-width: 1200px) {
  .cd-morph-dropdown .main-nav > ul > li > a {
    padding: 0 1.1em;
    font-size: 1.5rem;
  }
}
/* --------------------------------

Main site content

-------------------------------- */
.cd-main-content {
  min-height: 100vh;
  background-color: #548c7e;
}
@media only screen and (min-width: 1000px) {
  .cd-main-content {
    padding-top: 80px;
  }
}
#ha-header .no-dropdown li {
  color: #cb0203 !important;
}
#ha-header .no-dropdown li a {
  color: #cb0203 !important;
}
#ha-header .no-dropdown li a:hover {
  color: #cb0203 !important;
}
.cd-morph-dropdown .main-nav > ul > li.no-dropdown {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.cd-morph-dropdown .main-nav > ul > li.no-dropdown:hover a {
  color: #fff !important;
  background: #cb0203;
}
@media (max-width: 768px) {
  #videos-page .full30 {
    width: 50% !important;
  }
}
@media (max-width: 568px) {
  #videos-page .full30 {
    width: 100% !important;
  }
}
#videos-page #banner-section {
  background: url("../img/banner-bg-sur.jpg") 50% 50% no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  height: auto;
  padding: 0 0 20px;
  position: relative;
  display: block;
}
#videos-page #banner-section .banner-text h2 {
  color: #fff;
  font-size: 2.65em;
}
#videos-page #banner-section .banner-text p {
  line-height: 1.35em;
  padding: 0;
  margin: 10px 0 10px;
  display: inline-block;
  font-family: "proxima-nova", sans-serif;
  font-weight: 300;
  font-size: 1.15em;
  color: #fff;
}
#videos-page #banner-section .banner-text p a {
  color: #fff;
  font-weight: 600;
  text-decoration: underline;
}
#videos-page #banner-section .banner-text p a:hover {
  opacity: .5;
}
#videos-page #banner-section .row {
  height: auto;
  position: relative;
}
#videos-page #banner-section .row .col-md-6 {
  width: calc(50% - 40px);
  margin: 20px;
  padding: 30px;
}
@media (max-width: 992px) {
  #videos-page #banner-section .row .col-md-6 {
    width: calc(50% - 20px);
    margin: 10px;
    padding: 20px;
  }
}
@media (max-width: 768px) {
  #videos-page #banner-section .row .col-md-6 {
    width: 100%;
    margin: 0 auto;
  }
}
#videos-page #banner-section .row .col-md-6:last-of-type {
  margin-bottom: 30px;
}
#videos-page #banner-section .row:nth-child(1) {
  padding: 140px 0 30px;
}
#videos-page #banner-section .row:nth-child(2) {
  display: flex;
  align-items: stretch;
  max-width: 1035px;
}
@media (max-width: 768px) {
  #videos-page #banner-section .row:nth-child(2) {
    display: block;
  }
}
#videos-page figure.effect-layla {
  width: 100%;
}
#videos-page figure.effect-layla:hover img {
  opacity: .5;
}
#videos-page figure.effect-layla figcaption {
  width: 98%;
}
#videos-page figure.effect-layla h2 {
  padding-top: 55px;
  font-weight: 600;
  opacity: 1;
}
#videos-page #main {
  background: #fff;
}
#videos-page #main.section {
  padding: 40px 0;
}
#videos-page #main.section .row {
  display: block;
}
@media (max-width: 768px) {
  #action-page .full30 {
    width: 50% !important;
  }
}
@media (max-width: 568px) {
  #action-page .full30 {
    width: 100% !important;
  }
}
#action-page .full30 img {
  width: 100%;
  height: auto;
}
#action-page .full30 img:hover {
  opacity: .5;
}
#action-page .full30 span {
  display: none !important;
}
#action-page #banner-section {
  background: url("../img/banner-bg-sur.jpg") 50% 50% no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  height: auto;
  padding: 0 0 20px;
  position: relative;
  display: block;
}
#action-page #banner-section .banner-text h2 {
  color: #fff;
  font-size: 2.65em;
}
#action-page #banner-section .banner-text p {
  line-height: 1.35em;
  padding: 0;
  margin: 10px 0 10px;
  display: inline-block;
  font-family: "proxima-nova", sans-serif;
  font-weight: 300;
  font-size: 1.15em;
  color: #fff;
}
#action-page #banner-section .banner-text p a {
  color: #fff;
  font-weight: 600;
  text-decoration: underline;
}
#action-page #banner-section .banner-text p a:hover {
  opacity: .5;
}
#action-page #banner-section .row {
  height: auto;
  position: relative;
}
#action-page #banner-section .row .col-md-6 {
  width: calc(50% - 40px);
  margin: 20px;
  padding: 30px;
}
@media (max-width: 992px) {
  #action-page #banner-section .row .col-md-6 {
    width: calc(50% - 20px);
    margin: 10px;
    padding: 20px;
  }
}
@media (max-width: 768px) {
  #action-page #banner-section .row .col-md-6 {
    width: 100%;
    margin: 0 auto;
  }
}
#action-page #banner-section .row .col-md-6:last-of-type {
  margin-bottom: 30px;
}
#action-page #banner-section .row:nth-child(1) {
  padding: 140px 0 30px;
}
#action-page #banner-section .row:nth-child(2) {
  display: flex;
  align-items: stretch;
  max-width: 1035px;
}
@media (max-width: 768px) {
  #action-page #banner-section .row:nth-child(2) {
    display: block;
  }
}
#action-page #main {
  background: #fff;
}
#action-page #main.section {
  padding: 40px 0;
}
#action-page #main.section .row {
  display: block;
}
@media (min-width: 993px) {
  .petition-new #ha-header {
    display: none !important;
  }
}
.petition-new #logo {
  width: 300px;
  height: auto;
  position: relative;
  z-index: 9;
}
@media (max-width: 992px) {
  .petition-new #logo {
    width: 200px;
    height: auto;
    position: relative;
    z-index: 9999;
  }
}
.petition-new #form-wrapper h2 {
  font-size: 2em;
  font-weight: 600;
  color: #999;
  margin-bottom: 20px;
}
.petition-new #form-wrapper p {
  margin-bottom: 15px;
  font-size: 1.2em !important;
}
.petition-new #form-wrapper ul li {
  font-size: 1.2em !important;
}
.petition-new #form-wrapper ul li p {
  font-size: 1em !important;
}
@media (min-width: 993px) {
  .petition-new #ha-header {
    display: none !important;
  }
}
@media (max-width: 768px) {
  .petition-new #main #right,
  .petition-new #main #left {
    min-height: 0;
  }
}
.petition-new #main #paidfor {
  color: #666;
  font-size: .8em !important;
  text-transform: uppercase;
  border: 1px solid #999;
  padding: 3px 27px;
  display: inline-block;
  margin: 20px 0 !important;
}
.petition-new #main #right {
  display: flex;
  align-items: flex-start !important;
  overflow: scroll;
}
@media (max-width: 992px) {
  .petition-new #main #right {
    overflow: visible;
    display: block;
  }
}
.petition-new #main #right p.small {
  display: none;
  margin-bottom: 15px;
}
@media (max-width: 992px) {
  .petition-new #main #right p.small {
    display: block;
  }
}
.petition-new #main #left {
  position: relative;
}
.petition-new #main #left ul {
  list-style: circle;
  margin: 15px 0;
}
.petition-new #main #left ul li p {
  font-size: .9em;
  text-align: left;
}
.petition-new #main #left #fineprint {
  position: absolute;
  bottom: 0;
  width: 100%;
  left: 0;
  padding: 0 5% 5%;
  text-align: left;
  display: block;
}
.petition-new #main #left #fineprint p {
  margin-bottom: 15px;
}
@media (max-width: 992px) {
  .petition-new #main #left #fineprint {
    display: none;
  }
}
.thank-you #banner {
  background: url("../img/banner-bg-sur.jpg") 50% 50% no-repeat !important;
  -webkit-background-size: cover !important;
  background-size: cover !important;
}
.thank-you #banner .text-wrapper h1 {
  color: #fff;
}
.thank-you #banner .text-wrapper p {
  width: 100%;
  max-width: 505px;
  text-align: center !important;
  margin: 0 auto;
  color: #fff;
}
.watch-new footer {
  position: absolute;
  bottom: 10px;
  right: 10px;
  text-align: right;
  margin: 0;
  padding: 0;
}
@media (max-width: 768px) {
  .watch-new footer {
    position: relative;
    bottom: 0;
    right: 0;
    text-align: center;
  }
}
.watch-new footer #paidfor {
  margin: 5px;
}
.watch-new #main {
  display: flex;
  align-items: stretch;
  height: 100vh;
}
@media (max-width: 992px) {
  .watch-new #main {
    display: block;
    height: auto;
  }
}
.watch-new #main #left,
.watch-new #main #right {
  display: flex;
  align-items: center;
  width: 50%;
  padding: 5%;
  min-height: 800px;
  position: relative;
}
@media (max-width: 992px) {
  .watch-new #main #left,
  .watch-new #main #right {
    display: block;
    width: 100%;
  }
}
.watch-new #main #left .text-wrapper,
.watch-new #main #right .text-wrapper {
  max-width: 500px;
  margin: 0 auto;
  float: none;
  padding: 0;
}
.watch-new #main #left {
  background: url("../img/banner-bg-sur.jpg") 50% 50% no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}
.watch-new #main #left .text-wrapper {
  text-align: center;
}
.watch-new #main #left #logo {
  max-width: 320px;
  width: 100%;
  height: auto;
  margin: 0 auto;
  display: block;
  margin-bottom: 30px;
}
.watch-new #main #left #logo img {
  width: 100%;
  height: auto;
}
.watch-new #main #left h1 {
  font-size: 2.5em;
}
.watch-new #main #left h2 {
  font-weight: 400;
  text-transform: uppercase;
  color: #fff;
  font-size: 1.45em;
  letter-spacing: .06em;
  margin: 10px 0 25px;
}
.watch-new #main #left p {
  color: #fff;
  font-size: 1.4em;
}
.watch-new #main #left li {
  font-size: 1.4em;
}
.watch-new #main #left li p {
  font-size: 1em;
}
.watch-new #main #right .text-wrapper h3 {
  color: #333;
  font-size: 1.85em;
}
.watch-new #main #right .text-wrapper p,
.watch-new #main #right .text-wrapper ul li {
  font-size: 1.4em;
  color: #333;
}
.watch-new #main #right .text-wrapper p p,
.watch-new #main #right .text-wrapper ul li p {
  font-size: 1em;
}
.watch-new #main #right .text-wrapper ul {
  margin: 15px 0;
  list-style: square;
}
.watch-new #main #right .text-wrapper ul li {
  margin: 7px 0 7px 20px;
}
.watch-new #main #right form {
  font-size: 18px;
}
.watch-new #main #right form .row {
  margin: 0 -5px;
}
@media (max-width: 992px) {
  .watch-new #main #right form .row {
    margin: 3px -2px;
  }
}
.watch-new #main #right form .row .col-xs-8,
.watch-new #main #right form .row .col-xs-4,
.watch-new #main #right form .row .col-xs-6,
.watch-new #main #right form .row .col-xs-3,
.watch-new #main #right form .row .col-xs-12 {
  padding: 5px;
}
@media (max-width: 992px) {
  .watch-new #main #right form .row .col-xs-8,
  .watch-new #main #right form .row .col-xs-4,
  .watch-new #main #right form .row .col-xs-6,
  .watch-new #main #right form .row .col-xs-3,
  .watch-new #main #right form .row .col-xs-12 {
    padding: 2px;
  }
}
.watch-new #main #right form input[type="text"],
.watch-new #main #right form input[type="email"] {
  height: 45px;
  border: 3px solid #ddd;
  width: 100%;
  line-height: 44px;
  font-size: 1.15em;
  color: #333;
  margin: 3px 0;
  text-align: left;
  font-family: "futura-pt", sans-serif;
}
@media (max-width: 992px) {
  .watch-new #main #right form input[type="text"],
  .watch-new #main #right form input[type="email"] {
    height: 38px;
    line-height: 38px;
    font-size: 1em;
  }
}
.watch-new #main #right form button {
  width: 100%;
  color: #fff;
  background: #cb0203;
  height: 45px;
  line-height: 35px;
  padding: 0;
  font-size: 1em;
  font-weight: 700;
  text-transform: none;
  display: block;
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  transform: scale(1, 1);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  margin: 3px 0;
}
@media (max-width: 992px) {
  .watch-new #main #right form button {
    height: 38px;
    line-height: 35px;
    font-size: .9em;
  }
}
.watch-new #main #right form button:hover {
  text-decoration: none;
  -webkit-transform: scale(1.1, 1.1);
  -moz-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  -o-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.25);
}
@media (min-width: 993px) {
  .watch-new #ha-header {
    display: none !important;
  }
}
.watch-new #logo {
  width: 300px;
  height: auto;
  position: relative;
  z-index: 9;
}
@media (max-width: 992px) {
  .watch-new #logo {
    width: 200px;
    height: auto;
    position: relative;
    z-index: 9999;
  }
}
.watch-new #form-wrapper h2 {
  font-size: 2em;
  font-weight: 600;
  color: #999;
  margin-bottom: 20px;
}
.watch-new #form-wrapper p {
  margin-bottom: 15px;
  font-size: 1.2em !important;
}
.watch-new #form-wrapper ul li {
  font-size: 1.2em !important;
}
.watch-new #form-wrapper ul li p {
  font-size: 1em !important;
}
@media (min-width: 993px) {
  .watch-new #ha-header {
    display: none !important;
  }
}
@media (max-width: 768px) {
  .watch-new #main #right,
  .watch-new #main #left {
    min-height: 0;
  }
}
.watch-new #main #paidfor {
  color: #666;
  font-size: .8em !important;
  text-transform: uppercase;
  border: 1px solid #999;
  padding: 3px 27px;
  display: inline-block;
  margin: 20px 0 !important;
}
.watch-new #main #right {
  display: flex;
  align-items: flex-start !important;
  overflow: scroll;
}
@media (max-width: 992px) {
  .watch-new #main #right {
    overflow: visible;
    display: block;
  }
}
.watch-new #main #right p.small {
  display: none;
  margin-bottom: 15px;
}
@media (max-width: 992px) {
  .watch-new #main #right p.small {
    display: block;
  }
}
.watch-new #main #left {
  position: relative;
}
.watch-new #main #left ul {
  list-style: circle;
  margin: 15px 0;
}
.watch-new #main #left ul li p {
  font-size: .9em;
  text-align: left;
}
.watch-new #main #left #fineprint {
  position: absolute;
  bottom: 0;
  width: 100%;
  left: 0;
  padding: 0 5% 5%;
  text-align: left;
  display: block;
}
.watch-new #main #left #fineprint p {
  margin-bottom: 15px;
}
@media (max-width: 992px) {
  .watch-new #main #left #fineprint {
    display: none;
  }
}
.watch-new h1 .fa {
  font-size: 3em;
  text-shadow: 0px 2px 15px rgba(0, 0, 0, 0.25);
}
.watch-new #logo {
  width: 105px;
  height: auto;
  position: absolute;
  top: 15px;
  left: 15px;
  z-index: 9;
}
@media (max-width: 992px) {
  .watch-new #logo {
    width: 70px;
    height: auto;
    position: absolute;
    top: 7px;
    left: 7px;
    z-index: 9999;
  }
}
@media (min-width: 993px) {
  .watch-new #ha-header {
    display: none !important;
  }
}
@media (max-width: 992px) {
  .watch-new #main #right,
  .watch-new #main #left {
    min-height: 0;
  }
}
.watch-new #main #paidfor {
  color: #666;
  font-size: .8em !important;
  text-transform: uppercase;
  border: 1px solid #999;
  padding: 3px 27px;
  display: inline-block;
  margin: 20px 0 !important;
}
.watch-new #main #right {
  display: flex;
  align-items: flex-start !important;
  overflow: scroll;
}
@media (max-width: 992px) {
  .watch-new #main #right {
    overflow: visible;
    display: block;
  }
}
.watch-new #main #right p.small {
  display: none;
  margin-bottom: 15px;
}
@media (max-width: 992px) {
  .watch-new #main #right p.small {
    display: block;
  }
}
.watch-new #main #left {
  position: relative;
}
.watch-new #main #left ul {
  list-style: circle;
  margin: 15px 0;
}
.watch-new #main #left ul li p {
  font-size: .8em;
  text-align: left;
}
.watch-new #main #left p {
  font-size: 1.25em;
  line-height: 1.25em;
}
@media (max-width: 1100px) {
  .watch-new #main #left p {
    font-size: 1.1em;
    line-height: 1.1em;
  }
}
.watch-new #main #left p a {
  color: #fff;
  font-weight: 700;
}
.watch-new #main #left #fineprint {
  position: absolute;
  bottom: 0;
  width: 100%;
  left: 0;
  padding: 0 5% 5%;
  text-align: left;
  display: block;
}
.watch-new #main #left #fineprint p {
  margin-bottom: 15px;
}
@media (max-width: 992px) {
  .watch-new #main #left #fineprint {
    display: none;
  }
}
.watch-new .embed-container {
  margin-bottom: 17px;
}
@media (max-width: 992px) {
  .watch-new #main #left {
    min-height: 500px !important;
  }
}
.watch-new #right p.small {
  display: block;
}