@charset "utf-8";
.animated {
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
}
.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.animated.once {
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -o-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
.animated.hinge {
  -webkit-animation-duration: 2s;
  -moz-animation-duration: 2s;
  -o-animation-duration: 2s;
  animation-duration: 2s;
}
.animated.slow {
  -webkit-animation-duration: 3s;
  -moz-animation-duration: 3s;
  -o-animation-duration: 3s;
  animation-duration: 3s;
}
@-webkit-keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    -webkit-transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
  }
}
@-moz-keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    -moz-transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-30px);
  }
  60% {
    -moz-transform: translateY(-15px);
  }
}
@-o-keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    -o-transform: translateY(0);
  }
  40% {
    -o-transform: translateY(-30px);
  }
  60% {
    -o-transform: translateY(-15px);
  }
}
@keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-30px);
  }
  60% {
    transform: translateY(-15px);
  }
}
.bounce {
  -webkit-animation-name: bounce;
  -moz-animation-name: bounce;
  -ms-animation-name: bounce;
  -o-animation-name: bounce;
  animation-name: bounce;
}
@-webkit-keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
  }
  70% {
    -webkit-transform: scale(0.9);
  }
  100% {
    -webkit-transform: scale(1);
  }
}
@-moz-keyframes bounceIn {
  0% {
    opacity: 0;
    -moz-transform: scale(0.3);
  }
  50% {
    opacity: 1;
    -moz-transform: scale(1.05);
  }
  70% {
    -moz-transform: scale(0.9);
  }
  100% {
    -moz-transform: scale(1);
  }
}
@-o-keyframes bounceIn {
  0% {
    opacity: 0;
    -o-transform: scale(0.3);
  }
  50% {
    opacity: 1;
    -o-transform: scale(1.05);
  }
  70% {
    -o-transform: scale(0.9);
  }
  100% {
    -o-transform: scale(1);
  }
}
@keyframes bounceIn {
  0% {
    opacity: 0;
    transform: scale(0.3);
  }
  50% {
    opacity: 1;
    transform: scale(1.05);
  }
  70% {
    transform: scale(0.9);
  }
  100% {
    transform: scale(1);
  }
}
.bounceIn {
  -webkit-animation-name: bounceIn;
  -moz-animation-name: bounceIn;
  -ms-animation-name: bounceIn;
  -o-animation-name: bounceIn;
  animation-name: bounceIn;
}
@-webkit-keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
  }
  80% {
    -webkit-transform: translateY(-10px);
  }
  100% {
    -webkit-transform: translateY(0);
  }
}
@-moz-keyframes bounceInDown {
  0% {
    opacity: 0;
    -moz-transform: translateY(-2000px);
  }
  60% {
    opacity: 1;
    -moz-transform: translateY(30px);
  }
  80% {
    -moz-transform: translateY(-10px);
  }
  100% {
    -moz-transform: translateY(0);
  }
}
@-o-keyframes bounceInDown {
  0% {
    opacity: 0;
    -o-transform: translateY(-2000px);
  }
  60% {
    opacity: 1;
    -o-transform: translateY(30px);
  }
  80% {
    -o-transform: translateY(-10px);
  }
  100% {
    -o-transform: translateY(0);
  }
}
@keyframes bounceInDown {
  0% {
    opacity: 0;
    transform: translateY(-2000px);
  }
  60% {
    opacity: 1;
    transform: translateY(30px);
  }
  80% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(0);
  }
}
.bounceInDown {
  -webkit-animation-name: bounceInDown;
  -moz-animation-name: bounceInDown;
  -ms-animation-name: bounceInDown;
  -o-animation-name: bounceInDown;
  animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
  }
  80% {
    -webkit-transform: translateX(-10px);
  }
  100% {
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -moz-transform: translateX(-2000px);
  }
  60% {
    opacity: 1;
    -moz-transform: translateX(30px);
  }
  80% {
    -moz-transform: translateX(-10px);
  }
  100% {
    -moz-transform: translateX(0);
  }
}
@-o-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -o-transform: translateX(-2000px);
  }
  60% {
    opacity: 1;
    -o-transform: translateX(30px);
  }
  80% {
    -o-transform: translateX(-10px);
  }
  100% {
    -o-transform: translateX(0);
  }
}
@keyframes bounceInLeft {
  0% {
    opacity: 0;
    transform: translateX(-2000px);
  }
  60% {
    opacity: 1;
    transform: translateX(30px);
  }
  80% {
    transform: translateX(-10px);
  }
  100% {
    transform: translateX(0);
  }
}
.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  -moz-animation-name: bounceInLeft;
  -ms-animation-name: bounceInLeft;
  -o-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
  }
  80% {
    -webkit-transform: translateX(10px);
  }
  100% {
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes bounceInRight {
  0% {
    opacity: 0;
    -moz-transform: translateX(2000px);
  }
  60% {
    opacity: 1;
    -moz-transform: translateX(-30px);
  }
  80% {
    -moz-transform: translateX(10px);
  }
  100% {
    -moz-transform: translateX(0);
  }
}
@-o-keyframes bounceInRight {
  0% {
    opacity: 0;
    -o-transform: translateX(2000px);
  }
  60% {
    opacity: 1;
    -o-transform: translateX(-30px);
  }
  80% {
    -o-transform: translateX(10px);
  }
  100% {
    -o-transform: translateX(0);
  }
}
@keyframes bounceInRight {
  0% {
    opacity: 0;
    transform: translateX(2000px);
  }
  60% {
    opacity: 1;
    transform: translateX(-30px);
  }
  80% {
    transform: translateX(10px);
  }
  100% {
    transform: translateX(0);
  }
}
.bounceInRight {
  -webkit-animation-name: bounceInRight;
  -moz-animation-name: bounceInRight;
  -ms-animation-name: bounceInRight;
  -o-animation-name: bounceInRight;
  animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
  }
  80% {
    -webkit-transform: translateY(10px);
  }
  100% {
    -webkit-transform: translateY(0);
  }
}
@-moz-keyframes bounceInUp {
  0% {
    opacity: 0;
    -moz-transform: translateY(2000px);
  }
  60% {
    opacity: 1;
    -moz-transform: translateY(-30px);
  }
  80% {
    -moz-transform: translateY(10px);
  }
  100% {
    -moz-transform: translateY(0);
  }
}
@-o-keyframes bounceInUp {
  0% {
    opacity: 0;
    -o-transform: translateY(2000px);
  }
  60% {
    opacity: 1;
    -o-transform: translateY(-30px);
  }
  80% {
    -o-transform: translateY(10px);
  }
  100% {
    -o-transform: translateY(0);
  }
}
@keyframes bounceInUp {
  0% {
    opacity: 0;
    transform: translateY(2000px);
  }
  60% {
    opacity: 1;
    transform: translateY(-30px);
  }
  80% {
    transform: translateY(10px);
  }
  100% {
    transform: translateY(0);
  }
}
.bounceInUp {
  -webkit-animation-name: bounceInUp;
  -moz-animation-name: bounceInUp;
  -ms-animation-name: bounceInUp;
  -o-animation-name: bounceInUp;
  animation-name: bounceInUp;
}
@-webkit-keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
  }
  25% {
    -webkit-transform: scale(0.95);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.3);
  }
}
@-moz-keyframes bounceOut {
  0% {
    -moz-transform: scale(1);
  }
  25% {
    -moz-transform: scale(0.95);
  }
  50% {
    opacity: 1;
    -moz-transform: scale(1.1);
  }
  100% {
    opacity: 0;
    -moz-transform: scale(0.3);
  }
}
@-o-keyframes bounceOut {
  0% {
    -o-transform: scale(1);
  }
  25% {
    -o-transform: scale(0.95);
  }
  50% {
    opacity: 1;
    -o-transform: scale(1.1);
  }
  100% {
    opacity: 0;
    -o-transform: scale(0.3);
  }
}
@keyframes bounceOut {
  0% {
    transform: scale(1);
  }
  25% {
    transform: scale(0.95);
  }
  50% {
    opacity: 1;
    transform: scale(1.1);
  }
  100% {
    opacity: 0;
    transform: scale(0.3);
  }
}
.bounceOut {
  -webkit-animation-name: bounceOut;
  -moz-animation-name: bounceOut;
  -ms-animation-name: bounceOut;
  -o-animation-name: bounceOut;
  animation-name: bounceOut;
}
@-webkit-keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
  }
}
@-moz-keyframes bounceOutDown {
  0% {
    -moz-transform: translateY(0);
  }
  20% {
    opacity: 1;
    -moz-transform: translateY(-20px);
  }
  100% {
    opacity: 0;
    -moz-transform: translateY(2000px);
  }
}
@-o-keyframes bounceOutDown {
  0% {
    -o-transform: translateY(0);
  }
  20% {
    opacity: 1;
    -o-transform: translateY(-20px);
  }
  100% {
    opacity: 0;
    -o-transform: translateY(2000px);
  }
}
@keyframes bounceOutDown {
  0% {
    transform: translateY(0);
  }
  20% {
    opacity: 1;
    transform: translateY(-20px);
  }
  100% {
    opacity: 0;
    transform: translateY(2000px);
  }
}
.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  -moz-animation-name: bounceOutDown;
  -ms-animation-name: bounceOutDown;
  -o-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
  }
}
@-moz-keyframes bounceOutLeft {
  0% {
    -moz-transform: translateX(0);
  }
  20% {
    opacity: 1;
    -moz-transform: translateX(20px);
  }
  100% {
    opacity: 0;
    -moz-transform: translateX(-2000px);
  }
}
@-o-keyframes bounceOutLeft {
  0% {
    -o-transform: translateX(0);
  }
  20% {
    opacity: 1;
    -o-transform: translateX(20px);
  }
  100% {
    opacity: 0;
    -o-transform: translateX(-2000px);
  }
}
@keyframes bounceOutLeft {
  0% {
    transform: translateX(0);
  }
  20% {
    opacity: 1;
    transform: translateX(20px);
  }
  100% {
    opacity: 0;
    transform: translateX(-2000px);
  }
}
.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  -moz-animation-name: bounceOutLeft;
  -ms-animation-name: bounceOutLeft;
  -o-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
  }
}
@-moz-keyframes bounceOutRight {
  0% {
    -moz-transform: translateX(0);
  }
  20% {
    opacity: 1;
    -moz-transform: translateX(-20px);
  }
  100% {
    opacity: 0;
    -moz-transform: translateX(2000px);
  }
}
@-o-keyframes bounceOutRight {
  0% {
    -o-transform: translateX(0);
  }
  20% {
    opacity: 1;
    -o-transform: translateX(-20px);
  }
  100% {
    opacity: 0;
    -o-transform: translateX(2000px);
  }
}
@keyframes bounceOutRight {
  0% {
    transform: translateX(0);
  }
  20% {
    opacity: 1;
    transform: translateX(-20px);
  }
  100% {
    opacity: 0;
    transform: translateX(2000px);
  }
}
.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  -moz-animation-name: bounceOutRight;
  -ms-animation-name: bounceOutRight;
  -o-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
  }
}
@-moz-keyframes bounceOutUp {
  0% {
    -moz-transform: translateY(0);
  }
  20% {
    opacity: 1;
    -moz-transform: translateY(20px);
  }
  100% {
    opacity: 0;
    -moz-transform: translateY(-2000px);
  }
}
@-o-keyframes bounceOutUp {
  0% {
    -o-transform: translateY(0);
  }
  20% {
    opacity: 1;
    -o-transform: translateY(20px);
  }
  100% {
    opacity: 0;
    -o-transform: translateY(-2000px);
  }
}
@keyframes bounceOutUp {
  0% {
    transform: translateY(0);
  }
  20% {
    opacity: 1;
    transform: translateY(20px);
  }
  100% {
    opacity: 0;
    transform: translateY(-2000px);
  }
}
.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  -moz-animation-name: bounceOutUp;
  -ms-animation-name: bounceOutUp;
  -o-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.fadeIn {
  -webkit-animation-name: fadeIn;
  -moz-animation-name: fadeIn;
  -ms-animation-name: fadeIn;
  -o-animation-name: fadeIn;
  animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@-moz-keyframes fadeInDown {
  0% {
    opacity: 0;
    -moz-transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
}
@-o-keyframes fadeInDown {
  0% {
    opacity: 0;
    -o-transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -o-transform: translateY(0);
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  -moz-animation-name: fadeInDown;
  -ms-animation-name: fadeInDown;
  -o-animation-name: fadeInDown;
  animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@-moz-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -moz-transform: translateY(-2000px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
}
@-o-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -o-transform: translateY(-2000px);
  }
  100% {
    opacity: 1;
    -o-transform: translateY(0);
  }
}
@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    transform: translateY(-2000px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  -moz-animation-name: fadeInDownBig;
  -ms-animation-name: fadeInDownBig;
  -o-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -moz-transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
}
@-o-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -o-transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    -o-transform: translateX(0);
  }
}
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  -moz-animation-name: fadeInLeft;
  -ms-animation-name: fadeInLeft;
  -o-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -moz-transform: translateX(-2000px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
}
@-o-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -o-transform: translateX(-2000px);
  }
  100% {
    opacity: 1;
    -o-transform: translateX(0);
  }
}
@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    transform: translateX(-2000px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  -moz-animation-name: fadeInLeftBig;
  -ms-animation-name: fadeInLeftBig;
  -o-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes fadeInRight {
  0% {
    opacity: 0;
    -moz-transform: translateX(20px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
}
@-o-keyframes fadeInRight {
  0% {
    opacity: 0;
    -o-transform: translateX(20px);
  }
  100% {
    opacity: 1;
    -o-transform: translateX(0);
  }
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translateX(20px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
.fadeInRight {
  -webkit-animation-name: fadeInRight;
  -moz-animation-name: fadeInRight;
  -ms-animation-name: fadeInRight;
  -o-animation-name: fadeInRight;
  animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -moz-transform: translateX(2000px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
}
@-o-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -o-transform: translateX(2000px);
  }
  100% {
    opacity: 1;
    -o-transform: translateX(0);
  }
}
@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    transform: translateX(2000px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  -moz-animation-name: fadeInRightBig;
  -ms-animation-name: fadeInRightBig;
  -o-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@-moz-keyframes fadeInUp {
  0% {
    opacity: 0;
    -moz-transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
}
@-o-keyframes fadeInUp {
  0% {
    opacity: 0;
    -o-transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -o-transform: translateY(0);
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  -moz-animation-name: fadeInUp;
  -ms-animation-name: fadeInUp;
  -o-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@-moz-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -moz-transform: translateY(2000px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
}
@-o-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -o-transform: translateY(2000px);
  }
  100% {
    opacity: 1;
    -o-transform: translateY(0);
  }
}
@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    transform: translateY(2000px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  -moz-animation-name: fadeInUpBig;
  -ms-animation-name: fadeInUpBig;
  -o-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-moz-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-o-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.fadeOut {
  -webkit-animation-name: fadeOut;
  -moz-animation-name: fadeOut;
  -ms-animation-name: fadeOut;
  -o-animation-name: fadeOut;
  animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
  }
}
@-moz-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -moz-transform: translateY(20px);
  }
}
@-o-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -o-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -o-transform: translateY(20px);
  }
}
@keyframes fadeOutDown {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(20px);
  }
}
.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  -moz-animation-name: fadeOutDown;
  -ms-animation-name: fadeOutDown;
  -o-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
  }
}
@-moz-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -moz-transform: translateY(2000px);
  }
}
@-o-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -o-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -o-transform: translateY(2000px);
  }
}
@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(2000px);
  }
}
.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  -moz-animation-name: fadeOutDownBig;
  -ms-animation-name: fadeOutDownBig;
  -o-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
  }
}
@-moz-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -moz-transform: translateX(-20px);
  }
}
@-o-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -o-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -o-transform: translateX(-20px);
  }
}
@keyframes fadeOutLeft {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(-20px);
  }
}
.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  -moz-animation-name: fadeOutLeft;
  -ms-animation-name: fadeOutLeft;
  -o-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
  }
}
@-moz-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -moz-transform: translateX(-2000px);
  }
}
@-o-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -o-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -o-transform: translateX(-2000px);
  }
}
@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(-2000px);
  }
}
.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  -moz-animation-name: fadeOutLeftBig;
  -ms-animation-name: fadeOutLeftBig;
  -o-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
  }
}
@-moz-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -moz-transform: translateX(20px);
  }
}
@-o-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -o-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -o-transform: translateX(20px);
  }
}
@keyframes fadeOutRight {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(20px);
  }
}
.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  -moz-animation-name: fadeOutRight;
  -ms-animation-name: fadeOutRight;
  -o-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
  }
}
@-moz-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -moz-transform: translateX(2000px);
  }
}
@-o-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -o-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -o-transform: translateX(2000px);
  }
}
@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(2000px);
  }
}
.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  -moz-animation-name: fadeOutRightBig;
  -ms-animation-name: fadeOutRightBig;
  -o-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
  }
}
@-moz-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -moz-transform: translateY(-20px);
  }
}
@-o-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -o-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -o-transform: translateY(-20px);
  }
}
@keyframes fadeOutUp {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(-20px);
  }
}
.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  -moz-animation-name: fadeOutUp;
  -ms-animation-name: fadeOutUp;
  -o-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
  }
}
@-moz-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -moz-transform: translateY(-2000px);
  }
}
@-o-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -o-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -o-transform: translateY(-2000px);
  }
}
@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(-2000px);
  }
}
.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  -moz-animation-name: fadeOutUpBig;
  -ms-animation-name: fadeOutUpBig;
  -o-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}
@-webkit-keyframes flash {
  0%,
  50%,
  100% {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@-moz-keyframes flash {
  0%,
  50%,
  100% {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@-o-keyframes flash {
  0%,
  50%,
  100% {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes flash {
  0%,
  50%,
  100% {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
.flash {
  -webkit-animation-name: flash;
  -moz-animation-name: flash;
  -ms-animation-name: flash;
  -o-animation-name: flash;
  animation-name: flash;
}
@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -webkit-animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -webkit-animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
    -webkit-animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -webkit-animation-timing-function: ease-in;
  }
}
@-moz-keyframes flip {
  0% {
    -moz-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -moz-animation-timing-function: ease-out;
  }
  40% {
    -moz-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -moz-animation-timing-function: ease-out;
  }
  50% {
    -moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -moz-animation-timing-function: ease-in;
  }
  80% {
    -moz-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
    -moz-animation-timing-function: ease-in;
  }
  100% {
    -moz-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -moz-animation-timing-function: ease-in;
  }
}
@-o-keyframes flip {
  0% {
    -o-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -o-animation-timing-function: ease-out;
  }
  40% {
    -o-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -o-animation-timing-function: ease-out;
  }
  50% {
    -o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -o-animation-timing-function: ease-in;
  }
  80% {
    -o-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
    -o-animation-timing-function: ease-in;
  }
  100% {
    -o-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -o-animation-timing-function: ease-in;
  }
}
@keyframes flip {
  0% {
    transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    animation-timing-function: ease-out;
  }
  40% {
    transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    animation-timing-function: ease-out;
  }
  50% {
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    animation-timing-function: ease-in;
  }
  80% {
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
    animation-timing-function: ease-in;
  }
  100% {
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    animation-timing-function: ease-in;
  }
}
.animate.flip {
  -webkit-backface-visibility: visible;
  -moz-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-backface-visibility: visible !important;
  -moz-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  -o-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flip;
  -moz-animation-name: flip;
  -ms-animation-name: flip;
  -o-animation-name: flip;
  animation-name: flip;
}
@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
  }
  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
  }
  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}
@-moz-keyframes flipInX {
  0% {
    -moz-transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
  40% {
    -moz-transform: perspective(400px) rotateX(-10deg);
  }
  70% {
    -moz-transform: perspective(400px) rotateX(10deg);
  }
  100% {
    -moz-transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}
@-o-keyframes flipInX {
  0% {
    -o-transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
  40% {
    -o-transform: perspective(400px) rotateX(-10deg);
  }
  70% {
    -o-transform: perspective(400px) rotateX(10deg);
  }
  100% {
    -o-transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}
@keyframes flipInX {
  0% {
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotateX(-10deg);
  }
  70% {
    transform: perspective(400px) rotateX(10deg);
  }
  100% {
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}
.flipInX {
  -webkit-backface-visibility: visible;
  -moz-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-backface-visibility: visible !important;
  -moz-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  -o-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  -moz-animation-name: flipInX;
  -ms-animation-name: flipInX;
  -o-animation-name: flipInX;
  animation-name: flipInX;
}
@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
  }
  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
  }
  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}
@-moz-keyframes flipInY {
  0% {
    -moz-transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
  40% {
    -moz-transform: perspective(400px) rotateY(-10deg);
  }
  70% {
    -moz-transform: perspective(400px) rotateY(10deg);
  }
  100% {
    -moz-transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}
@-o-keyframes flipInY {
  0% {
    -o-transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
  40% {
    -o-transform: perspective(400px) rotateY(-10deg);
  }
  70% {
    -o-transform: perspective(400px) rotateY(10deg);
  }
  100% {
    -o-transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}
@keyframes flipInY {
  0% {
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotateY(-10deg);
  }
  70% {
    transform: perspective(400px) rotateY(10deg);
  }
  100% {
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}
.flipInY {
  -webkit-backface-visibility: visible;
  -moz-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-backface-visibility: visible !important;
  -moz-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  -o-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  -moz-animation-name: flipInY;
  -ms-animation-name: flipInY;
  -o-animation-name: flipInY;
  animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}
@-moz-keyframes flipOutX {
  0% {
    -moz-transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
  100% {
    -moz-transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}
@-o-keyframes flipOutX {
  0% {
    -o-transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
  100% {
    -o-transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}
@keyframes flipOutX {
  0% {
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
  100% {
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}
.flipOutX {
  -webkit-backface-visibility: visible;
  -moz-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-backface-visibility: visible !important;
  -moz-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  -o-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutX;
  -moz-animation-name: flipOutX;
  -ms-animation-name: flipOutX;
  -o-animation-name: flipOutX;
  animation-name: flipOutX;
}
@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}
@-moz-keyframes flipOutY {
  0% {
    -moz-transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
  100% {
    -moz-transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}
@-o-keyframes flipOutY {
  0% {
    -o-transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
  100% {
    -o-transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}
@keyframes flipOutY {
  0% {
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
  100% {
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}
.flipOutY {
  -webkit-backface-visibility: visible;
  -moz-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-backface-visibility: visible !important;
  -moz-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  -o-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  -moz-animation-name: flipOutY;
  -ms-animation-name: flipOutY;
  -o-animation-name: flipOutY;
  animation-name: flipOutY;
}
@-webkit-keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    -webkit-transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
  }
  20%,
  60% {
    -webkit-transform: rotate(80deg);
    -webkit-transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
  }
  40% {
    -webkit-transform: rotate(60deg);
    -webkit-transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
  }
  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    opacity: 1;
    -webkit-transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
  }
  100% {
    -webkit-transform: translateY(700px);
    opacity: 0;
  }
}
@-moz-keyframes hinge {
  0% {
    -moz-transform: rotate(0);
    -moz-transform-origin: top left;
    -moz-animation-timing-function: ease-in-out;
  }
  20%,
  60% {
    -moz-transform: rotate(80deg);
    -moz-transform-origin: top left;
    -moz-animation-timing-function: ease-in-out;
  }
  40% {
    -moz-transform: rotate(60deg);
    -moz-transform-origin: top left;
    -moz-animation-timing-function: ease-in-out;
  }
  80% {
    -moz-transform: rotate(60deg) translateY(0);
    opacity: 1;
    -moz-transform-origin: top left;
    -moz-animation-timing-function: ease-in-out;
  }
  100% {
    -moz-transform: translateY(700px);
    opacity: 0;
  }
}
@-o-keyframes hinge {
  0% {
    -o-transform: rotate(0);
    -o-transform-origin: top left;
    -o-animation-timing-function: ease-in-out;
  }
  20%,
  60% {
    -o-transform: rotate(80deg);
    -o-transform-origin: top left;
    -o-animation-timing-function: ease-in-out;
  }
  40% {
    -o-transform: rotate(60deg);
    -o-transform-origin: top left;
    -o-animation-timing-function: ease-in-out;
  }
  80% {
    -o-transform: rotate(60deg) translateY(0);
    opacity: 1;
    -o-transform-origin: top left;
    -o-animation-timing-function: ease-in-out;
  }
  100% {
    -o-transform: translateY(700px);
    opacity: 0;
  }
}
@keyframes hinge {
  0% {
    transform: rotate(0);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }
  20%,
  60% {
    transform: rotate(80deg);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }
  40% {
    transform: rotate(60deg);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }
  80% {
    transform: rotate(60deg) translateY(0);
    opacity: 1;
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }
  100% {
    transform: translateY(700px);
    opacity: 0;
  }
}
.hinge {
  -webkit-animation-name: hinge;
  -moz-animation-name: hinge;
  -ms-animation-name: hinge;
  -o-animation-name: hinge;
  animation-name: hinge;
}
@-webkit-keyframes lightSpeedIn {
  0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}
@-moz-keyframes lightSpeedIn {
  0% {
    -moz-transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -moz-transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }
  80% {
    -moz-transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }
  100% {
    -moz-transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}
@-o-keyframes lightSpeedIn {
  0% {
    -o-transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -o-transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }
  80% {
    -o-transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }
  100% {
    -o-transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}
@keyframes lightSpeedIn {
  0% {
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
  60% {
    transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }
  80% {
    transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }
  100% {
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}
.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  -moz-animation-name: lightSpeedIn;
  -ms-animation-name: lightSpeedIn;
  -o-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  -moz-animation-timing-function: ease-out;
  -ms-animation-timing-function: ease-out;
  -o-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOut {
  0% {
    -webkit-transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
}
@-moz-keyframes lightSpeedOut {
  0% {
    -moz-transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
  100% {
    -moz-transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
}
@-o-keyframes lightSpeedOut {
  0% {
    -o-transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
  100% {
    -o-transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
}
@keyframes lightSpeedOut {
  0% {
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
  100% {
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
}
.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  -moz-animation-name: lightSpeedOut;
  -ms-animation-name: lightSpeedOut;
  -o-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  -moz-animation-timing-function: ease-in;
  -ms-animation-timing-function: ease-in;
  -o-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
  }
}
@-moz-keyframes pulse {
  0% {
    -moz-transform: scale(1);
  }
  50% {
    -moz-transform: scale(1.1);
  }
  100% {
    -moz-transform: scale(1);
  }
}
@-o-keyframes pulse {
  0% {
    -o-transform: scale(1);
  }
  50% {
    -o-transform: scale(1.1);
  }
  100% {
    -o-transform: scale(1);
  }
}
@keyframes pulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
.pulse {
  -webkit-animation-name: pulse;
  -moz-animation-name: pulse;
  -ms-animation-name: pulse;
  -o-animation-name: pulse;
  animation-name: pulse;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
  }
}
@-moz-keyframes rollIn {
  0% {
    opacity: 0;
    -moz-transform: translateX(-100%) rotate(-120deg);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0px) rotate(0deg);
  }
}
@-o-keyframes rollIn {
  0% {
    opacity: 0;
    -o-transform: translateX(-100%) rotate(-120deg);
  }
  100% {
    opacity: 1;
    -o-transform: translateX(0px) rotate(0deg);
  }
}
@keyframes rollIn {
  0% {
    opacity: 0;
    transform: translateX(-100%) rotate(-120deg);
  }
  100% {
    opacity: 1;
    transform: translateX(0px) rotate(0deg);
  }
}
.rollIn {
  -webkit-animation-name: rollIn;
  -moz-animation-name: rollIn;
  -ms-animation-name: rollIn;
  -o-animation-name: rollIn;
  animation-name: rollIn;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
  }
}
@-moz-keyframes rollOut {
  0% {
    opacity: 1;
    -moz-transform: translateX(0px) rotate(0deg);
  }
  100% {
    opacity: 0;
    -moz-transform: translateX(100%) rotate(120deg);
  }
}
@-o-keyframes rollOut {
  0% {
    opacity: 1;
    -o-transform: translateX(0px) rotate(0deg);
  }
  100% {
    opacity: 0;
    -o-transform: translateX(100%) rotate(120deg);
  }
}
@keyframes rollOut {
  0% {
    opacity: 1;
    transform: translateX(0px) rotate(0deg);
  }
  100% {
    opacity: 0;
    transform: translateX(100%) rotate(120deg);
  }
}
.rollOut {
  -webkit-animation-name: rollOut;
  -moz-animation-name: rollOut;
  -ms-animation-name: rollOut;
  -o-animation-name: rollOut;
  animation-name: rollOut;
}
@-webkit-keyframes rotateIn {
  0% {
    -webkit-transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: center center;
    -webkit-transform: rotate(0);
    opacity: 1;
  }
}
@-moz-keyframes rotateIn {
  0% {
    -moz-transform-origin: center center;
    -moz-transform: rotate(-200deg);
    opacity: 0;
  }
  100% {
    -moz-transform-origin: center center;
    -moz-transform: rotate(0);
    opacity: 1;
  }
}
@-o-keyframes rotateIn {
  0% {
    -o-transform-origin: center center;
    -o-transform: rotate(-200deg);
    opacity: 0;
  }
  100% {
    -o-transform-origin: center center;
    -o-transform: rotate(0);
    opacity: 1;
  }
}
@keyframes rotateIn {
  0% {
    transform-origin: center center;
    transform: rotate(-200deg);
    opacity: 0;
  }
  100% {
    transform-origin: center center;
    transform: rotate(0);
    opacity: 1;
  }
}
.rotateIn {
  -webkit-animation-name: rotateIn;
  -moz-animation-name: rotateIn;
  -ms-animation-name: rotateIn;
  -o-animation-name: rotateIn;
  animation-name: rotateIn;
}
@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(0);
    opacity: 1;
  }
}
@-moz-keyframes rotateInDownLeft {
  0% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(0);
    opacity: 1;
  }
}
@-o-keyframes rotateInDownLeft {
  0% {
    -o-transform-origin: left bottom;
    -o-transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -o-transform-origin: left bottom;
    -o-transform: rotate(0);
    opacity: 1;
  }
}
@keyframes rotateInDownLeft {
  0% {
    transform-origin: left bottom;
    transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    transform-origin: left bottom;
    transform: rotate(0);
    opacity: 1;
  }
}
.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  -moz-animation-name: rotateInDownLeft;
  -ms-animation-name: rotateInDownLeft;
  -o-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(0);
    opacity: 1;
  }
}
@-moz-keyframes rotateInDownRight {
  0% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(0);
    opacity: 1;
  }
}
@-o-keyframes rotateInDownRight {
  0% {
    -o-transform-origin: right bottom;
    -o-transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -o-transform-origin: right bottom;
    -o-transform: rotate(0);
    opacity: 1;
  }
}
@keyframes rotateInDownRight {
  0% {
    transform-origin: right bottom;
    transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    transform-origin: right bottom;
    transform: rotate(0);
    opacity: 1;
  }
}
.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  -moz-animation-name: rotateInDownRight;
  -ms-animation-name: rotateInDownRight;
  -o-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(0);
    opacity: 1;
  }
}
@-moz-keyframes rotateInUpLeft {
  0% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(0);
    opacity: 1;
  }
}
@-o-keyframes rotateInUpLeft {
  0% {
    -o-transform-origin: left bottom;
    -o-transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -o-transform-origin: left bottom;
    -o-transform: rotate(0);
    opacity: 1;
  }
}
@keyframes rotateInUpLeft {
  0% {
    transform-origin: left bottom;
    transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    transform-origin: left bottom;
    transform: rotate(0);
    opacity: 1;
  }
}
.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  -moz-animation-name: rotateInUpLeft;
  -ms-animation-name: rotateInUpLeft;
  -o-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(0);
    opacity: 1;
  }
}
@-moz-keyframes rotateInUpRight {
  0% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(0);
    opacity: 1;
  }
}
@-o-keyframes rotateInUpRight {
  0% {
    -o-transform-origin: right bottom;
    -o-transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -o-transform-origin: right bottom;
    -o-transform: rotate(0);
    opacity: 1;
  }
}
@keyframes rotateInUpRight {
  0% {
    transform-origin: right bottom;
    transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    transform-origin: right bottom;
    transform: rotate(0);
    opacity: 1;
  }
}
.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  -moz-animation-name: rotateInUpRight;
  -ms-animation-name: rotateInUpRight;
  -o-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateOut {
  0% {
    -webkit-transform-origin: center center;
    -webkit-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: center center;
    -webkit-transform: rotate(200deg);
    opacity: 0;
  }
}
@-moz-keyframes rotateOut {
  0% {
    -moz-transform-origin: center center;
    -moz-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -moz-transform-origin: center center;
    -moz-transform: rotate(200deg);
    opacity: 0;
  }
}
@-o-keyframes rotateOut {
  0% {
    -o-transform-origin: center center;
    -o-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -o-transform-origin: center center;
    -o-transform: rotate(200deg);
    opacity: 0;
  }
}
@keyframes rotateOut {
  0% {
    transform-origin: center center;
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    transform-origin: center center;
    transform: rotate(200deg);
    opacity: 0;
  }
}
.rotateOut {
  -webkit-animation-name: rotateOut;
  -moz-animation-name: rotateOut;
  -ms-animation-name: rotateOut;
  -o-animation-name: rotateOut;
  animation-name: rotateOut;
}
@-webkit-keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    opacity: 0;
  }
}
@-moz-keyframes rotateOutDownLeft {
  0% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(90deg);
    opacity: 0;
  }
}
@-o-keyframes rotateOutDownLeft {
  0% {
    -o-transform-origin: left bottom;
    -o-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -o-transform-origin: left bottom;
    -o-transform: rotate(90deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownLeft {
  0% {
    transform-origin: left bottom;
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    transform-origin: left bottom;
    transform: rotate(90deg);
    opacity: 0;
  }
}
.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  -moz-animation-name: rotateOutDownLeft;
  -ms-animation-name: rotateOutDownLeft;
  -o-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    opacity: 0;
  }
}
@-moz-keyframes rotateOutDownRight {
  0% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(-90deg);
    opacity: 0;
  }
}
@-o-keyframes rotateOutDownRight {
  0% {
    -o-transform-origin: right bottom;
    -o-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -o-transform-origin: right bottom;
    -o-transform: rotate(-90deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownRight {
  0% {
    transform-origin: right bottom;
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    transform-origin: right bottom;
    transform: rotate(-90deg);
    opacity: 0;
  }
}
.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  -moz-animation-name: rotateOutDownRight;
  -ms-animation-name: rotateOutDownRight;
  -o-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}
@-webkit-keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    opacity: 0;
  }
}
@-moz-keyframes rotateOutUpLeft {
  0% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(-90deg);
    opacity: 0;
  }
}
@-o-keyframes rotateOutUpLeft {
  0% {
    -o-transform-origin: left bottom;
    -o-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -o-transform-origin: left bottom;
    -o-transform: rotate(-90deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpLeft {
  0% {
    transform-origin: left bottom;
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -transform-origin: left bottom;
    -transform: rotate(-90deg);
    opacity: 0;
  }
}
.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  -moz-animation-name: rotateOutUpLeft;
  -ms-animation-name: rotateOutUpLeft;
  -o-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    opacity: 0;
  }
}
@-moz-keyframes rotateOutUpRight {
  0% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(90deg);
    opacity: 0;
  }
}
@-o-keyframes rotateOutUpRight {
  0% {
    -o-transform-origin: right bottom;
    -o-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -o-transform-origin: right bottom;
    -o-transform: rotate(90deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpRight {
  0% {
    transform-origin: right bottom;
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    transform-origin: right bottom;
    transform: rotate(90deg);
    opacity: 0;
  }
}
.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  -moz-animation-name: rotateOutUpRight;
  -ms-animation-name: rotateOutUpRight;
  -o-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}
@-webkit-keyframes shake {
  0%,
  100% {
    -webkit-transform: translateX(0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translateX(-10px);
  }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translateX(10px);
  }
}
@-moz-keyframes shake {
  0%,
  100% {
    -moz-transform: translateX(0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -moz-transform: translateX(-10px);
  }
  20%,
  40%,
  60%,
  80% {
    -moz-transform: translateX(10px);
  }
}
@-o-keyframes shake {
  0%,
  100% {
    -o-transform: translateX(0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -o-transform: translateX(-10px);
  }
  20%,
  40%,
  60%,
  80% {
    -o-transform: translateX(10px);
  }
}
@keyframes shake {
  0%,
  100% {
    transform: translateX(0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    transform: translateX(-10px);
  }
  20%,
  40%,
  60%,
  80% {
    transform: translateX(10px);
  }
}
.shake {
  -webkit-animation-name: shake;
  -moz-animation-name: shake;
  -ms-animation-name: shake;
  -o-animation-name: shake;
  animation-name: shake;
}
@-webkit-keyframes swing {
  20%,
  40%,
  60%,
  80%,
  100% {
    -webkit-transform-origin: top center;
  }
  20% {
    -webkit-transform: rotate(15deg);
  }
  40% {
    -webkit-transform: rotate(-10deg);
  }
  60% {
    -webkit-transform: rotate(5deg);
  }
  80% {
    -webkit-transform: rotate(-5deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
  }
}
@-moz-keyframes swing {
  20% {
    -moz-transform: rotate(15deg);
  }
  40% {
    -moz-transform: rotate(-10deg);
  }
  60% {
    -moz-transform: rotate(5deg);
  }
  80% {
    -moz-transform: rotate(-5deg);
  }
  100% {
    -moz-transform: rotate(0deg);
  }
}
@-o-keyframes swing {
  20% {
    -o-transform: rotate(15deg);
  }
  40% {
    -o-transform: rotate(-10deg);
  }
  60% {
    -o-transform: rotate(5deg);
  }
  80% {
    -o-transform: rotate(-5deg);
  }
  100% {
    -o-transform: rotate(0deg);
  }
}
@keyframes swing {
  20% {
    transform: rotate(15deg);
  }
  40% {
    transform: rotate(-10deg);
  }
  60% {
    transform: rotate(5deg);
  }
  80% {
    transform: rotate(-5deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
.swing {
  -webkit-transform-origin: top center;
  -moz-transform-origin: top center;
  -ms-transform-origin: top center;
  -o-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  -moz-animation-name: swing;
  -ms-animation-name: swing;
  -o-animation-name: swing;
  animation-name: swing;
}
@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale(1);
  }
  10%,
  20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
  }
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale(1.1) rotate(3deg);
  }
  40%,
  60%,
  80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
  }
  100% {
    -webkit-transform: scale(1) rotate(0);
  }
}
@-moz-keyframes tada {
  0% {
    -moz-transform: scale(1);
  }
  10%,
  20% {
    -moz-transform: scale(0.9) rotate(-3deg);
  }
  30%,
  50%,
  70%,
  90% {
    -moz-transform: scale(1.1) rotate(3deg);
  }
  40%,
  60%,
  80% {
    -moz-transform: scale(1.1) rotate(-3deg);
  }
  100% {
    -moz-transform: scale(1) rotate(0);
  }
}
@-o-keyframes tada {
  0% {
    -o-transform: scale(1);
  }
  10%,
  20% {
    -o-transform: scale(0.9) rotate(-3deg);
  }
  30%,
  50%,
  70%,
  90% {
    -o-transform: scale(1.1) rotate(3deg);
  }
  40%,
  60%,
  80% {
    -o-transform: scale(1.1) rotate(-3deg);
  }
  100% {
    -o-transform: scale(1) rotate(0);
  }
}
@keyframes tada {
  0% {
    transform: scale(1);
  }
  10%,
  20% {
    transform: scale(0.9) rotate(-3deg);
  }
  30%,
  50%,
  70%,
  90% {
    transform: scale(1.1) rotate(3deg);
  }
  40%,
  60%,
  80% {
    transform: scale(1.1) rotate(-3deg);
  }
  100% {
    transform: scale(1) rotate(0);
  }
}
.tada {
  -webkit-animation-name: tada;
  -moz-animation-name: tada;
  -ms-animation-name: tada;
  -o-animation-name: tada;
  animation-name: tada;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
  }
  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
  }
  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
  }
  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
  }
  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
  }
  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
  }
  100% {
    -webkit-transform: translateX(0%);
  }
}
@-moz-keyframes wobble {
  0% {
    -moz-transform: translateX(0%);
  }
  15% {
    -moz-transform: translateX(-25%) rotate(-5deg);
  }
  30% {
    -moz-transform: translateX(20%) rotate(3deg);
  }
  45% {
    -moz-transform: translateX(-15%) rotate(-3deg);
  }
  60% {
    -moz-transform: translateX(10%) rotate(2deg);
  }
  75% {
    -moz-transform: translateX(-5%) rotate(-1deg);
  }
  100% {
    -moz-transform: translateX(0%);
  }
}
@-o-keyframes wobble {
  0% {
    -o-transform: translateX(0%);
  }
  15% {
    -o-transform: translateX(-25%) rotate(-5deg);
  }
  30% {
    -o-transform: translateX(20%) rotate(3deg);
  }
  45% {
    -o-transform: translateX(-15%) rotate(-3deg);
  }
  60% {
    -o-transform: translateX(10%) rotate(2deg);
  }
  75% {
    -o-transform: translateX(-5%) rotate(-1deg);
  }
  100% {
    -o-transform: translateX(0%);
  }
}
@keyframes wobble {
  0% {
    transform: translateX(0%);
  }
  15% {
    transform: translateX(-25%) rotate(-5deg);
  }
  30% {
    transform: translateX(20%) rotate(3deg);
  }
  45% {
    transform: translateX(-15%) rotate(-3deg);
  }
  60% {
    transform: translateX(10%) rotate(2deg);
  }
  75% {
    transform: translateX(-5%) rotate(-1deg);
  }
  100% {
    transform: translateX(0%);
  }
}
.wobble {
  -webkit-animation-name: wobble;
  -moz-animation-name: wobble;
  -ms-animation-name: wobble;
  -o-animation-name: wobble;
  animation-name: wobble;
}
@-webkit-keyframes slideInRight {
  0% {
    -webkit-transform: translateX(20px);
  }
  100% {
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes slideInRight {
  0% {
    -moz-transform: translateX(20px);
  }
  100% {
    -moz-transform: translateX(0);
  }
}
@-o-keyframes slideInRight {
  0% {
    -o-transform: translateX(20px);
  }
  100% {
    -o-transform: translateX(0);
  }
}
@keyframes slideInRight {
  0% {
    transform: translateX(20px);
  }
  100% {
    transform: translateX(0);
  }
}
.slideInRight {
  -webkit-animation-name: slideInRight;
  -moz-animation-name: slideInRight;
  -ms-animation-name: slideInRight;
  -o-animation-name: slideInRight;
  animation-name: slideInRight;
}
@-webkit-keyframes bounceRight {
  0% {
    -webkit-transform: translateX(0);
  }
  50% {
    -webkit-transform: translateX(20px);
  }
  100% {
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes bounceRight {
  0% {
    -webkit-transform: translateX(0);
  }
  50% {
    -webkit-transform: translateX(20px);
  }
  100% {
    -webkit-transform: translateX(0);
  }
}
@-o-keyframes bounceRight {
  0% {
    -webkit-transform: translateX(0);
  }
  50% {
    -webkit-transform: translateX(20px);
  }
  100% {
    -webkit-transform: translateX(0);
  }
}
@keyframes bounceRight {
  0% {
    -webkit-transform: translateX(0);
  }
  50% {
    -webkit-transform: translateX(20px);
  }
  100% {
    -webkit-transform: translateX(0);
  }
}
.bounceRight {
  -webkit-animation-name: bounceRight;
  -moz-animation-name: bounceRight;
  -ms-animation-name: bounceRight;
  -o-animation-name: bounceRight;
  animation-name: bounceRight;
}
@-webkit-keyframes bounceLeft {
  0% {
    -webkit-transform: translateX(0);
  }
  50% {
    -webkit-transform: translateX(-10px);
  }
  100% {
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes bounceLeft {
  0% {
    -webkit-transform: translateX(0);
  }
  50% {
    -webkit-transform: translateX(-10px);
  }
  100% {
    -webkit-transform: translateX(0);
  }
}
@-o-keyframes bounceLeft {
  0% {
    -webkit-transform: translateX(0);
  }
  50% {
    -webkit-transform: translateX(-10px);
  }
  100% {
    -webkit-transform: translateX(0);
  }
}
@keyframes bounceLeft {
  0% {
    -webkit-transform: translateX(0);
  }
  50% {
    -webkit-transform: translateX(-10px);
  }
  100% {
    -webkit-transform: translateX(0);
  }
}
.bounceLeft {
  -webkit-animation-name: bounceLeft;
  -moz-animation-name: bounceLeft;
  -ms-animation-name: bounceLeft;
  -o-animation-name: bounceLeft;
  animation-name: bounceLeft;
}
@-webkit-keyframes slideInUp {
  0% {
    -webkit-transform: translateY(10px);
  }
  100% {
    -webkit-transform: translateY(0);
  }
}
@-moz-keyframes slideInUp {
  0% {
    -moz-transform: translateY(10px);
  }
  100% {
    -moz-transform: translateY(0);
  }
}
@-o-keyframes slideInUp {
  0% {
    -o-transform: translateY(10px);
  }
  100% {
    -o-transform: translateY(0);
  }
}
@keyframes slideInUp {
  0% {
    transform: translateY(10px);
  }
  100% {
    transform: translateY(0);
  }
}
.slideInUp {
  -webkit-animation-name: slideInUp;
  -moz-animation-name: slideInUp;
  -ms-animation-name: slideInUp;
  -o-animation-name: slideInUp;
  animation-name: slideInUp;
}
/* my mixins */
.ungridTable {
  width: 100%;
  display: table;
  table-layout: fixed;
}
.ungridTable > div,
.ungridTable .col {
  display: table-cell;
}
.vertCenterRel {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.vertCenterAbs {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.horizCenterRel {
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.horizCenterAbs {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.allCenterRel {
  position: relative;
  top: 50%;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
  -ms-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
}
.allCenterAbs {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
  -ms-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
}
.imgHover {
  -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-filter: contrast(1.5);
  filter: contrast(1.5);
  opacity: 0.8;
  filter: alpha(opacity=80);
}
.imgNormal {
  *-webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  webkit-filter: none;
  filter: none;
  opacity: 1;
  filter: alpha(opacity=100);
}
.DarkLinks {
  color: gainsboro !important;
  /*&:hover {
				color: @darkLinkHover !important;
			}

			&:visited {
				@darkLink !important;
			}*/
}
.Links {
  color: #00508c !important;
  /*&:hover {
				color: @linkColorHover !important;
			}

			&:visited {
				@linkColor !important;
			}*/
}
.PrimaryBtnLike {
  background: #00508c;
  color: white !important;
  border: 1px solid #00508c;
}
.PrimaryBtnLike:hover,
.PrimaryBtnLike.hover {
  background: #000000;
}
.DefaultBtnLike {
  background: transparent;
  color: #00508c !important;
  border: 1px solid #00508c;
}
.DefaultBtnLike:hover,
.DefaultBtnLike.hover {
  background: #80a8c6;
}
.BackFace {
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}
.linedIcons {
  font-family: 'lined-icons';
  display: inline-block;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.FaIco {
  font-family: "FontAwesome";
  display: inline-block;
  content: "\f105";
  float: left;
  padding-right: .3em;
}
.BackFace {
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}
/* CSS Document */
img {
  /* for responsible images */
  width: inherit;
  /* This makes the next two lines work in IE8. */
  max-width: 100% !important;
  /* Add !important if needed. */
  height: auto !important;
  /* Add !important if needed. */
}
html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*:before,
*:after {
  box-sizing: inherit;
}
/* ungrid.css */
.rw,
.rwf {
  width: 100%;
  display: table;
  table-layout: fixed;
}
.cl,
.rw > div,
.rwf > div,
.clf {
  display: table-cell;
  padding: 0 15px;
  vertical-align: top;
}
#headline .cl,
#headline .rw > div,
#headline .rwf > div,
#headline .clf {
  vertical-align: middle;
}
.rw-padded {
  margin-left: -15px;
  margin-right: -15px;
  max-width: none !important;
}
@media (max-width: 767px) {
  .cl,
  .rw > div {
    display: block !important;
    width: 100% !important;
  }
  div#center-left,
  div#main_content {
    float: none !important;
  }
  #dynwrapper {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  #topleft,
  #topright {
    display: inline-block !important;
    width: auto !important;
  }
}
@media (min-width: 768px) {
  .rw .cl,
  .rw > div {
    padding: 0 15px;
  }
  /*#right {
					padding-right: 0 !important;
					padding-left: 30px !important;
				}

				#left {
					padding-left: 0 !important;
					padding-right: 30px !important;
				}*/
}
.container.full {
  width: 100%;
  margin: 0;
  padding: 0 !important;
}
#slideshow {
  position: relative;
}
div#slideshow .moduletable {
  margin: 0;
  overflow: hidden;
}
.out-stripe,
.outerbody {
  background: white;
  position: relative;
  z-index: 15;
}
div#head-menu-btn {
  width: 62px;
  padding: 0;
}
.outer.wrap .rw .cl {
  vertical-align: middle;
}
#bottom-cls {
  padding: 80px 0 !important;
}
#footerwrapper {
  padding: 80px 0  40px !important;
}
@media only screen and (min-width: 768px) {
  div#inverted-left + #inverted-right {
    width: 33%;
  }
}
#photoframe .moduletable {
  min-height: 15em;
  max-height: 500px;
  max-height: 95vh;
}
#photoframe .moduletable img {
  min-height: 15em;
  min-width: 100%;
}
#photoframe .moduletable .flexslider li {
  max-height: 400px;
  max-height: 60vh;
}
#photoframe .moduletable .sketcharticleimage {
  min-height: 40vw;
}
.container.fnav {
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
}
@media only screen and (min-width: 992px) {
  .container.fnav {
    margin-top: 90px;
  }
}
.outerbody,
.outerfooter,
.outerbottom,
.outer.wrap,
#outerinverted {
  position: relative !important;
  z-index: 15;
  backface-visibility: hidden;
}
.outerbottom {
  text-align: center;
}
.innerbody,
html.mm-background .mm-page {
  /*fix for mmenu transform - front zposition */
  -webkit-transform: none !important;
  -moz-transform: none !important;
  -ms-transform: none !important;
  -o-transform: none !important;
  transform: none !important;
}
.outerbody {
  padding-top: 20px;
  position: relative;
}
.flexslider:hover .flex-direction-nav a {
  opacity: .8 !important;
}
.flexslider.position-nav-bottom .flex-control-nav {
  bottom: 2em !important;
}
@media only screen and (min-width: 992px) {
  .wrapfold {
    min-height: 120px;
  }
}
.outerheader {
  z-index: 85;
  overflow: visible;
  position: relative;
  right: 0;
  left: 0;
}
@media only screen and (min-width: 992px) {
  .outerheader {
    position: absolute;
    top: 0;
  }
}
@media only screen and (max-width: 991px) {
  .outerheader {
    position: fixed;
    right: 0;
    left: 0;
    border-bottom: 1px solid silver;
  }
  .outerheader > .container {
    width: 100%;
  }
}
@media only screen and (min-width: 992px) {
  #outertop + .outerheader {
    position: absolute;
    top: 60px;
  }
  #outertop + .outerheader.sticky {
    position: fixed;
    top: 0;
  }
}
@media only screen and (max-width: 991px) {
  #outertop + .outerheader {
    position: fixed;
    top: 20px;
  }
  #outertop + .outerheader.sticky {
    position: fixed;
    top: 0;
  }
}
.outerheader,
.outerheader #homelogo a {
  -webkit-transition: size 1s ease-in-out;
  -moz-transition: size 1s ease-in-out;
  -ms-transition: size 1s ease-in-out;
  -o-transition: size 1s ease-in-out;
  transition: size 1s ease-in-out;
  -webkit-transition: background 0.3s ease-in-out;
  -moz-transition: background 0.3s ease-in-out;
  -ms-transition: background 0.3s ease-in-out;
  -o-transition: background 0.3s ease-in-out;
  transition: background 0.3s ease-in-out;
}
@media only screen and (min-width: 992px) {
  .outerheader.sticky {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    background: white;
    border-bottom: 1px solid gainsboro;
  }
}

@media screen and (min-width: 992px) {
  .outerheader.sticky #homelogo a {
    width: 60px;
    height: 60px;
    background: url(img/logo-ico.png) no-repeat center center;
    background-size: contain;
  }
}

@media only screen and (max-width: 991px) {
  .outerheader.sticky #homelogo a {
    width: 40px;
    height: 40px;
  }
}
#outertop {
  position: relative;
  z-index: 2;
}
#outertop #topcenter {
  text-align: center;
}
#outertop .clf {
  vertical-align: middle;
}
#dyn .moduletable {
  position: relative;
  padding: 20px;
}
.moduletable {
  margin: 0 0 20px 0;
}
div#component *,
.col .moduletable * {
  max-width: 100%;
}
div#component * .row,
.col .moduletable * .row {
  max-width: none !important;
}
.col.inner {
  max-width: 33%;
  margin-left: 1em;
  min-width: 15em;
}
.col.inner .moduletable h1,
.col.inner .moduletable h2,
.col.inner .moduletable h3,
.col.inner .moduletable h4,
.col.inner .moduletable h5 {
  margin-top: 0;
}
.col.inner .moduletable.pic {
  padding: 0 !important;
  background: transparent;
}
.col.inner .moduletable.pic img {
  outline: 1px solid #d5d5d5;
}
#content-left {
  margin-left: 0;
  margin-right: 1em;
  margin-right: 1rem;
}
div#topbar {
  margin-bottom: 0;
  line-height: 30px;
  height: 60px;
  position: relative;
  z-index: 2000;
}
div#topbar form {
  margin-bottom: 0;
}
div#topbar li {
  display: inline-block;
}
div#topbar ul.menu {
  margin-bottom: 0;
  max-height: 20px;
  text-align: right;
  display: inline-block;
  vertical-align: middle;
}
div#topbar .btn {
  width: 100%;
  height: 40px;
  margin-top: -2px;
}
#topwrap {
  display: inline-block;
  width: 100%;
  text-align: right;
}
#topwrap p {
  margin-bottom: 0;
}
#topcenter .moduletable {
  text-align: right;
}
div#topbar .moduletable {
  padding: 0;
  margin: 0;
  display: inline-block;
  height: 20px;
  padding: 0 .5em;
  margin: -2px;
  overflow: hidden;
}
#topright {
  text-align: right;
}
#topleft {
  text-align: left;
}
#topleft ul.menu li {
  display: inline-block;
  height: 20px;
  border-radius: 3px;
}
#topleft ul.menu li:first-child {
  background: white;
}
#topleft ul.menu li:first-child a {
  color: black;
  font-weight: bold;
}
#topbar ul.menu ul {
  display: none;
  border-radius: 3px;
}
#topbar ul.menu ul:before {
  content: "";
  width: 0;
  height: 0;
  border-bottom: 15px solid black;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
  display: inline-block;
  margin-bottom: -10px;
  margin-right: 5px;
}
#topbar ul.menu ul li {
  background: black;
}
#topbar ul.menu .deeper.parent:hover > ul {
  display: block;
  position: absolute;
  z-index: 3000;
}
#topbar ul.menu .deeper.parent:hover > ul li {
  display: block;
  position: relative;
  text-align: left;
  padding: .5em;
}
@media (max-width: 767px) {
  #topbar ul.menu > li {
    overflow-x: hidden;
    padding: 0 .5em;
    display: inline-block;
    float: left;
  }
  #topleft,
  #topright {
    display: inline-block;
    float: left;
    vertical-align: middle;
    max-width: 50% !important;
  }
  #topright {
    float: right !important;
  }
  #topleft ul.menu {
    margin-top: 9px;
  }
}
@media (max-width: 600px) {
  #topbar ul.menu > li {
    max-width: 20vw;
  }
}
ul#account-menu li {
  margin-right: 0;
  margin-bottom: 0;
  line-height: 2rem;
}
ul#account-menu li a {
  display: inline-block !important;
  width: 1.5rem;
  height: 2rem;
  overflow: hidden;
}
ul#account-menu li a:before {
  font-size: 1.5rem;
}
ul#account-menu li a:hover {
  background: transparent;
}
ul#account-menu li a.img:before {
  content: "";
}
ul#account-menu li a.img:hover {
  opacity: .6;
}
#headcenter {
  padding-bottom: 0;
  max-height: 120px;
}
#tagline {
  text-align: left;
  padding-left: 2em;
}
#tagline h3 {
  margin: 0;
  text-indent: 20%;
}
#tagline h3:first-child {
  text-indent: 0;
}
#headline .moduletable {
  padding: 0;
}
.navbar {
  margin-bottom: 18px;
}
.innerbody {
  height: 100%;
  overflow: hidden;
  min-height: 100vh;
}
/* Forms */
/*.form-inline .inputbox, .form-inline input, input.inputbox {
		border-radius: 0;
		}

	.btn, textarea, select, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
	border-radius: 0 !important;

	}*/
.input-append .add-on,
.input-prepend .add-on,
select,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  height: 30px;
}
/* Search Module */
.element-invisible {
  height: 0;
  width: 0;
  margin: 0;
  font-size: 0em;
}
#search .btn {
  width: auto;
}
#search input {
  width: 8em;
}
#search form {
  margin: 0;
}
/* FontAwesome */
.fta,
.ico {
  position: relative;
}
/*replace the content value with the 
	corresponding value from the list below*/
.fta:before,
.ico:before {
  font-family: "FontAwesome";
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  text-rendering: optimizeLegibility;
  /*--adjust as necessary--*/
  font-size: 1.5em;
  padding-right: 0.3em;
  /*position: absolute;
	    top: 10px;
	    left: 0;*/
}
#headline h1,
#headline h2 {
  margin: 0 !important;
}
#headline .moduletable,
#headline p {
  margin-bottom: 0;
}
/* Logo */
.hidetext,
.element-invisible {
  text-indent: 600%;
  white-space: nowrap;
}
#homelogo > a,
#homelogo2 > a {
  display: block;
  content: "";
  background: url("img/modelec-logo-v2.png") no-repeat bottom center;
  background-size: 100% auto;
  background-size: contain;
}
#homelogo > a,
#homelogo2 > a {
  width: 200px;
  height: 70px;
  display: inline-block;
  text-indent: 300%;
  overflow: hidden;
  max-width: 100%;
  margin: 10px;
}
@media only screen and (max-width: 767px) {
  #homelogo > a,
  #homelogo2 > a {
    width: 120px;
    height: 50px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  #homelogo > a,
  #homelogo2 > a {
    width: 120px;
    height: 50px;
  }
}
#homelogo,
#homelogo2 {
  text-indent: 0;
}
#homelogo a:hover,
#homelogo2 a:hover,
#homelogo a:hover:before,
#homelogo2 a:hover:before {
  opacity: .8;
}
div#sitename {
  position: relative;
  z-index: 2000;
  padding: 0;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  div#sitename {
    width: 140px;
    text-align: left;
  }
}
#header-right {
  position: relative;
}

#headline {
  text-align: center;
  table-layout: normal;
}
#headline > .clf {
  vertical-align: middle;
}
#headline #head-menu-btn {
  width: 62px;
}
#headleft {
  position: absolute;
  left: 0;
  top: 20px;
}
.outernav {
  position: relative;
  text-align: center;
}
div#themainnav {
  position: relative;
  z-index: 8000;
}
/* Mainnav as mobile relative menu */
.TransitionMode {
  -webkit-transition: height 0.6s cubic-bezier(0.39, 0.58, 0.57, 1);
  -moz-transition: height 0.6s cubic-bezier(0.39, 0.58, 0.57, 1);
  -ms-transition: height 0.6s cubic-bezier(0.39, 0.58, 0.57, 1);
  -o-transition: height 0.6s cubic-bezier(0.39, 0.58, 0.57, 1);
  transition: height 0.6s cubic-bezier(0.39, 0.58, 0.57, 1);
}
.ClosedState {
  /*-webkit-transform-origin: top center;
				   -moz-transform-origin: top center;
				    -ms-transform-origin: top center;
				     -o-transform-origin: top center;
				        transform-origin: top center;



				-webkit-transform: scaleY(0);
				   -moz-transform: scaleY(0);
				    -ms-transform: scaleY(0);
				     -o-transform: scaleY(0);
				        transform: scaleY(0);*/
  /*.animated;
				        .fadeOutUp;
				        .animation-duration(.5s);

				       height: 0;*/
  display: none;
}
.OpenState {
  /*-webkit-transform: scaleY(1);
				   -moz-transform: scaleY(1);
				    -ms-transform: scaleY(1);
				     -o-transform: scaleY(1);
				        transform: scaleY(1);*/
  /*.animated;
				        .fadeInDown;
				        .animation-duration(.5s);

				        height: 100%;*/
  display: block;
}
#oncanvas-main.mob {
  position: relative;
  z-index: 9000;
}
#oncanvas-main.mob .menu-btn span {
  display: none;
}
#oncanvas-main.mob a {
  color: #292929;
}
#oncanvas-main.mob a:hover,
#oncanvas-main.mob a.hover {
  color: #00508c;
}
.no-js .outernav.vertical div#themainnav ul.nav.menu.vert .nav-child,
.no-js .outernav.vertical div#themainnav ul.nav.menu.vert .nav-child li {
  height: 100%;
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none;
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
  animation: none;
}
.outernav.vertical a.menu-close {
  display: none;
}
.outernav.vertical div#themainnav {
  -webkit-transition: height 0.6s cubic-bezier(0.39, 0.58, 0.57, 1);
  -moz-transition: height 0.6s cubic-bezier(0.39, 0.58, 0.57, 1);
  -ms-transition: height 0.6s cubic-bezier(0.39, 0.58, 0.57, 1);
  -o-transition: height 0.6s cubic-bezier(0.39, 0.58, 0.57, 1);
  transition: height 0.6s cubic-bezier(0.39, 0.58, 0.57, 1);
}
.outernav.vertical div#themainnav:not(:target),
.outernav.vertical div#themainnav {
  display: block;
  /*-webkit-transform-origin: top center;
				   -moz-transform-origin: top center;
				    -ms-transform-origin: top center;
				     -o-transform-origin: top center;
				        transform-origin: top center;



				-webkit-transform: scaleY(0);
				   -moz-transform: scaleY(0);
				    -ms-transform: scaleY(0);
				     -o-transform: scaleY(0);
				        transform: scaleY(0);*/
  /*.animated;
				        .fadeOutUp;
				        .animation-duration(.5s);

				       height: 0;*/
  display: none;
}
.outernav.vertical div#themainnav:target,
.outernav.vertical div#themainnav.navopen {
  /*-webkit-transform: scaleY(1);
				   -moz-transform: scaleY(1);
				    -ms-transform: scaleY(1);
				     -o-transform: scaleY(1);
				        transform: scaleY(1);*/
  /*.animated;
				        .fadeInDown;
				        .animation-duration(.5s);

				        height: 100%;*/
  display: block;
}
.outernav.vertical div#themainnav ul.nav.menu.vert {
  display: block;
  text-align: left;
  max-width: 300px;
  overflow: hidden;
}
@media only screen and (max-width: 480px) {
  .outernav.vertical div#themainnav ul.nav.menu.vert {
    float: none;
    margin: 0 auto;
  }
}
.outernav.vertical div#themainnav ul.nav.menu.vert li {
  display: block;
  text-align: left;
  min-width: 100%;
}
.outernav.vertical div#themainnav ul.nav.menu.vert li a {
  line-height: 40px;
  white-space: nowrap;
}
.outernav.vertical div#themainnav ul.nav.menu.vert li a:after {
  padding-left: 1em;
}
.outernav.vertical div#themainnav ul.nav.menu.vert li ul li,
.outernav.vertical div#themainnav ul.nav.menu.vert li .nav-child {
  position: relative !important;
  -webkit-transition: height 0.6s cubic-bezier(0.39, 0.58, 0.57, 1);
  -moz-transition: height 0.6s cubic-bezier(0.39, 0.58, 0.57, 1);
  -ms-transition: height 0.6s cubic-bezier(0.39, 0.58, 0.57, 1);
  -o-transition: height 0.6s cubic-bezier(0.39, 0.58, 0.57, 1);
  transition: height 0.6s cubic-bezier(0.39, 0.58, 0.57, 1);
}
.outernav.vertical div#themainnav ul.nav.menu.vert .nav-child {
  /*-webkit-transform-origin: top center;
				   -moz-transform-origin: top center;
				    -ms-transform-origin: top center;
				     -o-transform-origin: top center;
				        transform-origin: top center;



				-webkit-transform: scaleY(0);
				   -moz-transform: scaleY(0);
				    -ms-transform: scaleY(0);
				     -o-transform: scaleY(0);
				        transform: scaleY(0);*/
  /*.animated;
				        .fadeOutUp;
				        .animation-duration(.5s);

				       height: 0;*/
  display: none;
  display: block;
  position: relative;
}
.outernav.vertical div#themainnav ul.nav.menu.vert li.parent {
  -webkit-transition: height 0.6s cubic-bezier(0.39, 0.58, 0.57, 1);
  -moz-transition: height 0.6s cubic-bezier(0.39, 0.58, 0.57, 1);
  -ms-transition: height 0.6s cubic-bezier(0.39, 0.58, 0.57, 1);
  -o-transition: height 0.6s cubic-bezier(0.39, 0.58, 0.57, 1);
  transition: height 0.6s cubic-bezier(0.39, 0.58, 0.57, 1);
  height: auto !important;
}
.outernav.vertical div#themainnav ul.nav.menu.vert li.parent:hover > .nav-child,
.outernav.vertical div#themainnav ul.nav.menu.vert li.parent.hover > .nav-child {
  /*-webkit-transform: scaleY(1);
				   -moz-transform: scaleY(1);
				    -ms-transform: scaleY(1);
				     -o-transform: scaleY(1);
				        transform: scaleY(1);*/
  /*.animated;
				        .fadeInDown;
				        .animation-duration(.5s);

				        height: 100%;*/
  display: block;
}
div#headerwrapper {
  position: relative;
  z-index: 100;
  padding: 0 20px;
}
@media only screen and (max-width: 991px) {
  div#headerwrapper {
    display: table;
    width: 100%;
  }
  div#headerwrapper > .rw {
    display: table-cell;
    vertical-align: middle;
    width: auto;
  }
  div#headerwrapper > .rw div#head-menu-btn {
    float: right;
    text-align: right;
  }
}
h1#homelogo,
.grid-item img {
  transition: all 0.2s cubic-bezier(0.65, 0.05, 0.36, 1);
}
#homelogo a:hover {
  /* Hover behavior */
  opacity: .8;
  -moz-opacity: .8;
  filter: alpha(opacity=800);
}
#homelogo a:hover:after {
  opacity: .8;
  -moz-opacity: .8;
  filter: alpha(opacity=800);
  /* For IE8 and earlier */
}
/* Main Menu */
#navigation {
  min-height: 3em;
  text-align: left;
}
div#search {
  background: white;
  position: relative;
  z-index: 1000;
}
#mainnav {
  table-layout: auto;
  vertical-align: middle;
  text-align: center;
  position: relative;
  z-index: 8000;
}
#mainnav > .clf {
  vertical-align: middle;
  padding: 0;
}
#mainnav ul.nav li a {
  line-height: 40px;
  height: 40px;
  padding: 10px;
}
#mainnav ul.nav li li {
  display: table;
  text-align: left;
  min-height: 40px;
  width: 100%;
}
#mainnav ul.nav li li a {
  display: inline-block !important;
  vertical-align: middle;
  width: 100%;
  white-space: nowrap;
}
#mainnav ul ul li a {
  display: block;
}
.no-touch #mainnav ul ul li:hover a {
  padding-bottom: 0;
}
#mainnav ul li.current.active ul a {
  border: none;
}
#mainnav ul ul {
  max-width: 100%;
  min-width: 12em;
  padding: 0;
  margin: 0;
  position: absolute;
}
#mainnav ul ul ul {
  max-width: none;
  width: 100%;
}
#mainnav ul ul {
  display: none;
}
#mainnav .deeper.parent:hover > ul,
#mainnav .deeper.parent.hover > ul {
  display: table;
}
.no-touch #mainnav .nav-child .nav-child {
  /* 3rd level horizontals - desktop */
  position: absolute;
  left: 100%;
  top: -1px;
}
#mainnav .nav-child .nav-child {
  /* 3rd level horizontals - touch */
  position: absolute;
  left: 100%;
  top: -2px;
}
/*hides sublevels*/
#mainnav .nav-child {
  display: none;
}
#footerwrapper {
  text-align: center;
}
#footertop .moduletable p {
  display: inline-block;
  padding: 0 20px;
  text-align: center;
  text-transform: uppercase;
}
/* Bottom Menu - based on mainnav */
#bottomnav ul {
  display: block;
}
#bottomnav ul li {
  padding: 0;
}
#bottomnav ul li a {
  padding: 5px 1em;
}
#bottomnav .nav,
#bottomnav .moduletable {
  margin-bottom: 0 !important;
}
#bottomnav .moduletable_menu {
  display: inline-block;
  height: 20px;
  position: relative;
  top: 104px;
}
#bottomnav #mainnav {
  background: none;
  border: none;
  position: relative;
}
/*hides sublevels*/
#bottomnav #mainnav .nav-child {
  display: none;
}
#bottomnav li.deeper.parent {
  background: none;
}
#bottomnav .moduletable_menu a {
  font-size: .9em;
}
/* Menu Nav List */
.nav-list ul li {
  text-indent: 1em;
}
.nav-list ul ul li {
  text-indent: 2em;
}
.nav-list ul ul ul li {
  text-indent: 3em;
}
a.active {
  opacity: .7;
  filter: alpha(opacity=70);
  border-radius: 0;
}
.nav a:hover,
ul.menu a {
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.flex-caption,
li.nn_tabs-tab {
  -webkit-transition: all 1s ease-out;
  -moz-transition: all 1s ease-out;
  -ms-transition: all 1s ease-out;
  -o-transition: all 1s ease-out;
  transition: all 1s ease-out;
}
ul.menu a:before,
#mainnav a:before,
ul.menu a:after,
#mainnav a:after {
  -webkit-transition: all 0.2s easein-out;
  -moz-transition: all 0.2s easein-out;
  -ms-transition: all 0.2s easein-out;
  -o-transition: all 0.2s easein-out;
  transition: all 0.2s easein-out;
}
#mainnav li:hover > .nav-child {
  position: absolute;
  z-index: 2;
}
div#mainnav .moduletable {
  display: inline-block;
  width: 100%;
  padding: 0;
  height: 40px;
  margin-bottom: 20px;
}
.homepage #component {
  margin-bottom: 0;
}
#mainnav a.hide {
  display: none;
}
#mainnav li.deeper.parent > a:after,
#maximenuck li.level1 > a:after,
.innerbody ul.menu li.deeper.parent > a:after,
.pushy ul.menu li.deeper.parent > a:after {
  font-family: "FontAwesome";
  font-weight: bold;
  content: "\f107";
  padding-left: 0.3em;
  /*color: @white;*/
}
#mainnav ul ul .deeper.parent > a:after {
  content: "\f105";
  padding-left: .5em;
}
@media (max-width: 767px) {
  div#left {
    position: relative !important;
  }
  body {
    padding: 0;
  }
  #mainnav ul.nav li a {
    padding-left: .5em;
    padding-right: .5em;
  }
  #leader {
    max-width: 80vw;
    margin: 0 auto;
  }
}
#mainnav .current > a {
  border-radius: 0;
}
@media (max-width: 580px) {
  #navigation {
    text-align: left;
  }
  #mainnav ul.nav a {
    padding: .5em .3em;
  }
}
.outerbanner {
  position: relative;
  z-index: 0;
}
.outernav {
  position: relative;
  z-index: 55;
}
#photoframe {
  position: relative;
  z-index: auto;
  overflow: hidden;
}
#photoframe .moduletable {
  padding: 0;
  overflow: hidden;
}
/* Hidding Module Titles */
#breadcrumbs .moduletable h3,
#x-breadcrumbs .moduletable h3,
#leadertext .moduletable h3 #header .moduletable h3 {
  display: none;
}
#breadcrumbs .moduletable,
#x-breadcrumbs .moduletable {
  padding: 0;
}
ul.breadcrumb,
.breadcrumb {
  border-radius: 0;
  padding: 0 1em;
  margin: 0;
}
#breadcrumbs .breadcrumb > li + li:before {
  content: "/\00a0" !important;
}
#breadcrumbs .breadcrumb > li:first-child:before {
  content: none !important;
}
.breadcrumb .divider {
  display: none;
}
.item .page-header h2 {
  display: block;
}
#slideshow {
  position: relative;
  z-index: auto;
}
div#textover {
  position: absolute;
  z-index: 3000;
  top: 10%;
  left: 0;
  height: 80%;
  width: 63%;
  min-width: 25em !important;
  padding: 20px 2em;
  overflow: hidden;
}
div#textover .moduletable {
  margin: 0;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
div#textover .readmore {
  display: inline-block;
}
.breadcrumb {
  background: none;
  margin-left: 0;
  padding: 0;
}
#topwide .moduletable,
#contentbottom .moduletable,
#contenttop .moduletable {
  margin-bottom: 20px;
}
#contentbottom {
  margin-top: 20px;
}
.moduletable {
  min-height: 20px;
}
div#breadcrumbs .moduletable {
  padding: 0 !important;
}
#bottomwide {
  margin-bottom: 20px;
}
#footer.row {
  margin-bottom: 20px;
  min-height: 5em;
}
.innerbody ul.nav.menu.vert {
  display: block;
}
.innerbody ul.nav.menu.vert a {
  display: block;
}
.innerbody ul.nav.menu.vert .current.active > a {
  background-color: rgba(0, 0, 0, 0.75);
  opacity: .8;
}
div#footerwrapper {
  padding: 40px 0;
}
.btn.round {
  border: none;
  border-radius: 50% !important;
  padding: 1em !important;
  position: relative;
  z-index: 100;
}
.btn.round a {
  display: inline-block;
}
.moduletable.demandez {
  margin-top: -65px;
  margin-top: -5.5em;
  position: relative;
  text-align: right;
}
#cright,
#bottomnav,
#copyright {
  text-align: center;
}
.outerbottom {
  padding: 20px 0;
}
#footerbottom .moduletable {
  padding: 0;
}
/*Buttons*/
.btn {
  height: 40px;
}
.btn-mini {
  min-height: 2em;
  line-height: 1em;
}
#intro .moduletable h3 {
  margin-top: 0;
}
#intro .moduletable {
  padding: 0;
}
.right {
  text-align: right;
}
/* offcanvas menu */
/* mmenu */
.pushy {
  background: #404040;
}
.mm-menu .mm-list > li > a.mm-subopen:after,
.mm-menu .mm-list > li > a.mm-subclose:before {
  border-color: rgba(255, 255, 255, 0.7);
  margin-bottom: -1px;
}
a.mm-subclose {
  line-height: 20px !important;
}
li.mm-subtitle {
  line-height: 40px !important;
}
.mm-list {
  font: inherit;
  font-size: inherit;
}
.mm-list li {
  line-height: inherit;
  height: 40px;
}
.mm-list a.mm-subclose {
  padding-top: 8px;
  margin-top: 0;
}
.mm-list > li > a,
.mm-list > li > span {
  line-height: inherit;
  height: 40px;
}
.mm-menu .mm-list > li.mm-selected > a:not(.mm-subopen),
.mm-menu .mm-list > li.mm-selected > span {
  background: rgba(0, 0, 0, 0.5);
}
.mm-menu .mm-list > li:after {
  border-color: rgba(0, 0, 0, 0.55);
}
.mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-search):not(.mm-noresults):after {
  margin-left: 0;
}
.pushy .nav-pills > li {
  float: none !important;
}
/* no js fallback */
.no-js #opennav:target {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  margin-left: 0;
}
.no-js #opennav:not(:target) {
  margin-left: -100%;
}
.js .offcanvas-trigger a.menu-hide {
  display: none;
}
.no-js .offcanvas-trigger a.menu-hide {
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
  z-index: 2000;
  cursor: default;
}
.no-js .pushy {
  width: 250px;
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  z-index: 2900;
  margin-left: -100%;
  padding: 20px;
  padding-top: 60px;
  background: rgba(51, 51, 51, 0.9);
  overflow: scroll;
}
.no-js .pushy ul ul {
  margin-left: 1.5em;
}
.offcanvas-trigger.visible-phone {
  z-index: 8000;
  -webkit-backface-visibility: hidden;
  -webkit-transform: none;
}
.menu-btn {
  position: relative;
  font-weight: bold;
  cursor: pointer;
  text-align: center;
  transform: none;
  -webkit-transform: none !important;
  -webkit-backface-visibility: hidden;
}
.menu-btn span {
  display: none;
}
.menu-btn .fa {
  font-size: 3rem;
}
.main .menu-btn {
  width: 50px;
  height: 50px;
  display: block;
  margin-left: 15px;
}
.main .menu-btn .fa {
  font-size: 14px;
  line-height: 50px;
}
.pushy .mm-panels.mm-vertical {
  top: 0;
}
.pushy .pushy-inner {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.pushy .mm-navbar {
  border: none;
  position: absolute;
  right: 0;
  top: 20px;
  height: auto;
  display: inline-block;
}
.pushy .mm-navbar a {
  display: inline-block;
  float: right;
  padding: .3em;
  font-size: 2.5rem;
  padding-right: 30px;
  color: #555;
}
.pushy .deeper.parent,
.pushy .nav-child {
  position: relative;
  height: auto !important;
}
.pushy li {
  width: 100%;
  margin: 0;
  display: block;
  border: none;
}
.pushy li:after {
  content: none !important;
}
.pushy li a {
  height: 60px;
  line-height: 60px;
}
.pushy .nav-child li a {
  height: 40px;
  line-height: 40px;
}
.pushy a.mm-subopen + a {
  width: 100%;
}
.pushy a {
  margin: 1px 0 !important;
}
.pushy a:hover,
.pushy a.hover,
.pushy a:hover span,
.pushy a.hover span {
  background: transparent !important;
}
.pushy .mm-title {
  display: none;
}
.pushy .nav-child {
  padding: 0 !important;
  border-top: 1px solid #00508c;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 5;
  display: none;
  width: 100%;
  background: white !important;
}
.pushy .nav-child li a {
  font-size: .8em;
}
.pushy .nav-child li a.hover,
.pushy .nav-child li a:hover {
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: bounceRight;
  -moz-animation-name: bounceRight;
  -ms-animation-name: bounceRight;
  -o-animation-name: bounceRight;
  animation-name: bounceRight;
}
.pushy .nav-child li a.hover.infinite,
.pushy .nav-child li a:hover.infinite {
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.pushy .nav-child li a.hover.once,
.pushy .nav-child li a:hover.once {
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -o-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
.pushy .nav-child li a.hover.hinge,
.pushy .nav-child li a:hover.hinge {
  -webkit-animation-duration: 2s;
  -moz-animation-duration: 2s;
  -o-animation-duration: 2s;
  animation-duration: 2s;
}
.pushy .nav-child li a.hover.slow,
.pushy .nav-child li a:hover.slow {
  -webkit-animation-duration: 3s;
  -moz-animation-duration: 3s;
  -o-animation-duration: 3s;
  animation-duration: 3s;
}
.pushy li.parent.hover > .nav-child,
.pushy li.parent:hover > .nav-child {
  display: block;
}
.pushy .mm-panels > .mm-panel:after,
.pushy .mm-panels > .mm-panel:before {
  content: '';
  display: block;
  height: 0;
}
.moduletable.menu.hidden-phone {
  padding-top: 0 !important;
}
.outernav {
  -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;
}
.outernav.sticky {
  position: fixed !important;
  top: 0;
  right: 0;
  left: 0;
  bottom: auto !important;
}
div#mainnav a.visible-phone:before {
  display: none !important;
  width: 0 !important;
  background: transparent !important;
}
div#search .moduletable {
  margin-bottom: 0;
}
div#mainmenu .nav-table {
  display: table;
  table-layout: fixed;
  width: 100% !important;
}
div#mainmenu .nav-table:before,
div#mainmenu .nav-table:after {
  content: none !important;
}
div#mainmenu .nav-table > li {
  display: table-cell;
  vertical-align: bottom;
  float: none;
  line-height: 1em;
}
div#mainmenu .nav-table > li > a {
  line-height: 1em !important;
  height: auto !important;
  padding: 0 .3em !important;
}
#mainmenu > ul > li {
  text-align: center;
  padding: 0 .5em;
}
#mainmenu > ul > li > a {
  padding: 0 5px !important;
}
#mainmenu > ul > li + li a.visible-phone {
  border: none;
}
#mainmenu > ul > li a.visible-phone:before {
  display: none;
}
#mainmenu > ul > li > a {
  padding: 0;
}
#footer1 ul.menu.vert ul {
  padding-left: 1em;
}
#footer1 ul.menu.vert li a {
  padding: 10px;
  line-height: 1em;
}
div#main-menu-desk {
  padding: 0;
}

@media only screen and (max-width: 767px) {
  div#main-menu-desk {
    display: none !important;
  }
}
#mainmenu ul.nav.table {
  display: table;
  text-align: left;
  width: 100%;
}
#mainmenu ul.nav.table:before,
#mainmenu ul.nav.table:after {
  display: none;
}
#mainmenu ul.nav.table > li {
  display: table-cell;
  vertical-align: middle;
  padding: 0 10px;
  overflow: visible;
}
#mainmenu ul.nav.table > li > a {
  line-height: 1em;
  display: block;
  text-align: center;
  height: auto;
  padding-bottom: 10px !important;
}
#mainmenu ul.nav.table > li.parent:hover > .nav-child,
#mainmenu ul.nav.table > li.parent.hover > .nav-child {
  display: table;
}
#mainmenu ul.nav.table .nav-child {
  text-align: left;
  width: 15em !important;
  position: absolute;
  margin-top: 2px;
  max-width: none;
  background: #00508C;
}
#mainmenu ul.nav.table .nav-child > li {
  display: inline-block !important;
  vertical-align: middle;
  width: 100%;
  text-align: left;
  padding: 0;
  margin: 0;
}
#mainmenu ul.nav.table .nav-child > li a {
  white-space: normal;
  display: inline-block;
  text-align: left;
  vertical-align: middle;
  height: auto;
  line-height: 1em !important;
  padding: 10px;
  padding-left: 1em;
  color : #fff;
}
/* Top Menu */
ul#iconsmenu,
ul.social.icons {
  display: inline-block;
  text-align: right;
  margin: 0;
}
ul#iconsmenu li,
ul.social.icons li {
  position: relative;
  width: auto;
  overflow: hidden;
  display: inline-block;
  height: 1em;
  font-size: 2em;
  line-height: 1em;
  margin-bottom: 0 !important;
}
ul#iconsmenu li a,
ul.social.icons li a {
  width: 1.1em;
  height: 1.2em;
  display: inline-block;
}
ul#iconsmenu li a.ico:before,
ul.social.icons li a.ico:before {
  padding: 0;
  line-height: 1em;
}
ul#iconsmenu li + li,
ul.social.icons li + li {
  margin-left: .3em;
}
ul#iconsmenu li a.ico.map,
ul.social.icons li a.ico.map {
  width: 0.6em;
}
ul#iconsmenu li a.ico.email,
ul.social.icons li a.ico.email {
  width: 1.1em;
  padding-left: 1px;
}
ul.collection-finishes {
  display: table;
  table-layout: fixed;
  width: 100%;
  text-align: center;
}
ul.collection-finishes li {
  list-style-type: none;
  display: inline-block;
  width: 12em;
  padding: 20px;
  text-align: center;
  vertical-align: top;
}
ul.collection-finishes img {
  margin-bottom: 0 !important;
}
/*ul.collection-finishes br {
  display: none;
}*/
div#footer_columns .moduletable {
  text-align: left;
  margin-bottom: 40px;
}
.custom.followus ul.ico li {
  background: silver;
  border-radius: 50%;
  height: 2rem;
  width: 2rem;
  text-align: center;
}
.custom.followus ul.ico li + li {
  margin-left: .8rem;
}
.custom.followus ul.ico li:hover {
  opacity: .8;
}
.custom.followus ul.ico li a {
  color: white;
  text-align: center;
  margin: 0 auto;
  width: 1.5rem;
  height: 2rem;
  line-height: 2rem;
}
.custom.followus ul.ico li a:before {
  width: 1.5rem;
  display: block;
}
div#linkssection {
  text-align: center;
}
div#linkssection ul {
  display: inline-block;
  text-align: left;
  vertical-align: top;
  list-style-type: none;
}
div#linkssection ul li {
  font-size: .85em;
}
div#linkssection .moduletable {
  padding-top: 20px;
}
ul.ico.social.icons a:before {
  font-size: 1.3em;
}
div#topbar .nav a:hover {
  background-color: transparent;
}
ul.nav-horiz li {
  display: inline-block;
}
#bottomnav {
  text-align: center;
}
.js .invisible {
  opacity: 0 !important;
}
.reveal,
.ToFadeIn {
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: fadeInUp;
  -moz-animation-name: fadeInUp;
  -ms-animation-name: fadeInUp;
  -o-animation-name: fadeInUp;
  animation-name: fadeInUp;
  -webkit-animation-delay: 2s;
  -moz-animation-delay: 2s;
  -ms-animation-delay: 2s;
  -o-animation-delay: 2s;
  animation-delay: 2s;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
}
.reveal.infinite,
.ToFadeIn.infinite {
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.reveal.once,
.ToFadeIn.once {
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -o-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
.reveal.hinge,
.ToFadeIn.hinge {
  -webkit-animation-duration: 2s;
  -moz-animation-duration: 2s;
  -o-animation-duration: 2s;
  animation-duration: 2s;
}
.reveal.slow,
.ToFadeIn.slow {
  -webkit-animation-duration: 3s;
  -moz-animation-duration: 3s;
  -o-animation-duration: 3s;
  animation-duration: 3s;
}
#footerwrapper .reveal {
  -webkit-animation-delay: 2s;
  -moz-animation-delay: 2s;
  -ms-animation-delay: 2s;
  -o-animation-delay: 2s;
  animation-delay: 2s;
}
#photoframe .reveal {
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-delay: 0s;
  -moz-animation-delay: 0s;
  -ms-animation-delay: 0s;
  -o-animation-delay: 0s;
  animation-delay: 0s;
}
#photoframe .reveal.infinite {
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
#photoframe .reveal.once {
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -o-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
#photoframe .reveal.hinge {
  -webkit-animation-duration: 2s;
  -moz-animation-duration: 2s;
  -o-animation-duration: 2s;
  animation-duration: 2s;
}
#photoframe .reveal.slow {
  -webkit-animation-duration: 3s;
  -moz-animation-duration: 3s;
  -o-animation-duration: 3s;
  animation-duration: 3s;
}
.side.reveal {
  -webkit-animation-delay: 0s !important;
  -moz-animation-delay: 0s !important;
  -ms-animation-delay: 0s !important;
  -o-animation-delay: 0s !important;
  animation-delay: 0s !important;
}
.side.text.reveal {
  -webkit-animation-delay: 1s !important;
  -moz-animation-delay: 1s !important;
  -ms-animation-delay: 1s !important;
  -o-animation-delay: 1s !important;
  animation-delay: 1s !important;
}
#photoframe .moduletable.reveal {
  -webkit-animation-duration: 2s;
  -moz-animation-duration: 2s;
  -o-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-name: fadeInDown;
  -moz-animation-name: fadeInDown;
  -ms-animation-name: fadeInDown;
  -o-animation-name: fadeInDown;
  animation-name: fadeInDown;
}
.moduletable h1 span,
.moduletable h2 span,
.moduletable h3 span,
.moduletable h4 span,
.moduletable h5 span,
.moduletable h6 span {
  display: block;
}
.moduletable h1 span + span,
.moduletable h2 span + span,
.moduletable h3 span + span,
.moduletable h4 span + span,
.moduletable h5 span + span,
.moduletable h6 span + span {
  margin-top: 1em;
}
.moduletable > div {
  overflow: hidden;
}
#middlewrapper {
  position: relative;
}
form span.add-on {
  max-width: 2em;
}
.moduletable.centered {
  text-align: center !important;
}
.moduletable-list {
  border-top: 1px solid silver;
  margin-bottom: 40px;
}
#component .blog.news {
  margin-left: auto;
  margin-right: auto;
  margin-top: 40px;
}
#component .blog.news .blogitem {
  padding: 10px;
}
#component .blog.news .introswrap {
  margin-left: -10px;
  margin-right: -10px;
  max-width: none;
}
#component .blog .boxy .blogitem,
#component .blog-featured .boxy .blogitem {
  overflow: hidden;
}
#component .blog .boxy .blogitem *,
#component .blog-featured .boxy .blogitem * {
  max-width: 100%;
}
#component .blog .boxy .blogitem .img-intro-left,
#component .blog-featured .boxy .blogitem .img-intro-left,
#component .blog .boxy .blogitem .item-image,
#component .blog-featured .boxy .blogitem .item-image {
  overflow: hidden;
  margin-bottom: 20px;
}
#component .blog .boxy .blogitem .img-intro-left img,
#component .blog-featured .boxy .blogitem .img-intro-left img,
#component .blog .boxy .blogitem .item-image img,
#component .blog-featured .boxy .blogitem .item-image img {
  *-webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  webkit-filter: none;
  filter: none;
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
#component .blog .boxy .blogitem .img-intro-left img:hover,
#component .blog-featured .boxy .blogitem .img-intro-left img:hover,
#component .blog .boxy .blogitem .item-image img:hover,
#component .blog-featured .boxy .blogitem .item-image img:hover,
#component .blog .boxy .blogitem .img-intro-left img.hover,
#component .blog-featured .boxy .blogitem .img-intro-left img.hover,
#component .blog .boxy .blogitem .item-image img.hover,
#component .blog-featured .boxy .blogitem .item-image img.hover {
  -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-filter: contrast(1.5);
  filter: contrast(1.5);
  opacity: 0.8;
  filter: alpha(opacity=80);
}
@media only screen and (max-width: 767px) {
}
@media only screen and (max-width: 767px) {
  #component .blog .boxy .blogitem .img-intro-left,
  #component .blog-featured .boxy .blogitem .img-intro-left,
  #component .blog .boxy .blogitem .item-image img,
  #component .blog-featured .boxy .blogitem .item-image img {
    min-width: 100%;
    height: auto;
  }
}
#component .blog .boxy .blogitem p.readmore,
#component .blog-featured .boxy .blogitem p.readmore {
  text-align: left;
  position: relative;
  z-index: 30;
}
#component .blog .boxy .blogitem p.readmore .btn,
#component .blog-featured .boxy .blogitem p.readmore .btn {
  display: inline-block;
}
div#heading-right .nav-pills li {
  float: none;
  display: inline-block;
}
div#heading-right .nav-pills li a {
  /*background: @brand-primary;
			color: @white !important;
			font-weight: bold;*/
  background: #00508c;
  color: white !important;
  border: 1px solid #00508c;
  white-space: nowrap;
}
div#heading-right .nav-pills li a:hover,
div#heading-right .nav-pills li a.hover {
  background: #000000;
}
div#heading-right .moduletable {
  display: inline-block;
  vertical-align: middle;
  padding-left: 10px;
}
.offcanvas-trigger {
  position: relative;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  display: inline-block;
  vertical-align: middle;
  width: 4em;
  height: 4em;
  line-height: 4.3em;
  z-index: 3000;
  visibility: visible;
  -webkit-transform: none !important;
  -moz-transform: none !important;
  -ms-transform: none !important;
  -o-transform: none !important;
  transform: none !important;
}
.offcanvas-trigger.desk .fa {
  font-size: 24px;
}
.offcanvas-trigger.desk a.menu-btn {
  color: #00508c;
  display: block;
}
.offcanvas-trigger.desk a.menu-btn.hover,
.offcanvas-trigger.desk a.menu-btn:hover {
  color: #407ca9;
}
.offcanvas-trigger.desk a.menu-btn span {
  display: inline-block;
  font-weight: normal;
  color: #292929;
  padding-left: .7em;
  text-transform: uppercase;
  position: absolute;
  top: 0;
  height: 1em;
  line-height: 3.5em;
  margin-top: 2px;
}
.moduletable.mod-introtext {
  padding: 30px 0;
}
.outer-stripe .moduletable {
  margin-top: 20px;
}
.outer-stripe .moduletable > h2 {
  padding: 1em 0;
}
.outer-stripe.text .moduletable {
  padding: 20px 0;
}
div#news-outer-sub {
  height: 56vw;
  max-height: 75vh;
  background: rgba(0, 0, 0, 0.2);
  position: relative;
  display: table !important;
  width: 100%;
}
div#news-outer-sub > div {
  display: table-cell;
  vertical-align: middle;
}
div#news-outer-sub #news-wrap .moduletable {
  margin: 0;
}
div#news-outer-sub #news-wrap .moduletable.news-home {
  background: rgba(41, 41, 41, 0.7);
  padding: 20px;
  border-radius: 4px;
  margin: 40px 0;
}
.innerbody .moduletable.mod-section-nav {
  display: block;
  width: 200px;
  text-align: right;
  padding: 20px;
  position: fixed;
  right: 0;
  top: 300px;
  z-index: 35;
  margin: 0;
  padding: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.innerbody .moduletable.mod-section-nav ul.nav.menu.vert li {
  line-height: 1em;
  /*&.active {
    				background: fade(white, 10%);
    			}

    			a {
    				&:hover, &.hover {
    					background: fade(@black, 20%);
    				}
    			}*/
}
@media only screen and (min-width: 992px) {
  .innerbody .moduletable.mod-section-nav {
    width: auto;
    max-width: 25em;
  }
  .innerbody .moduletable.mod-section-nav > h3 {
    display: none;
  }
  .innerbody .moduletable.mod-section-nav ul.nav {
    padding-right: 30px;
  }
  .innerbody .moduletable.mod-section-nav ul.nav li {
    display: block;
    height: auto;
  }
  .innerbody .moduletable.mod-section-nav ul.nav li.active a:after {
    color: #333;
  }
  .innerbody .moduletable.mod-section-nav ul.nav li.active,
  .innerbody .moduletable.mod-section-nav ul.nav li.active a {
    background: transparent;
  }
  .innerbody .moduletable.mod-section-nav ul.nav li.active a:after {
    background: #00508c;
  }
  .innerbody .moduletable.mod-section-nav ul.nav li a.active:after {
    background: #00508c;
  }
  .innerbody .moduletable.mod-section-nav ul.nav li:hover,
  .innerbody .moduletable.mod-section-nav ul.nav li:hover a {
    background: transparent !important;
  }
  .innerbody .moduletable.mod-section-nav ul.nav li a {
    display: inline-block;
    padding: 7px 20px;
    padding-left: 0;
    pointer-events: none;
  }
  .innerbody .moduletable.mod-section-nav ul.nav li a:after,
  .innerbody .moduletable.mod-section-nav ul.nav li a:before {
    pointer-events: all;
  }
  .innerbody .moduletable.mod-section-nav ul.nav li a span {
    color: white;
    background: #00508c;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
    padding: 7px 1em;
    border-radius: 2px;
    position: relative;
    z-index: 22;
    margin-right: 1em;
    pointer-events: none;
    visibility: hidden;
    opacity: 0;
  }
  .innerbody .moduletable.mod-section-nav ul.nav li a span:after {
    position: absolute;
    content: '';
    top: 50%;
    margin-top: -6px;
    right: -6px;
    width: 0;
    height: 0;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 6px solid #00508c;
  }
  .innerbody .moduletable.mod-section-nav ul.nav li a:hover span {
    visibility: visible;
    opacity: 1;
  }
  .innerbody .moduletable.mod-section-nav ul.nav li a:before,
  .innerbody .moduletable.mod-section-nav ul.nav li a:after {
    content: "";
    width: 10px;
    height: 10px;
    background: rgba(0, 0, 0, 0.4);
    position: absolute;
    right: 3px;
    top: 11px;
    border-radius: 50%;
  }
  .innerbody .moduletable.mod-section-nav ul.nav li a:before {
    width: 25px;
    height: 25px;
    top: 8px;
    right: -4px;
    border-radius: 0;
    background: transparent;
  }
  .innerbody .moduletable.mod-section-nav ul.nav li a:hover:after {
    background: rgba(0, 0, 0, 0.7);
  }
}
@media only screen and (max-width: 991px) {
  .innerbody .moduletable.mod-section-nav {
    top: 0;
    position: relative;
    background: #00508c;
    width: 100%;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
  }
  .innerbody .moduletable.mod-section-nav:before,
  .innerbody .moduletable.mod-section-nav:after {
    content: "";
    width: 100%;
    height: 100%;
    background: #00508c;
    position: absolute;
    left: -100%;
    top: 0;
  }
  .innerbody .moduletable.mod-section-nav:after {
    left: auto;
    right: -100%;
  }
  .innerbody .moduletable.mod-section-nav > h3 {
    display: inline-block;
    float: left;
    color: white;
    margin-bottom: 0 !important;
    vertical-align: middle;
    padding: .8em 0;
    text-transform: none;
    font-weight: normal;
  }
  .innerbody .moduletable.mod-section-nav > h3 span.subtitle {
    display: inline-block;
    color: white;
    margin: 0;
    font-size: inherit;
    line-height: inherit;
    text-transform: uppercase;
    font-weight: bold;
  }
  .innerbody .moduletable.mod-section-nav .offcanvas-trigger {
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    width: 48px;
    float: right;
    background: #004070;
  }
  .innerbody .moduletable.mod-section-nav .offcanvas-trigger a {
    line-height: 2em;
    width: 2em;
    height: 2em;
    padding: 1em;
  }
  .innerbody .moduletable.mod-section-nav a {
    color: white;
  }
  .innerbody .moduletable.mod-section-nav ul.nav {
    /*-webkit-transform-origin: top center;
				   -moz-transform-origin: top center;
				    -ms-transform-origin: top center;
				     -o-transform-origin: top center;
				        transform-origin: top center;



				-webkit-transform: scaleY(0);
				   -moz-transform: scaleY(0);
				    -ms-transform: scaleY(0);
				     -o-transform: scaleY(0);
				        transform: scaleY(0);*/
    /*.animated;
				        .fadeOutUp;
				        .animation-duration(.5s);

				       height: 0;*/
    position: absolute;
    display: none;
    right: 0;
    top: 100%;
    background: #004070;
    text-align: left;
  }
  .innerbody .moduletable.mod-section-nav ul.nav li {
    background: #004070;
  }
  .innerbody .moduletable.mod-section-nav ul.nav li.active {
    background: rgba(0, 0, 0, 0.5);
  }
  .innerbody .moduletable.mod-section-nav ul.nav li.active a {
    background: #003054;
    color: white;
  }
  .innerbody .moduletable.mod-section-nav ul.nav.navopen {
    /*-webkit-transform: scaleY(1);
				   -moz-transform: scaleY(1);
				    -ms-transform: scaleY(1);
				     -o-transform: scaleY(1);
				        transform: scaleY(1);*/
    /*.animated;
				        .fadeInDown;
				        .animation-duration(.5s);

				        height: 100%;*/
    display: block;
  }
}
.col-md-8 .item-page,
.item-page.real {
  background: #f9f9f9;
  padding: 30px;
  position: relative;
  margin-top: 60px;
}
.col-md-8 .item-page:after,
.item-page.real:after {
  content: '';
  display: block;
  float: right;
  height: 0px;
  width: 0px;
  border-style: solid;
  border-width: 0px 40px 40px 0px;
  border-right-color: transparent;
  background: white;
  border-bottom-color: #999;
  position: absolute;
  top: 0;
  right: 0;
}
.col-md-8 .item-page .page-header h2,
.item-page.real .page-header h2 {
  color: #00508c;
  text-transform: none;
  font-size: 2.2rem;
  font-weight: 600;
}
.col-md-8 .item-page dl.fields-container,
.item-page.real dl.fields-container {
  display: none;
}
.moduletable.mod-sidefields.well {
  margin-top: 60px;
  background: #f9f9f9 !important;
}
.moduletable.mod-sidefields.well + .moduletable > h3 {
  font-size: 1.2rem;
  font-weight: bold;
  margin-top: 30px;
}
body.activites .outertop-wide .container {
  width: 100% !important;
  padding: 0;
}
body.activites .outerbody {
  display: none;
}
.moduletable.parallax-mod {
  margin-bottom: 0 !important;
}
#gotoTop {
  display: none;
  z-index: 299;
  position: fixed;
  background-color: #333;
  background-color: rgba(0, 0, 0, 0.3);
  font-size: 20px;
  line-height: 36px;
  text-align: center;
  color: #FFF;
  top: auto;
  left: auto;
  right: 30px;
  bottom: 50px;
  cursor: pointer;
  border-radius: 2px;
  border: none;
}
#gotoTop.visible {
  display: block;
}
#gotoTop .fa {
  padding: 3px;
  color: white;
  opacity: 1;
  filter: alpha(opacity=100);
}
#gotoTop:hover {
  background: #00508c;
}
.banner-main-caption {
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: fadeInUp;
  -moz-animation-name: fadeInUp;
  -ms-animation-name: fadeInUp;
  -o-animation-name: fadeInUp;
  animation-name: fadeInUp;
  -webkit-animation-delay: 2s;
  -moz-animation-delay: 2s;
  -ms-animation-delay: 2s;
  -o-animation-delay: 2s;
  animation-delay: 2s;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
}
.banner-main-caption.infinite {
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.banner-main-caption.once {
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -o-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
.banner-main-caption.hinge {
  -webkit-animation-duration: 2s;
  -moz-animation-duration: 2s;
  -o-animation-duration: 2s;
  animation-duration: 2s;
}
.banner-main-caption.slow {
  -webkit-animation-duration: 3s;
  -moz-animation-duration: 3s;
  -o-animation-duration: 3s;
  animation-duration: 3s;
}
#photoframe .moduletable.mod-btn-page-down {
  margin: 0;
  min-height: 0 !important;
  position: absolute;
  right: 0;
  left: 0;
  bottom: 0;
  text-align: center;
}
#photoframe .moduletable.mod-btn-page-down a.btn-down {
  display: inline-block;
  margin: 0 auto;
  color: white;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-name: fadeInDown;
  -moz-animation-name: fadeInDown;
  -ms-animation-name: fadeInDown;
  -o-animation-name: fadeInDown;
  animation-name: fadeInDown;
}
#photoframe .moduletable.mod-btn-page-down a.btn-down.infinite {
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
#photoframe .moduletable.mod-btn-page-down a.btn-down.once {
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -o-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
#photoframe .moduletable.mod-btn-page-down a.btn-down.hinge {
  -webkit-animation-duration: 2s;
  -moz-animation-duration: 2s;
  -o-animation-duration: 2s;
  animation-duration: 2s;
}
#photoframe .moduletable.mod-btn-page-down a.btn-down.slow {
  -webkit-animation-duration: 3s;
  -moz-animation-duration: 3s;
  -o-animation-duration: 3s;
  animation-duration: 3s;
}
#photoframe .moduletable.mod-btn-page-down a.btn-down .fa {
  font-size: 4rem;
  padding: 20px;
}
.item-page dl.fields-container {
  display: none;
}
body.activites .out-stripe {
  border: none !important;
}
body.activites .out-stripe {
  border: none !important;
}
.mm-navbar.mm-navbar-top.mm-navbar-top-1.mm-navbar-size-2 {
  background: transparent;
}
.custom.mod-copyright.menu ul {
  display: inline-block;
  text-align: center;
}
.custom.mod-copyright.menu ul li {
  display: inline-block;
  vertical-align: middle;
}
/*ul.nav.menu.horiz.mod-list {
    display: table;
    table-layout: fixed;
    width: 100%;
}

ul.nav.menu.horiz.mod-list li {
    display: table-cell;
    vertical-align: middle;
    float: none !important;
    padding: 0 !important;
}

ul.nav.menu.horiz.mod-list li a {
    line-height: 2em !important;
    display: block;
    padding: 0;
}

ul.nav.menu.horiz.mod-list:before, ul.nav.menu.horiz.mod-list:after {
    display: none !important;
}*/
/* homepage sections mode */
.item-page.homepage.home-sections {
  display: none !important;
}
body.home-sections #component,
body.home-sections .outerbody {
  padding: 0;
}
.outer-home.page-section .moduletable {
  margin-bottom: 0;
  min-height: 20em;
  /*margin: 60px 0;*/
}

@media only screen and (min-width: 1200px) {
  .outer-home.page-section .moduletable {
    height: calc(100vh - 92px) !important;
    overflow: hidden;
  }
  .outer-home.page-section .moduletable .rw {
    overflow: hidden;
    max-height: 60vh;
  }
}
.outer-home.page-section .moduletable.tb-cell {
  display: table;
  width: 100%;
}
.outer-home.page-section .moduletable.tb-cell > h3,
.outer-home.page-section .moduletable.tb-cell > h2 {
  display: table !important;
  width: 100% !important;
}
.outer-home.page-section .moduletable.tb-cell > div {
  display: table-cell;
  width: 100%;
  vertical-align: middle;
}
/*@media only screen and (min-width: 992px) {
  div#out-home-1 .moduletable,
  div#out-home-1 .moduletable .slide-ck {
    height: calc(100vh - 207px) !important;
  }
}*/
.moduletable.halfs .rw div img {
  width: 100%;
  height: auto;
}
.moduletable.halfs .rw > div {
  width: auto !important;
}
.moduletable.halfs .side-img {
  padding: 0;
  max-height: 100%;
  overflow: hidden;
  position: relative;
}
.moduletable.vertcenter .rw > div {
  vertical-align: middle;
}

/*div#home-1 .moduletable {
    height: auto !important;
}*/

.moduletable.home-heading.centered.home-sections {
    padding: 20px 0;
}

@media only screen and (max-width: 991px) {
  div#footer_columns > div {
    width: 15em;
    display: inline-block;
    vertical-align: top;
  }
  div#footer_columns > div#footer4,
  div#footer_columns > div#footer3 {
    width: 100%;
  }
  div#footer_columns > div#footer3 .moduletable {
    width: 15em;
    display: inline-block;
    vertical-align: top;
    padding: 0 15px;
  }
  div#footer_columns > div .moduletable > h3 {
    text-align: left;
  }
  
  div#footer_columns > div .moduletable {
    margin-bottom: 40px;
  }
}

.moduletable.newsletter-placeholder.container.centered {
    margin: 0 auto;
    padding: 60px 0;
}

.moduletable.newsletter-placeholder.container.centered > div {
    max-width: 25em !important;
}

.outer-home.page-section #home-1 .moduletable {
  padding: 0 !important;
  margin: 0 !important;
  min-height: 0;
}

@media only screen and (max-width: 992px) {
  .wrapfold {
    min-height: 116px;
  }
}

@media only screen and (max-width: 1199px) {
  .outer-home.page-section .moduletable {
   padding: 60px 0;
  }
  
}

/*@media only screen and (min-width: 1200px) {
  .outer-home.page-section #home-1 {
    height: calc(100vh - 143px) !important;
    overflow: hidden;
  }
  .homepage.home-sections .wrapfold {
    min-height: 0;
  }
  .moduletable.home-heading.centered.home-sections {
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    background: white;
    z-index: 22;
  }
}*/
div#fp-nav li a span {
  box-shadow: 1px 1px 1px white;
}
#fp-nav ul li a span,
.fp-slidesNav ul li a span {
  background: black;
}

#mainmenu ul.nav.table .nav-child {
    margin-top: 0 !important;
}