@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);
}
.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;
}
.DarkLinks {
  color: azure !important;
  /*&:hover {
				color: @darkLinkHover !important;
			}

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

			&:visited {
				@linkColor !important;
			}*/
}
.PrimaryBtnLike {
  background: transparent;
  color: #4b97d1 !important;
  border: 1px solid #4b97d1;
}
.PrimaryBtnLike:hover,
.PrimaryBtnLike.hover {
  background: #4b97d1;
  color: white !important;
}
.DefaultBtnLike {
  background: transparent;
  color: #132533 !important;
  border: 1px solid #132533;
}
.DefaultBtnLike:hover,
.DefaultBtnLike.hover {
  background: #132533;
  color: white !important;
}
.BackFace {
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}
/* styles for '...' */
/* 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;
}
.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;
  }
  .popover.fade.bottom.in {
    width: 365px !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) {
  .bloc-assignement-content .bloc-right{
    align-items: center;
    display: flex;
  }
  .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;
}
div#head-menu-btn {
  width: 48px;
  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: 90vh;
}
#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) and (min-height:790px) {
  .container.fnav {
    margin-top: 90px;
  }
}
.outerbody,
.outerfooter,
.outerbottom,
.outer.wrap,
#outerinverted {
  position: relative !important;
  z-index: 15;
  backface-visibility: hidden;
}
.outerbottom {
  text-align: center;
}
.mm-page.mm-slideout{
z-index:2000;
}
.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: 102px;
  position: relative;
}
.flexslider:hover .flex-direction-nav a {
  opacity: .8 !important;
}
.flexslider.position-nav-bottom .flex-control-nav {
  bottom: 2em !important;
}
.wrapfold {
  min-height: 126px;
  padding-top: 126px;
}
@media only screen and (max-width: 767px) {
  .wrapfold {
    min-height: 95px;
    padding-top: 95px;
  }
  .bloc-assignement-content .bloc-right{
    padding-left: 0px;
  }  
  .courses-bloc-right .bloc-menu{
    width: 100%;
  }
  
}
.outerheader {
  position: relative;
  z-index: 2005;
  overflow: visible;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
}
.outerheader.sticky {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  background: white !important;
}
.outerheader.sticky .offcanvas-trigger{
  float: right;
}
.outerheader.sticky #headline {
  padding: 10px 0;
}
.outerheader.sticky #homelogo {
  width: 120px;
  overflow: hidden;
  -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: fadeIn;
  -moz-animation-name: fadeIn;
  -ms-animation-name: fadeIn;
  -o-animation-name: fadeIn;
  animation-name: fadeIn;
}
.outerheader.sticky #homelogo.infinite {
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.outerheader.sticky #homelogo.once {
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -o-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
.outerheader.sticky #homelogo.hinge {
  -webkit-animation-duration: 2s;
  -moz-animation-duration: 2s;
  -o-animation-duration: 2s;
  animation-duration: 2s;
}
.outerheader.sticky #homelogo.slow {
  -webkit-animation-duration: 3s;
  -moz-animation-duration: 3s;
  -o-animation-duration: 3s;
  animation-duration: 3s;
}
.outerheader.sticky #homelogo > a {
  width: 40px;
  height: 40px;
  background: url("img/ISM-Icon-Circle-Dark.svg") no-repeat bottom left;
  background-size: 100% auto;
  background-size: contain;
}
#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: 20px;
  height: 20px;
  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;
}
@media only screen and (max-width: 991px) {
  #topright {
    text-align: left;
  }
}
#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/ism-logo.png") no-repeat bottom left;
  background: url("img/ISM-Full-Logo.svg") no-repeat bottom left;
  background-size: 100% auto;
  background-size: contain;
  background-origin: top left;
  -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;
}
#homelogo > a,
#homelogo2 > a {
  width: 350px;
  height: 65px;
  display: inline-block;
  text-indent: 300%;
  overflow: hidden;
  max-width: 100%;
}

#homelogo,
#homelogo2 {
  text-indent: 0;
  text-align: left;
}
#homelogo a:hover,
#homelogo2 a:hover,
#homelogo a:hover:before,
#homelogo2 a:hover:before {
  opacity: .8;
}
div#sitename {
  position: relative;
  z-index: 2000;
  width: 350px;
  padding: 0;
}
@media only screen and (max-width: 767px) {
  div#sitename {
    width: auto;
    max-width: 50vw;
  }
}
#headline {
  text-align: center;
  padding: 20px 0;
  -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;
}
@media only screen and (min-width: 992px) and (min-height:790px) {
  #headline {
    padding-top: 35px;
  }
}
#headline > .clf {
  vertical-align: middle;
}
#headleft {
  position: absolute;
  left: 0;
  top: 20px;
}
.outernav {
  position: relative;
  text-align: center;
}
div#themainnav {
  position: relative;
  z-index: 8000;
}
div#headerwrapper {
  position: relative;
  z-index: 100;
}
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 {
  display: table;
  table-layout: auto;
  vertical-align: middle;
  text-align: center;
  position: relative;
  z-index: 8000;
}
#mainnav > .clf {
  vertical-align: middle;
  padding: 0;
}
#mainnav #homelogo2 {
  width: 8em;
  padding: 0;
}
#mainnav #homelogo2 a {
  display: block;
}
#mainnav #homelogo2 a:before,
#mainnav #homelogo2 a:after {
  content: "";
  display: block;
  position: relative;
  width: 4em;
  border-bottom: 1px solid crimson;
  margin: 10px auto;
}
#mainnav #homelogo2:before {
  content: "";
  width: 8em;
  height: 8em;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  background: #4b97d1;
  display: block;
  z-index: -1;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
div#footer-menu-top {
    margin-top: 20px;
}
#mainnav ul.nav > li {
  display: inline-block;
  padding: 0;
  vertical-align: middle;
}
#mainnav ul.nav li li {
  display: table;
  text-align: left;
  min-height: 40px;
  width: 100%;
}
#mainnav ul.nav li li a {
  display: table-cell !important;
  vertical-align: middle;
  line-height: 20px !important;
  white-space: nowrap;
}
#mainnav li a {
  height: 40px;
  padding: 0 10px;
}
#mainnav > ul > li > a {
  padding: 0 10px;
  padding: 0 1vw;
}
#mainnav .nav-child .parent {
  position: relative;
  overflow: visible;
}
#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;
}
/*#mainnav ul.nav.menu > .deeper.parent {
							&:hover, &.hover{
							> ul {
							.animated;
							.slideInUp;
							.animation-delay(0);
							.animation-duration(.2s);
							}
						}
					}*/
.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;
}
#footerwrapper .moduletable {
  margin-bottom: 0;
}
#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 {
  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 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 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;
}
.breadcrumb > li + li:before {
  content: "" !important;
  padding: 0 .3em !important;
}
#breadcrumbs .breadcrumb > li + li + li:before {
  font-family: "FontAwesome";
  font-size: 1.2em;
  content: "\f105" !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 {
  padding: 0;
  min-height: 20px;
}
div#breadcrumbs .moduletable {
  padding: 0 !important;
}
#bottomwide {
  margin-bottom: 20px;
}
#footer.row {
  margin-bottom: 20px;
  min-height: 5em;
}
ul.nav.menu.vert {
  display: inline-block;
}
ul.nav.menu.vert ul {
  padding-left: 2em;
}
ul.nav.menu.vert a {
  display: inline-block;
}
ul.nav.menu.vert .current.active > a {
  background-color: rgba(0, 0, 0, 0.75);
  padding: 0 1em;
  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;
}
div#cright {
  margin-left: 0;
  margin-top: 20px;
  margin-bottom: 20px;
}
#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;
}
.offcanvas-trigger {
  padding: 0;
}
.menu-btn {
  position: relative;
  font-weight: bold;
  cursor: pointer;
  text-align: center;
  transform: none;
  -webkit-transform: none !important;
  -webkit-backface-visibility: hidden;
}
a.menu-btn span {
  display: block;
  font-size: 1.25rem;
  line-height: 1em;
  text-transform: uppercase;
}
.menu-btn .fa {
  font-size: 3rem;
}
.pushy {
  text-align: center;
}
.pushy .deeper.parent,
.pushy .nav-child {
  position: relative !important;
  height: auto !important;
  display: inline-block;
  padding: 0 60px;
}
.pushy li {
  margin: 0;
  display: block;
  border: none;
}
.pushy li:after {
  content: none !important;
}
.pushy li a,
.pushy li span.separator {
  height: 80px;
  padding: 0;
  line-height: 80px;
  display: inline-block;
  margin: 0 auto;
}
.pushy a.mm-next {
  display: block !important;
}
.pushy .mm-vertical .mm-listview .mm-panel {
  padding: 0 !important;
}
.pushy a.mm-subopen {
  display: none;
}
.pushy a.mm-subopen + a,
.pushy a.mm-subopen span.separator {
  width: 100%;
}
.pushy a,
.pushy span.separator {
  /*border-bottom: 1px solid @grayDark;
				border-left: 1px solid @grayDark;
				border-top: 1px solid @grayDark;
				margin-top: -1px;
				margin-bottom: -1px;*/
  margin: 1px 0 !important;
}
.pushy a:hover,
.pushy span.separator:hover,
.pushy a.hover,
.pushy span.separator.hover {
  box-shadow: inset 1px 1px 0px #132533, inset 0px -1px 0px #132533;
}
.pushy a:hover,
.pushy span.separator:hover,
.pushy a.hover,
.pushy span.separator.hover,
.pushy a:hover span,
.pushy span.separator:hover span,
.pushy a.hover span,
.pushy span.separator.hover span {
  color: azure !important;
  background: transparent !important;
}
.pushy .mm-listview .mm-next.mm-fullsubopen + span.separator {
  padding-right: 0;
}
.pushy .mm-navbar.mm-navbar-top.mm-navbar-top-1.mm-navbar-size-2 {
  border: none;
}
.pushy .mm-panel.mm-vertical,
.pushy .mm-listview > li.mm-opened > a.mm-next,
.pushy .mm-listview > li.mm-opened.mm-vertical > a.mm-next {
  background: transparent !important;
}
.pushy a.mm-next.mm-fullsubopen:hover {
  border: none !important;
  box-shadow: none !important;
}
.pushy .mm-listview .mm-next {
  top: 24px;
  background: none;
}
.pushy .mm-listview .mm-next:before {
  content: none;
}
.pushy .mm-listview .mm-next:after {
  border-color: lightskyblue !important;
  height: 20px;
  width: 20px;
  top: 5px !important;
  border-width: 5px;
  /*-webkit-transform: none !important;
					   -moz-transform: none !important;
					    -ms-transform: none !important;
					     -o-transform: none !important;
					        transform: none !important;*/
  /*border: none;
					        border-bottom: 20px solid red;
					        border-right: 20px solid yellow;
					        border-top: 20px solid transparent;*/
}
.pushy ul {
  background: transparent !important;
}
.pushy > ul.nav.menu > li > a,
.pushy > ul.nav.menu > li > a span {
  text-transform: uppercase;
  letter-spacing: .2em;
  color: #d9d9d9 !important;
}
.pushy li.current a {
  box-shadow: inset 1px 1px 0px #132533, inset 0px -1px 0px #132533;
}
.pushy li.current > a,
.pushy li.current > a span {
  color: azure !important;
}
.pushy .nav-child {
  margin: 0;
  padding: 0 !important;
  display: block;
}
.pushy .nav-child li a,
.pushy .nav-child li span.separator {
  height: 40px;
  line-height: 40px;
}
.moduletable.menu.hidden-phone {
  padding-top: 0 !important;
}
/*.wrapfold {
	max-height: 90vh;
	position: relative;
	//overflow: hidden;
	min-height: 360px;
	height: 56vw;
}*/
.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 .5em !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;
}
div#search {
  background-color: transparent;
}
div#search .moduletable {
  margin-bottom: 0;
  display: table;
}
div#mainmenuafter {
  background-color: #ededed;
  height: 40px;
}
#search input {
  width: 60%;
  padding: 5px 2%;
}
#search .btn {
  font-size: .8em;
}
#mainmenu .item-199,
#mainmenu .item-209,
#mainmenu .item-101 {
  display: none;
}
@media (max-width: 979px) {
  #search input {
    max-width: 6vw;
  }
}
@media (min-width: 768px) and (max-width: 979px) {
  #search input {
    min-width: 7em;
  }
}
@media (min-width: 768px) {
  #search {
    width: 33%;
  }
}
div#dyn .cl {
  vertical-align: top;
  padding: 0 10px;
}
/* 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: 1.2em;
  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;
}
div#footer_columns .moduletable {
  text-align: left;
}
.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;
}
span.flex-caption {
  display: block;
  width: 40rem;
  max-width: 70vw;
  margin: 0 auto !important;
  top: 50% !important;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  padding: 0 !important;
  z-index: 8000 !important;
  -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: fadeIn;
  -moz-animation-name: fadeIn;
  -ms-animation-name: fadeIn;
  -o-animation-name: fadeIn;
  animation-name: fadeIn;
  -webkit-animation-duration: 5s;
  -moz-animation-duration: 5s;
  -ms-animation-duration: 5s;
  -o-animation-duration: 5s;
  animation-duration: 5s;
}
span.flex-caption .btn {
  display: inline-block !important;
}
span.flex-caption.infinite {
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
span.flex-caption.once {
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -o-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
span.flex-caption.hinge {
  -webkit-animation-duration: 2s;
  -moz-animation-duration: 2s;
  -o-animation-duration: 2s;
  animation-duration: 2s;
}
span.flex-caption.slow {
  -webkit-animation-duration: 3s;
  -moz-animation-duration: 3s;
  -o-animation-duration: 3s;
  animation-duration: 3s;
}
ul.nav-horiz li {
  display: inline-block;
}
#bottomnav {
  text-align: center;
}
/*.flexslider li { // transparent: fix to avoid caption flicker w/ horiz slider
			.animated;
			.fadeIn;
		}*/
.js .invisible {
  opacity: 0 !important;
}
.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-name: fadeInUp;
  -moz-animation-name: fadeInUp;
  -ms-animation-name: fadeInUp;
  -o-animation-name: fadeInUp;
  animation-name: fadeInUp;
  -webkit-animation-delay: 1s;
  -moz-animation-delay: 1s;
  -ms-animation-delay: 1s;
  -o-animation-delay: 1s;
  animation-delay: 1s;
}
.reveal.infinite {
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.reveal.once {
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -o-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
.reveal.hinge {
  -webkit-animation-duration: 2s;
  -moz-animation-duration: 2s;
  -o-animation-duration: 2s;
  animation-duration: 2s;
}
.reveal.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.slider {
  height: 200px;
  display: table;
  overflow: hidden;
}
.moduletable.slider .latestnews {
  width: 100%;
  overflow: hidden;
  display: table;
}
.moduletable.slider li {
  width: 100%;
  margin: 0;
  display: inline-block;
}
.moduletable.slider .grid-item {
  display: inline-block;
  width: 100% !important;
  table-layout: fixed;
  height: 200px;
}
@media (min-width: 767px) {
  span.flex-caption {
    text-align: center;
    margin-left: 5% !important;
    width: 45% !important;
  }
}
ul.flex-direction-nav a {
  background-image: none;
  background: rgba(192, 192, 192, 0.8);
  width: 2rem;
  height: 2rem;
  opacity: .7 !important;
  overflow: hidden;
  border-radius: 3px;
  text-align: center;
  text-indent: 0;
}
ul.flex-direction-nav a:before {
  content: "\f104";
  font-family: "FontAwesome";
  font-size: 2rem;
  padding-right: 3rem;
  color: white;
  height: 2rem;
  line-height: 1em;
  padding-left: .3em;
}
ul.flex-direction-nav a.flex-next:before {
  content: "\f105";
}
.flex-direction-nav a:hover,
button.slick-arrow:hover,
.flex-direction-nav a:focus,
button.slick-arrow:focus,
.flex-direction-nav a:active,
button.slick-arrow:active {
  opacity: 1 !important;
  background: #4b97d1 !important;
}
.flexslider:hover ul.flex-direction-nav a,
.moduletable.slick:hover .slick-arrow {
  opacity: 1 !important;
}
.outerleader .container {
  text-align: center;
  position: relative;
  z-index: 10;
}
.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;
}
.art-header span {
  display: block;
  /*+ span {
						margin-top: 1em;
					}*/
}
.art-header span:not(:last-child) {
  font-size: .66em;
  color: khaki;
  text-transform: uppercase;
  margin-bottom: 1em;
  line-height: 1em;
}
ul.latestnews {
  text-align: center;
  display: table;
  margin: 0 auto;
  overflow: hidden;
}
ul.latestnews li {
  display: inline-block;
  margin: 1em;
  overflow: hidden;
}
.grid-item {
  background-color: #4b97d1;
  width: auto;
  overflow: hidden;
  position: relative;
}
.grid-item:hover .artimg img {
  opacity: .3;
}
.grid-item:hover .toarticle {
  opacity: 1;
}
.grid-item .articletitle {
  /*position: absolute;
			    display: block;
			    width: 95%;
			    height: 92%;
			    text-align: center;
			    top: 0;
			    z-index: 40;
			    border: 1px solid @brand-primary;
			    margin: 2.5%;*/
  position: relative;
  opacity: 0;
}
.grid-item .articletitle h3 {
  width: 80%;
  margin: 0 auto;
  margin-bottom: 0 !important;
  position: absolute;
  right: 0;
  left: 0;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.grid-item .toarticle {
  display: block;
  /* height: 100%; */
  /* width: 100%; */
  position: absolute;
  top: 50%;
  /* bottom: 0; */
  z-index: 45;
  opacity: 0;
  left: 0;
  right: 0;
}
.grid-item .toarticle .gotoarticle {
  /*top: 50%;
					    position: absolute;
					    left: 0;
					    width: 100%;*/
}
.grid-item .toarticle .gotoarticle a {
  display: inline-block;
  color: white;
  padding: .5em;
  text-transform: uppercase;
  border-radius: 3px;
  border: 1px solid;
  margin-top: -50%;
}
.grid-item .toarticle .gotoarticle a:before {
  content: "\f02f";
  font-family: 'FontAwesome';
  padding-right: .5em;
}
.grid-item .artimg {
  display: block;
  overflow: hidden;
  height: 100%;
  width: 100%;
  /*&:before {
					    content: "";
					    display: block;
					    width: 100%;
					    height: 100%;
					    background-color: rgba(0, 0, 0, 0.25);
					    position: absolute;
					    z-index: 3;
					}*/
}
.grid-item .artimg a {
  display: block;
  position: relative;
  z-index: 30;
}
.grid-item .artimg img {
  width: 100% !important;
  height: auto !important;
  max-width: none !important;
  text-align: center;
  vertical-align: middle;
  z-index: 2;
  opacity: 1;
}
.moduletable.displaynews > div {
  display: table;
  table-layout: fixed;
  width: 100%;
  max-width: 100% !important;
}
@media (max-width: 599px) {
  .grid-item {
    width: 80%;
    margin: 0 auto;
  }
  .grid-item img {
    margin: 0 !important;
  }
  .grid-item .articletitle {
    height: 85%;
  }
  .latestnews,
  .latestnews li {
    display: block !important;
  }
  .gmapfront {
    float: none !important;
    display: table;
    width: auto;
    margin: 0 auto;
    margin-left: auto !important;
    text-align: center;
  }  
  .isStaffBio{
    display: flex;
    align-items: center;
    flex-direction: column;    
  }
  .isStaffBio .text-left{
    order: 2;
    margin-top: 20px;
  }
  .isStaffBio .image-right{
    order: 1;
  }  
}

.blog-alternate .item-image {
  display: inline-block;
  float: right !important;
  padding-left: 20px;
}
@media only screen and (max-width: 480px) {
  .blog-alternate .item-image {
    padding: 0 !important;
    margin-bottom: 0 !important;
  }
}
.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 .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;
  /*img {
							.imgNormal;
							.imgTransition(.5s);

							&:hover, &.hover {
								.imgHover;
							}
						}*/
}

@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: right;
  position: relative;
  z-index: 30;
}
#component .blog .boxy .blogitem p.readmore .btn,
#component .blog-featured .boxy .blogitem p.readmore .btn {
  display: inline-block;
}
#component .blog.card-view .boxy,
#component .blog-featured.card-view .boxy {
  position: relative;
  overflow: hidden;
  margin-bottom: 20px;
  color: white;
}
#component .blog.card-view .boxy .blogitem,
#component .blog-featured.card-view .boxy .blogitem {
  padding: 0;
  text-align: center;
  display: table;
  overflow: hidden;
  width: 100%;
  background: black;
  min-height: 100px;
}
#component .blog.card-view .boxy .blogitem .article-info,
#component .blog-featured.card-view .boxy .blogitem .article-info {
  display: none !important;
}
#component .blog.card-view .boxy h1,
#component .blog-featured.card-view .boxy h1,
#component .blog.card-view .boxy h2,
#component .blog-featured.card-view .boxy h2,
#component .blog.card-view .boxy h3,
#component .blog-featured.card-view .boxy h3,
#component .blog.card-view .boxy h4,
#component .blog-featured.card-view .boxy h4,
#component .blog.card-view .boxy h5,
#component .blog-featured.card-view .boxy h5,
#component .blog.card-view .boxy h6,
#component .blog-featured.card-view .boxy h6,
#component .blog.card-view .boxy .h1,
#component .blog-featured.card-view .boxy .h1,
#component .blog.card-view .boxy .h2,
#component .blog-featured.card-view .boxy .h2,
#component .blog.card-view .boxy .h3,
#component .blog-featured.card-view .boxy .h3,
#component .blog.card-view .boxy .h4,
#component .blog-featured.card-view .boxy .h4,
#component .blog.card-view .boxy .h5,
#component .blog-featured.card-view .boxy .h5,
#component .blog.card-view .boxy .h6,
#component .blog-featured.card-view .boxy .h6 {
  color: white;
}
#component .blog.card-view .boxy h1 a,
#component .blog-featured.card-view .boxy h1 a,
#component .blog.card-view .boxy h2 a,
#component .blog-featured.card-view .boxy h2 a,
#component .blog.card-view .boxy h3 a,
#component .blog-featured.card-view .boxy h3 a,
#component .blog.card-view .boxy h4 a,
#component .blog-featured.card-view .boxy h4 a,
#component .blog.card-view .boxy h5 a,
#component .blog-featured.card-view .boxy h5 a,
#component .blog.card-view .boxy h6 a,
#component .blog-featured.card-view .boxy h6 a,
#component .blog.card-view .boxy .h1 a,
#component .blog-featured.card-view .boxy .h1 a,
#component .blog.card-view .boxy .h2 a,
#component .blog-featured.card-view .boxy .h2 a,
#component .blog.card-view .boxy .h3 a,
#component .blog-featured.card-view .boxy .h3 a,
#component .blog.card-view .boxy .h4 a,
#component .blog-featured.card-view .boxy .h4 a,
#component .blog.card-view .boxy .h5 a,
#component .blog-featured.card-view .boxy .h5 a,
#component .blog.card-view .boxy .h6 a,
#component .blog-featured.card-view .boxy .h6 a {
  color: white;
}
#component .blog.card-view .boxy .img-intro-left,
#component .blog-featured.card-view .boxy .img-intro-left,
#component .blog.card-view .boxy .item-image,
#component .blog-featured.card-view .boxy .item-image {
  width: 100%;
  margin: 0;
  padding: 0;
}
#component .blog.card-view .boxy .img-intro-left a img,
#component .blog-featured.card-view .boxy .img-intro-left a img,
#component .blog.card-view .boxy .item-image a img,
#component .blog-featured.card-view .boxy .item-image a img {
  opacity: 80;
  filter: alpha(opacity=8000);
  margin: 0 !important;
  width: 100%;
  min-width: 100%;
  height: auto;
}
#component .blog.card-view .boxy .autoreadmore,
#component .blog-featured.card-view .boxy .autoreadmore {
  opacity: 0;
  filter: alpha(opacity=0);
  visibility: hidden;
}
#component .blog.card-view .boxy .page-header,
#component .blog-featured.card-view .boxy .page-header {
  opacity: 100;
  filter: alpha(opacity=10000);
  visibility: visible;
}
#component .blog.card-view .boxy .blogitem:hover .img-intro-left img,
#component .blog-featured.card-view .boxy .blogitem:hover .img-intro-left img,
#component .blog.card-view .boxy .blogitem.hover .img-intro-left img,
#component .blog-featured.card-view .boxy .blogitem.hover .img-intro-left img,
#component .blog.card-view .boxy .blogitem:hover .item-image img,
#component .blog-featured.card-view .boxy .blogitem:hover .item-image img,
#component .blog.card-view .boxy .blogitem.hover .item-image img,
#component .blog-featured.card-view .boxy .blogitem.hover .item-image img {
  opacity: 0.3 !important;
  filter: alpha(opacity=30) !important;
}
#component .blog.card-view .boxy .blogitem:hover .autoreadmore,
#component .blog-featured.card-view .boxy .blogitem:hover .autoreadmore,
#component .blog.card-view .boxy .blogitem.hover .autoreadmore,
#component .blog-featured.card-view .boxy .blogitem.hover .autoreadmore {
  opacity: 100;
  filter: alpha(opacity=10000);
  visibility: visible;
}
#component .blog.card-view .boxy .blogitem:hover .page-header,
#component .blog-featured.card-view .boxy .blogitem:hover .page-header,
#component .blog.card-view .boxy .blogitem.hover .page-header,
#component .blog-featured.card-view .boxy .blogitem.hover .page-header {
  opacity: 0;
  filter: alpha(opacity=0);
  visibility: hidden;
}
#component .blog.card-view .boxy .page-header,
#component .blog-featured.card-view .boxy .page-header,
#component .blog.card-view .boxy .autoreadmore,
#component .blog-featured.card-view .boxy .autoreadmore,
#component .blog.card-view .boxy .readmore,
#component .blog-featured.card-view .boxy .readmore {
  position: absolute;
  right: 0;
  left: 0;
  margin-left: auto;
  margin-right: auto;
  -webkit-transition: opacity 0.5s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out;
  -ms-transition: opacity 0.5s ease-in-out;
  -o-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;
}
#component .blog.card-view .boxy .autoreadmore,
#component .blog-featured.card-view .boxy .autoreadmore {
  margin: 20px;
  max-height: 70%;
  overflow: hidden;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  top: 45%;
  /*@media @phone {
						padding: 0 20px !important;
					}*/
}
#component .blog.card-view .boxy .page-header,
#component .blog-featured.card-view .boxy .page-header {
  display: inline-block;
  z-index: 20;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  overflow: hidden;
  max-width: 85% !important;
}
#component .blog.card-view .boxy .page-header h2,
#component .blog-featured.card-view .boxy .page-header h2 {
  display: inline-block;
}
#component .blog.card-view .boxy .readmore,
#component .blog-featured.card-view .boxy .readmore {
  margin: 0 auto 20px;
}
#component .blog.list-reflow,
#component .blog-featured.list-reflow,
#component .blog.card-view.reflow,
#component .blog-featured.card-view.reflow {
  display: table;
  width: 100%;
  text-align: center;
}
#component .blog.list-reflow .boxy,
#component .blog-featured.list-reflow .boxy,
#component .blog.card-view.reflow .boxy,
#component .blog-featured.card-view.reflow .boxy {
  margin-bottom: 0;
}
#component .blog.list-reflow .items-leading .boxy,
#component .blog-featured.list-reflow .items-leading .boxy,
#component .blog.card-view.reflow .items-leading .boxy,
#component .blog-featured.card-view.reflow .items-leading .boxy {
  margin-bottom: 20px;
}
#component .blog.list-reflow .items-leading .blogitem,
#component .blog-featured.list-reflow .items-leading .blogitem,
#component .blog.card-view.reflow .items-leading .blogitem,
#component .blog-featured.card-view.reflow .items-leading .blogitem {
  display: table;
  width: 100%;
}
#component .blog.list-reflow .blogitem,
#component .blog-featured.list-reflow .blogitem,
#component .blog.card-view.reflow .blogitem,
#component .blog-featured.card-view.reflow .blogitem {
  padding-bottom: 0;
  /*.img-intro-left, .item-image {
						height: 0;
						padding-bottom: 100%;
						border-radius: 50%;
						overflow: hidden;

						img {
							min-height: 230px;
							width: auto;
							max-width: 200% !important;
							.horizCenterRel;



						}
					}*/
}
#component .blog.list-reflow .blogitem img,
#component .blog-featured.list-reflow .blogitem img,
#component .blog.card-view.reflow .blogitem img,
#component .blog-featured.card-view.reflow .blogitem img {
  min-width: 100%;
  height: auto;
}
#component .blog.list-reflow .introswrap,
#component .blog-featured.list-reflow .introswrap,
#component .blog.card-view.reflow .introswrap,
#component .blog-featured.card-view.reflow .introswrap {
  display: block;
  width: auto;
  margin: 0 auto;
  text-align: center;
  background: pink;
  max-width: 100%;
}
#component .blog.list-reflow .introswrap .cols-1,
#component .blog-featured.list-reflow .introswrap .cols-1,
#component .blog.card-view.reflow .introswrap .cols-1,
#component .blog-featured.card-view.reflow .introswrap .cols-1 {
  display: inline-block;
  vertical-align: top;
  width: 17em;
  width: 230px;
  background: silver;
  margin: 0 15px 20px;
}
#component .blog.list-reflow .introswrap .cols-1 .col-sm-12,
#component .blog-featured.list-reflow .introswrap .cols-1 .col-sm-12,
#component .blog.card-view.reflow .introswrap .cols-1 .col-sm-12,
#component .blog-featured.card-view.reflow .introswrap .cols-1 .col-sm-12 {
  padding: 0;
}
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: transparent;
  color: #4b97d1 !important;
  border: 1px solid #4b97d1;
  white-space: nowrap;
}
div#heading-right .nav-pills li a:hover,
div#heading-right .nav-pills li a.hover {
  background: #4b97d1;
  color: white !important;
}
div#heading-right .moduletable {
  display: inline-block;
  vertical-align: top;
  padding-left: 10px;
}
.sticky #header-right {
  margin: 0px;
}
.sticky div#sitename {
  width: 50px;
}
#header-right {
  position: relative;
  padding-right: 20px;
  text-align: right;
  margin: 30px 0;
}
@media only screen and (max-width: 991px) {
     #header-right { margin: initial}
     .outerbody{ padding-top: 42px;}
}
@media only screen and (max-width: 767px) {
  #header-right {
    width: 3rem !important;
  }
}
#headright {
  text-align: right;
}
.offcanvas-trigger {
  position: relative;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  display: inline-block;
  vertical-align: middle;
  width: 4em;
  height: 4em;
  z-index: 3000;
  visibility: visible;
  color: #132533;
  -webkit-transform: none !important;
  -moz-transform: none !important;
  -ms-transform: none !important;
  -o-transform: none !important;
  transform: none !important;
}
.offcanvas-trigger a.menu-btn {
  color: #132533;
}
.offcanvas-trigger a.menu-btn .fa {
  font-size: 5.5rem;
}
div#bottomsides .moduletable > h3,
#component .moduletable > h3 {
  position: relative;
  padding: 40px 0;
  margin: 0 -15px;
  background: #132533;
  color: white;
}
div#bottomsides .moduletable > h3:before,
#component .moduletable > h3:before,
div#bottomsides .moduletable > h3:after,
#component .moduletable > h3:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: -100%;
  z-index: 0;
  background: #132533;
}
div#bottomsides .moduletable > h3:after,
#component .moduletable > h3:after {
  left: auto;
  right: -100%;
}
div#bottomsides div#bottom-right:not(:first-child) .moduletable > h3:before,
#component div#bottom-right:not(:first-child) .moduletable > h3:before {
  content: none;
}
div#bottomsides div#bottom-left .moduletable > h3:after,
#component div#bottom-left .moduletable > h3:after {
  content: none;
}
#dynwrapper #dyn_columns {
  margin-top: 20px;
}
#dynwrapper #dyn_columns .moduletable {
  padding: 15px;
  text-align: center;
}
#dynwrapper #dyn_columns .moduletable > div {
  overflow: visible;
}
#dynwrapper #dyn_columns .moduletable > div ul {
  display: table;
}
#dynwrapper #dyn_columns .moduletable > div .wimg {
  margin-left: -15px;
  margin-right: -15px;
  margin-top: -15px;
}
#dynwrapper #dyn_columns .moduletable > div .wimg img {
  width: 100%;
  height: auto;
}
.moduletable > div h1,
.blogitem h1,
.moduletable > div h2,
.blogitem h2,
.moduletable > div h3,
.blogitem h3,
.moduletable > div h4,
.blogitem h4,
.moduletable > div h5,
.blogitem h5,
.moduletable > div h6,
.blogitem h6,
.moduletable > div .h1,
.blogitem .h1,
.moduletable > div .h2,
.blogitem .h2,
.moduletable > div .h3,
.blogitem .h3,
.moduletable > div .h4,
.blogitem .h4,
.moduletable > div .h5,
.blogitem .h5,
.moduletable > div .h6,
.blogitem .h6 {
  line-height: 1.1em;
}
.moduletable > div h1,
.blogitem h1 {
  font-size: 27.344px !important;
}
.moduletable.boxy,
#bottom-cls .moduletable {
  position: relative;
  overflow: hidden;
}
.moduletable.boxy .img-back,
#bottom-cls .moduletable .img-back {
  background: black;
  display: block;
}
.moduletable.boxy img,
#bottom-cls .moduletable img {
  max-width: 100% !important;
  height: auto !important;
  float: none;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  webkit-filter: none;
  filter: none;
  -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;
  opacity: 1;
  filter: alpha(opacity=100);
}
.moduletable.boxy img:hover,
#bottom-cls .moduletable img:hover,
.moduletable.boxy img.hover,
#bottom-cls .moduletable 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);
}
.moduletable.boxy .art-head,
#bottom-cls .moduletable .art-head {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  line-height: 1em;
  padding: 0 2em;
  pointer-events: none;
}
.moduletable.boxy .art-head a,
#bottom-cls .moduletable .art-head a {
  color: white !important;
  font-weight: normal;
  pointer-events: all;
  text-shadow: 2px 2px 15px black, 1px 1px 0px rgba(0, 0, 0, 0.8);
}
.moduletable.boxy .art-head a:hover,
#bottom-cls .moduletable .art-head a:hover,
.moduletable.boxy .art-head a.hover,
#bottom-cls .moduletable .art-head a.hover {
  text-decoration: underline;
}
.moduletable.boxy .art-head span:not(:last-child),
#bottom-cls .moduletable .art-head span:not(:last-child) {
  font-size: .66em;
  color: khaki;
  text-transform: uppercase;
  margin-bottom: 1em;
  line-height: 1em;
}
.moduletable.boxy .art-head span:not(:last-child) + span,
#bottom-cls .moduletable .art-head span:not(:last-child) + span {
  margin-top: 0 !important;
}
.moduletable img {
  max-width: 100% !important;
}
.outerbanner .sketcharticleimage img {
  max-width: 100% !important;
}
#dyn .moduletable p {
  text-transform: unset;
}
.custom.boxy.fidelite span + span {
  font-size: .6em;
  line-height: 1.2em;
  font-weight: bold;
}
.custom.boxy.fidelite + a {
  margin-top: 20px;
}
#dynwrapper #dyn_columns .moduletable > div ul {
  text-align: left;
}
.outernavblocks {
  text-align: center;
  margin: 0 auto;
  position: relative;
  z-index: 60 !important;
  padding: 20px;
  background: silver;
  /*.homepage & {

		@media @uptodesktop {
			margin-top: -100px;
		}
	}*/
}
@media only screen and (min-width: 992px) {
  .outernavblocks {
    position: fixed;
    top: 0;
    left: 3%;
    height: 100%;
    height: 100vh;
    display: block;
    min-height: 100%;
    background: rgba(255, 255, 255, 0.8);
    width: 22%;
    max-width: 300px;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
  }
  .outernavblocks > div {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}
@media only screen and (max-width: 991px) {
  .outernavblocks {
    overflow: hidden;
  }
  .outernavblocks a.reserve {
    position: relative;
    z-index: 95;
  }
}
.outernavblocks #navblocks {
  position: relative;
}
.outernavblocks #navblocks div#reservebox {
  position: absolute;
  top: 0;
  left: 100%;
  width: 300px;
  margin-left: 20px;
  padding: 20px;
  background: rgba(255, 255, 255, 0.9);
  -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;
}
.outernavblocks #navblocks div#reservebox a.btn.btn-primary.closeBox {
  position: absolute;
  left: 100%;
  top: 0;
  border-radius: 0;
}
@media only screen and (min-width: 992px) {
  .outernavblocks #navblocks div#reservebox,
  .outernavblocks #navblocks div#reservebox.in {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
    opacity: 0;
    visibility: hidden;
  }
  .outernavblocks #navblocks div#reservebox.out {
    -webkit-transform: none !important;
    -moz-transform: none !important;
    -ms-transform: none !important;
    -o-transform: none !important;
    transform: none !important;
    opacity: 1;
    visibility: visible;
  }
}
@media only screen and (max-width: 991px) {
  .outernavblocks #navblocks div#reservebox {
    /*position: fixed;
			    		top: 140px;
			    		right: 20px;
			    		z-index: 85;
			    		left: auto;*/
    margin-left: 0;
    width: 100%;
    position: absolute;
    z-index: 85;
    top: 41px;
    left: auto;
    right: auto;
  }
  .outernavblocks #navblocks div#reservebox,
  .outernavblocks #navblocks div#reservebox.in {
    -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);
    opacity: 0;
    visibility: hidden;
  }
  .outernavblocks #navblocks div#reservebox.out {
    -webkit-transform: none !important;
    -moz-transform: none !important;
    -ms-transform: none !important;
    -o-transform: none !important;
    transform: none !important;
    opacity: 1;
    visibility: visible;
  }
}
.outernavblocks #navblocks div#reservebox .moduletable {
  margin-bottom: 0;
}
@media only screen and (min-width: 992px) and (min-height:790px) {
  .outernavblocks > div {
    top: 0;
    height: 100%;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
  }
  .outernavblocks > div #nav-blocks {
    height: 100%;
    position: relative;
    max-height: 98vh;
  }
  .outernavblocks > div #navblocks-wrap {
    height: 100%;
    position: relative;
  }
  .outernavblocks > div #navblocks {
    position: relative;
  }
  .outernavblocks > div .blockslogo {
    padding-top: 10%;
    padding-bottom: 20%;
  }
  .outernavblocks > div .moduletable.lang-drop {
    position: absolute;
    right: 0;
    left: 0;
    bottom: 60px;
  }
}
@media (min-width: 992px) and (max-height: 680px) {
  .outernavblocks {
    padding: 0 .5em;
  }
  .outernavblocks h2#homelogo2 {
    margin: 0 auto !important;
    width: 70%;
  }
  .outernavblocks h2#homelogo2 a {
    height: 80px;
  }
  .outernavblocks div#navblocks .nav.menu li {
    margin-bottom: 2px !important;
  }
  .outernavblocks div#navblocks .nav.menu li > a {
    padding: .5em 1em !important;
    line-height: 1em;
  }
  .outernavblocks div#navblocks .moduletable {
    margin-bottom: 5px;
  }
}
@media only screen and (max-width: 991px) {
  .outernavblocks {
    width: 100%;
    background: transparent;
  }
  .outernavblocks > div {
    background: silver;
    width: 360px;
    max-width: 100% !important;
    padding: 20px;
    margin: 0 auto;
  }
}
@media (min-width: 1300px) {
  .outernavblocks {
    margin-left: 3%;
  }
}
div#fixbackgroundwrap {
  height: 25vw;
  min-height: 300px;
}
#fixbackground {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  width: 100%;
  min-width: 100%;
  height: 100%;
  z-index: 0;
}

#fixbackground .moduletable img {
  min-width: 100%;
  height: auto;
  position: relative;
  top: 0;
  left: 50%;
  -webkit-transform: translateY(-33%) translateX(-50%);
  -ms-transform: translateY(-33%) translateX(-50%);
  transform: translateY(-33%) translateX(-50%);
}
@media only screen and (max-width: 767px) {
  #fixbackground .moduletable img {
    min-height: 360px;
    width: auto;
    max-width: 200% !important;
  }
}
/*@media @desktopmore {
	.outerfixback + .outerbody {
		background: transparent;
		border: none;
		box-shadow: none;
	}
}*/
@media only screen and (max-width: 991px) {
  body:not(.homepage) .outernavblocks {
    display: none;
  }
}
#photoframe #slideinset-wrap {
  position: absolute;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 3;
}
#photoframe #slideinset-wrap .moduletable {
  min-height: 0 !important;
  margin-bottom: 30px;
}
#photoframe #slideinset-wrap .moduletable.top-anchor-menu ul {
  display: table;
  text-align: center;
  width: 100%;
}
#photoframe #slideinset-wrap .moduletable.top-anchor-menu ul li {
  display: table-cell;
  float: none;
}
#photoframe #slideinset-wrap .moduletable.top-anchor-menu ul li:first-child {
  text-align: left;
}
#photoframe #slideinset-wrap .moduletable.top-anchor-menu ul li:last-child {
  text-align: right;
}
#photoframe #slideinset-wrap .moduletable.top-anchor-menu ul li a {
  display: inline-block;
  width: auto;
  width: 11em;
  text-align: center;
  border-radius: 0;
  border-width: 2px;
  padding: 5px 1em;
  background: rgba(255, 255, 255, 0.3);
}
@media only screen and (max-width: 767px) {
  #photoframe #slideinset-wrap .moduletable.top-anchor-menu ul li a {
    width: auto;
    padding: 5px;
  }
}
#photoframe #slideinset-wrap .moduletable.top-anchor-menu ul li a:hover,
#photoframe #slideinset-wrap .moduletable.top-anchor-menu ul li a.hover {
  background: #4b97d1;
}
#photoframe #slideinset-wrap .bt-inner {
  font-size: .88em;
  padding: 10px;
}
#photoframe #slideinset-wrap .bt-inner img {
  width: auto;
  min-height: 0;
  min-width: 0;
  margin: 0 1em 0 0 !important;
  max-width: 50% !important;
}
#photoframe #slideinset-wrap a.bt-title {
  display: table;
  clear: none;
  color: #4b97d1;
  font-size: 2em;
  line-height: 1em;
  margin-bottom: .3em;
  font-weight: normal;
}
#photoframe #slideinset-wrap a.bt-title:hover,
#photoframe #slideinset-wrap a.bt-title.hover {
  color: #6baad9;
}
#photoframe #slideinset-wrap a.bt-title + br {
  display: none;
}
#photoframe #slideinset-wrap .bt_handles_num li.current a {
  background: #4b97d1;
}
body.nocomponent .outerbody {
  display: none;
}
@media only screen and (max-width: 767px) {
  #bottomsides > div {
    padding: 0 !important;
  }
}
.outer.inverted.dark {
  padding-top: 40px;
}
a.black.sb-text-color {
  background: transparent !important;
}
.pri-background-container {
  -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: fadeIn;
  -moz-animation-name: fadeIn;
  -ms-animation-name: fadeIn;
  -o-animation-name: fadeIn;
  animation-name: fadeIn;
  -webkit-animation-delay: 1s;
  -moz-animation-delay: 1s;
  -ms-animation-delay: 1s;
  -o-animation-delay: 1s;
  animation-delay: 1s;
}
.pri-background-container.infinite {
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.pri-background-container.once {
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -o-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
.pri-background-container.hinge {
  -webkit-animation-duration: 2s;
  -moz-animation-duration: 2s;
  -o-animation-duration: 2s;
  animation-duration: 2s;
}
.pri-background-container.slow {
  -webkit-animation-duration: 3s;
  -moz-animation-duration: 3s;
  -o-animation-duration: 3s;
  animation-duration: 3s;
}
video.pri-background-size {
  background-color: white;
}
div#topwidelight .moduletable {
  margin: 0;
  padding: 40px 0;
}
  
@media only screen and (max-width: 991px) {
  .home div#outerdyn .container {
    width: 100%;
  }
  .container{
    margin-left: initial;
    margin-right: initial;
    width: 100%
  }
  .bloc-menu{
    display:none;
    position: fixed;
      top: 112px;
      right: 0px;
      /*width: 100%;*/
      z-index: 99;
      margin-right: auto;
      margin-left: auto;
      padding-left: 15px;
      padding-right: 15px;      
  }  
  
  #component .page-header .EditMyCourse{
    margin:0;
    right: 4px !important; 
    top:calc(50% - 20px);
    padding: 10px;
    font-size: 16px;    
  }
  .page-header .BackToCourses{
    display: none;
  }
  .page-header .EditMyCourse{
    display: none;
  }
  .closeMenu{
    text-align: right;
  }
  .closeMenu .fa-times{
    color: white;
    font-size: 25px;
  }
  #head-menu2-btn{

    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;  
    margin-bottom: 20px;
  }

  .courses-bloc-right{
    padding-left: 0px;
  }
}
.home div#outerdyn div#dyn_columns {
  position: relative;
}
.home div#outerdyn div#dyn_columns .cl .moduletable {
  margin-top: -5em !important;
}
@media screen and (min-width: 600px) and (max-width: 767px) {
  .home div#outerdyn div#dyn_columns .cl {
    width: 50% !important;
    padding: 0 15px;
    display: inline-block !important;
  }
}
@media only screen and (max-width: 767px) {
  .home div#outerdyn div#dyn_columns .cl .moduletable {
    margin-top: 0 !important;
  }
  .item-form.newspace{
    border: none;
  }
}
#dyn .moduletable.dark.intro-card {
  padding: 0 !important;
}
#dyn .moduletable.dark.intro-card .custom {
  display: table;
  width: 100%;
  position: relative;
}
#dyn .moduletable.dark.intro-card .custom > div {
  width: 100%;
  height: 10em;
  display: table;
}
@media only screen and (max-width: 767px) {
  #dyn .moduletable.dark.intro-card .custom > div {
    height: 7em;
  }
}
#dyn .moduletable.dark.intro-card .custom > div a {
  display: table-cell;
  height: 100%;
  vertical-align: middle;
}
#dyn .moduletable.dark.intro-card .custom > div a h3 {
  padding: 0 2%;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  margin-bottom: 0 !important;
  font-size: 2rem !important;
}
@media only screen and (max-width: 767px) {
  #dyn .moduletable.dark.intro-card .custom > div a h3 {
    margin: 0 auto;
  }
}
#dyn .moduletable.dark.intro-card .custom > div a:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}
#dyn .moduletable.dark.intro-card .custom > div.c-front {
  position: relative;
  z-index: 2;
  visibility: visible;
}
#dyn .moduletable.dark.intro-card .custom > div.c-back {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: -1;
  visibility: hidden;
}
#dyn .moduletable.dark.intro-card:hover .custom > div.c-front {
  z-index: -1;
  visibility: hidden;
}
#dyn .moduletable.dark.intro-card:hover .custom > div.c-back {
  z-index: 2;
  visibility: visible;
}
.moduletable.course-heading {
  margin-top: -18%;
  margin-top: -11vw;
  padding: 0 !important;
}
@media only screen and (max-width: 991px) {
  .moduletable.course-heading {
    margin-top: -5em;
  }
}
.moduletable.course-heading .btn-default {
  float: right;
  font-size: 1.6em;
  border-width: 2px !important;
}
.moduletable.course-heading .box-outer {
  width: 75%;
  margin: 0 auto 20px;
  position: relative;
  display: table;
}
@media only screen and (max-width: 991px) {
  .moduletable.course-heading .box-outer {
    width: 100%;
    padding: 0;
  }
}
.moduletable.course-heading .course-box,
.moduletable.course-heading .card-box,
.moduletable.course-heading .inner-box {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.moduletable.course-heading .course-box {
  padding: 0 40px;
}
@media screen and (max-width: 600px) {
  .moduletable.course-heading .card-box,
  .moduletable.course-heading .course-box {
    display: block;
    width: 100%;
  }
}
.moduletable.course-heading .ism-box {
  height: 16em;
  display: table;
  width: 16em;
}
@media only screen and (min-width: 768px) {
  .moduletable.course-heading .ism-box {
    margin-left: -40px;
  }
}
@media screen and (max-width: 600px) {
  .moduletable.course-heading .ism-box {
    margin: 0 auto;
    margin-top: -5%;
  }
}
.moduletable.course-heading .ism-box img {
  width: 140px;
  height: auto;
}
.moduletable.course-heading .course-box {
  padding: 60px;
  padding: 10%;
  height: 20em;
}
@media only screen and (max-width: 767px) {
  .moduletable.course-heading .course-box {
    padding: 5%;
    height: auto;
  }
}
#opennav {
  background: #132533;
  color: white;
  z-index: 3500;
}
#opennav .mm-navbar {
  text-align: left;
  padding: 20px 3% !important;
  padding: 20px 2vw !important;
}
#opennav .mm-navbar #close-mega {
  color: white;
  display: block;
  text-align: left;
  position: absolute;
  top: 0px;
  right: 25%;
  width: 4rem;
  height: 3rem;
  padding: 0;
  backface-visibility: hidden;
  opacity: 100;
  filter: alpha(opacity=10000);
}
@media only screen and (max-width: 767px) {
  #opennav .mm-navbar #close-mega {
    top: 6px;
    right: 40px;
  }
}
#opennav .mm-navbar #close-mega .fa:before {
  font-size: 3rem;
}
#opennav .mm-navbar #close-mega .fa {
  margin: 0 auto;
  display: inline-block;
  vertical-align: middle;
}
#opennav .mm-navbar #close-mega:focus,
#opennav .mm-navbar #close-mega:active {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
}
.mm-vertical li.mm-opened > .mm-panel,
li.mm-vertical.mm-opened > .mm-panel {
  -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: fadeInDown;
  -moz-animation-name: fadeInDown;
  -ms-animation-name: fadeInDown;
  -o-animation-name: fadeInDown;
  animation-name: fadeInDown;
}
.mm-vertical li.mm-opened > .mm-panel.infinite,
li.mm-vertical.mm-opened > .mm-panel.infinite {
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.mm-vertical li.mm-opened > .mm-panel.once,
li.mm-vertical.mm-opened > .mm-panel.once {
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -o-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
.mm-vertical li.mm-opened > .mm-panel.hinge,
li.mm-vertical.mm-opened > .mm-panel.hinge {
  -webkit-animation-duration: 2s;
  -moz-animation-duration: 2s;
  -o-animation-duration: 2s;
  animation-duration: 2s;
}
.mm-vertical li.mm-opened > .mm-panel.slow,
li.mm-vertical.mm-opened > .mm-panel.slow {
  -webkit-animation-duration: 3s;
  -moz-animation-duration: 3s;
  -o-animation-duration: 3s;
  animation-duration: 3s;
}
@media (min-width: 980px) {
  #opennav .mm-navbar {
    height: 140px !important;
  }
  #opennav .mm-navbar + div {
    top: 140px !important;
  }
}
a.menu-btn {
  /*&:active {
				.animated;
				.rotateIn;
				.animation-delay(0s);
				.animation-duration(.3s);
			}*/
  display: block !important;
  -webkit-transition: all .2s ease;
  -moz-transition: all .2s ease;
  -ms-transition: all .2s ease;
  -o-transition: all .2s ease;
  transition: all .2s ease;
}
a.menu-btn:focus {
  -webkit-transform: rotate(90deg) !important;
  -moz-transform: rotate(90deg) !important;
  -ms-transform: rotate(90deg) !important;
  -o-transform: rotate(90deg) !important;
  transform: rotate(90deg) !important;
}
a.menu-btn:not(:focus) {
  -webkit-transform: none !important;
  -moz-transform: none !important;
  -ms-transform: none !important;
  -o-transform: none !important;
  transform: none !important;
}
#stripedark {
  text-align: center;
  margin-bottom: 30px;
}
#stripedark .moduletable {
  display: block;
}
#stripedark .moduletable ul {
  display: table;
  list-style-type: none;
  text-align: center;
  margin: 0 auto;
  padding: 0;
  min-height: 154px;
  vertical-align: middle;
}
#stripedark .moduletable ul li {
  display: table-cell;
  padding: 10px;
  vertical-align: middle;
}
@media only screen and (max-width: 991px) {
  #stripedark .moduletable ul li {
    display: inline-block;
  }
}
#stripedark .slick-dots li button:before {
  color: white;
}
#stripedark .slick-arrow,
#stripedark .slick-arrow:before {
  color: white !important;
}
#stripedark .slick-arrow:hover,
#stripedark .slick-arrow:before:hover {
  color: rgba(255, 255, 255, 0.5) !important;
}
@media only screen and (max-width: 480px) {
  div#stripe-dark .custom ul li {
    margin-bottom: 5px;
    text-align: center;
    display: block;
  }
  div#stripe-dark .custom ul li img {
    text-align: center;
    float: none;
    margin: 0 auto;
  }
  .custom.mod-accred li {
    margin-bottom: 20px !important;
  }
}
div#bottomsides .moduletable {
  padding-bottom: 15%;
}
div#bottomsides .moduletable > h3 {
  margin-bottom: 15% !important;
}
body.programs .lgx-parallax.jaxp.parallax-mod {
  height: 27vw !important;
}
body.programs .item-page div[itemprop="articleBody"] {
  /*> p, > ul li, .key-facts p, .key-facts li, .mooaccordioncontainer p, .mooaccordioncontainer li {
			font-size: 1.6em;
			line-height: 1.4em;
			}*/
}
body.programs .item-page div[itemprop="articleBody"] > h2 {
  margin-top: 1em;
}
@media only screen and (min-width: 768px) {
  .moduletable.footer-logo p > a {
    float: right;
  }
}
div#bottom-right:first-child:last-child .moduletable.cont-centre {
  padding-bottom: 0 !important;
  margin-bottom: 8rem !important;
}
div#bottom-right:first-child:last-child .moduletable.cont-centre > h3 {
  margin-bottom: 4rem !important;
}
div#bottom-right:first-child:last-child .moduletable.cont-centre ul.actions-btns {
  margin-top: 4rem !important;
}
.moduletable.mod-location-map div {
  filter: grayscale(1);
}
.moduletable.mod-location-map {
  margin-bottom: 0;
}
@media only screen and (min-width: 768px) {
  .moduletable.mod-location-map {
    height: 460px;
  }
}
@media only screen and (max-width: 767px) {
  .moduletable.mod-location-map {
    height: 360px;
  }
}
.moduletable.mod-location-courses > div {
  overflow: visible;
}
.moduletable.mod-location-map-info {
  text-align: center;
}
.moduletable.mod-location-map-info p:last-child {
  margin-bottom: 0;
}
.moduletable.mod-location-map-info > div {
  background: #132533;
  padding: 4em;
  pointer-events: all;
  display: table-cell;
  vertical-align: middle;
}
@media only screen and (min-width: 768px) {
  .moduletable.mod-location-map-info {
    width: 20em;
    float: right;
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 767px) {
  .moduletable.mod-location-map-info {
    width: 80%;
    margin: 0 auto;
    margin-bottom: 40px;
  }
}
.outer-bottom-full {
  position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .container.inset {
    width: 100%;
  }
}
@media only screen and (min-width: 768px) {
  .container.inset {
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 2;
    pointer-events: none;
  }
  .container.inset > div {
    display: table;
    width: 100%;
    height: 100%;
  }
  .container.inset > div > div {
    display: table-cell;
    vertical-align: middle;
    float: none;
  }
}
body.locations .moduletable.student-view > h3 {
  font-weight: bold;
  margin-top: 2em;
}
.key-facts.locations.moduletable.dark {
  margin-bottom: 40px !important;
}
.moduletable.course-heading.about-heading {
  margin-top: 0;
  margin-bottom: 60px;
}
.moduletable.course-heading.about-heading .box-outer {
  width: 80%;
}
.moduletable.course-heading.about-heading .banner-box {
  max-height: 380px;
  overflow: hidden;
}
.moduletable.course-heading.about-heading .ism-box img {
  width: 79px;
  height: auto;
}
.moduletable.course-heading.about-heading .card-box {
  position: relative;
  z-index: 10;
}
.moduletable.course-heading.about-heading .card-box > div {
  margin-top: -20%;
}
@media screen and (max-width: 600px) {
  .moduletable.course-heading.about-heading .card-box {
    margin-top: -33vw;
  }
}
.moduletable.course-heading.about-heading .heading-about {
  border: 6px solid !important;
  border-radius: 2em 2em 2em 0;
  margin-left: 25%;
  width: 75%;
  display: table;
  vertical-align: middle;
  height: 260px;
  margin-bottom: -10%;
  position: relative;
  z-index: 15;
}
.moduletable.course-heading.about-heading .heading-about h2 {
  display: table-cell;
  vertical-align: middle;
  line-height: 1em !important;
}
.moduletable.about-top {
  margin-bottom: 0;
  padding-top: 20px;
  padding-bottom: 60px;
}
.pushy .deeper.parent {
  display: block;
}
ul.nav.menu.horiz.mm-listview.mm-vertical {
  width: 400px;
  margin: 0 auto;
}
.key-facts.locations.moduletable.dark {
  float: none;
  clear: both;
}
/* new widths */
@media (min-width: 1200px) {
  .container {
    width: 970px !important;
  }
}
/* ism select */
.moduletable.parallax-mod.ism-select p.lgx-parallax-logo {
  background: black;
  padding: 60px 50px;
  margin: 0 auto;
  float: none;
  display: block;
  width: 320px;
}
.moduletable.parallax-mod.ism-select p.lgx-parallax-logo img {
  width: 200px;
  height: auto !important;
  min-height: 0 !important;
  min-width: 0 !important;
}
.moduletable.parallax-mod.ism-select h1.lgx-parallax-title {
  position: absolute;
  top: 34%;
  left: 0;
  right: 0;
  color: transparent;
  z-index: -5;
}
div#contentmiddle #component > .blog.faculty .item-image,
div#contentmiddle #component > .blog.testimonials-blog .item-image {
  float: right !important;
  width: 240px;
  margin-right: 0;
  margin-left: 15px;
}
@media only screen and (max-width: 480px) {
  div#contentmiddle #component > .blog.faculty .item-image,
  div#contentmiddle #component > .blog.testimonials-blog .item-image {
    width: 100%;
    float: none;
    margin: 0;
    margin-bottom: 20px;
    display: block;
  }
}
/* Faculty custom blogview */
.no-js .faculty-blog .fulltext.closed,
.no-js .testimonial-item.outer-testimonial .fulltext.closed {
  display: block;
}
.no-js .faculty-blog a.btn.read-fac,
.no-js .testimonial-item.outer-testimonial a.btn.read-fac {
  display: none;
}
.js .faculty-blog .fulltext.closed,
.js .testimonial-item.outer-testimonial .fulltext.closed {
  height: 0;
  overflow: hidden;
}
.js .faculty-blog .fulltext.closed.open,
.js .testimonial-item.outer-testimonial .fulltext.closed.open {
  display: block;
  height: 100%;
  -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: fadeInDown;
  -moz-animation-name: fadeInDown;
  -ms-animation-name: fadeInDown;
  -o-animation-name: fadeInDown;
  animation-name: fadeInDown;
}
.js .faculty-blog .fulltext.closed.open.infinite,
.js .testimonial-item.outer-testimonial .fulltext.closed.open.infinite {
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.js .faculty-blog .fulltext.closed.open.once,
.js .testimonial-item.outer-testimonial .fulltext.closed.open.once {
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -o-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
.js .faculty-blog .fulltext.closed.open.hinge,
.js .testimonial-item.outer-testimonial .fulltext.closed.open.hinge {
  -webkit-animation-duration: 2s;
  -moz-animation-duration: 2s;
  -o-animation-duration: 2s;
  animation-duration: 2s;
}
.js .faculty-blog .fulltext.closed.open.slow,
.js .testimonial-item.outer-testimonial .fulltext.closed.open.slow {
  -webkit-animation-duration: 3s;
  -moz-animation-duration: 3s;
  -o-animation-duration: 3s;
  animation-duration: 3s;
}
.js .faculty-blog .fulltext.closing,
.js .testimonial-item.outer-testimonial .fulltext.closing {
  display: block;
  -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: fadeOutUp;
  -moz-animation-name: fadeOutUp;
  -ms-animation-name: fadeOutUp;
  -o-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}
.js .faculty-blog .fulltext.closing.infinite,
.js .testimonial-item.outer-testimonial .fulltext.closing.infinite {
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.js .faculty-blog .fulltext.closing.once,
.js .testimonial-item.outer-testimonial .fulltext.closing.once {
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -o-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
.js .faculty-blog .fulltext.closing.hinge,
.js .testimonial-item.outer-testimonial .fulltext.closing.hinge {
  -webkit-animation-duration: 2s;
  -moz-animation-duration: 2s;
  -o-animation-duration: 2s;
  animation-duration: 2s;
}
.js .faculty-blog .fulltext.closing.slow,
.js .testimonial-item.outer-testimonial .fulltext.closing.slow {
  -webkit-animation-duration: 3s;
  -moz-animation-duration: 3s;
  -o-animation-duration: 3s;
  animation-duration: 3s;
}
.moduletablecontact-page-infobox.container {
  color: white;
  padding: 0;
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
  z-index: 15;
  display: table;
  height: 100%;
  padding-top: 40px;
  padding-bottom: 20px;
}
.moduletablecontact-page-infobox.container > div {
  width: 20em !important;
  background: #132533;
  margin-left: 0;
  display: table-cell;
  vertical-align: middle;
  padding: 40px;
  float: left;
  font-weight: lighter;
}
.moduletablecontact-page-infobox.container > div h3,
.moduletablecontact-page-infobox.container > div h4,
.moduletablecontact-page-infobox.container > div h5,
.moduletablecontact-page-infobox.container > div h6 {
  color: white;
}
.moduletablecontact-page-infobox.container > div > h3 {
  margin-top: 0;
}
@media only screen and (max-width: 767px) {
  .moduletablecontact-page-infobox.container {
    width: 100%;
    padding: 0;
    position: relative;
    right: auto;
    left: auto;
    top: auto;
  }
  .moduletablecontact-page-infobox.container > div {
    text-align: center;
    margin-top: -60px;
    width: 100% !important;
  }
}
.no-component .outerbody,
.no-component div#component {
  padding: 0 !important;
}
div#photoframe {
  background: silver;
}
.lgx-parallax.jaxp.parallax-mod,
.moduletable.pri-video {
  -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: fadeIn;
  -moz-animation-name: fadeIn;
  -ms-animation-name: fadeIn;
  -o-animation-name: fadeIn;
  animation-name: fadeIn;
  -webkit-animation-duration: 0.3s;
  -moz-animation-duration: 0.3s;
  -ms-animation-duration: 0.3s;
  -o-animation-duration: 0.3s;
  animation-duration: 0.3s;
}
.lgx-parallax.jaxp.parallax-mod.infinite,
.moduletable.pri-video.infinite {
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.lgx-parallax.jaxp.parallax-mod.once,
.moduletable.pri-video.once {
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -o-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
.lgx-parallax.jaxp.parallax-mod.hinge,
.moduletable.pri-video.hinge {
  -webkit-animation-duration: 2s;
  -moz-animation-duration: 2s;
  -o-animation-duration: 2s;
  animation-duration: 2s;
}
.lgx-parallax.jaxp.parallax-mod.slow,
.moduletable.pri-video.slow {
  -webkit-animation-duration: 3s;
  -moz-animation-duration: 3s;
  -o-animation-duration: 3s;
  animation-duration: 3s;
}
.item-page.locations .key-facts.locations.moduletable.dark {
  margin-bottom: 0 !important;
}
.item-page.locations div[itemprop="articleBody"] {
  padding-bottom: 0 !important;
}
body.locations div#component {
  padding-bottom: 0 !important;
}
#photoframe #slideinset-wrap .moduletable.top-anchor-menu ul li a {
  background: rgba(255, 255, 255, 0.5);
}
/*mobile menu fix */
ul.nav.menu.horiz.mm-listview.mm-vertical {
  max-width: 100vw;
}
.mm-panels > .mm-panel {
  padding: 0;
}
@media only screen and (max-width: 480px) {
  .pushy.dark ul li a {
    white-space: normal;
    line-height: 1em;
  }
  .pushy.dark ul li a.mm-next {
    top: 4px !important;
  }
}
#photoframe #slideinset-wrap .moduletable.top-anchor-menu ul {
  width: auto;
  margin: 0 auto;
}
#photoframe #slideinset-wrap .moduletable.top-anchor-menu ul li a {
  width: auto !important;
}
div#right {
  padding-top: 20px;
}
div#right .moduletable > h3 {
  text-align: left;
}
div#right .moduletable ul {
  padding: 0;
  padding-left: 1em;
}
@media only screen and (min-width: 481px) and (max-width: 991px) {
  body.student-blog div#right > div {
    display: table-cell;
    padding: 20px;
  }
  body.student-blog div#right {
    display: table;
    table-layout: fixed;
    width: 100%;
  }
}
@media only screen and (min-width: 992px) {
  div#slide-inset .moduletable + .moduletable {
    margin-top: -20px;
  }
  #head-menu2-btn,.closeMenu{
    display: none;
  }
}
.moduletable.student-stories-wrapper > h2 {
  position: relative;
  padding: 40px 0;
  margin: 0 !important;
  background: #132533;
  color: white;
}

.login-wrapper{padding:0 0 20px 0;border-bottom:1px solid #132533;overflow: hidden;width: 100% !important;}
.login-wrapper .formlogin{width: 65%;float: left;}
.login-wrapper .formlogin form{border:0 !important}
.login-wrapper .formlogin h2{border:0 !important;padding: 0;font-size: 30px;text-align: left;}
.login-wrapper .rightlogin{width: 35%;float: right;margin:0;}
.login-wrapper .rightlogin h3{font-size: 30px}

.login-wrapper .formlogin .buttonBlue13, #form_container .linkBlue{
    color: #6baad9;
    font-size: 16px;
    background: none;
    border: 0;
    font-weight: 600;
    text-decoration: none;}

.login-wrapper .formlogin .buttonBlue13:hover, #form_container .linkBlue:hover{
    opacity: .8;
    -moz-opacity: .8;
    text-decoration: underline;}

.login-wrapper .formlogin .rsform-submit-button{font-size: 14px}

#form_container .note{font-size: 16px;line-height: 18px;border:0;background: transparent;padding: 20px 0 0 0}
.login-wrapper .rightlogin .custom p{font-size: 16px}

.login-wrapper .rightlogin .socials-media .sm-item img{max-width: 30px !important;height: auto;margin-right: 10px}
.login-wrapper .rightlogin .socials-media .sm-item a{font-size:14px;line-height: 16px;font-family: Arial, Helvetica, sans-serif;color:#fff;}
.login-wrapper .rightlogin .socials-media .sm-item a:hover{opacity: 0.7}
.login-wrapper .rightlogin .socials-media .sm-item{margin-bottom: 10px;display: block;}

#form_container .login-title{
    font-family: "LeagueGothic", Helvetica, Arial, sans-serif;
    color: #132533;
    text-transform: uppercase;
    font-size: 30px !important;
    font-weight: 100;}

/*.outerheader #mainnav ul.menu {text-align: right !important;}*/
.outerheader #mainnav li > a:focus{background: transparent !important;color: #4b97d1 !important;border:0;outline: 0}
.outerheader #mainnav ul li.current.active > a {color: #132533 !important;}


#component .page-header,
#form_container .login-title{
  position: relative;
  background: #f7f7f7;
  padding: 15px;
  margin: 0 0 30px 0 !important;
  border: 1px solid #12212e;}

#component .page-header h1, #form_container .login-title{
  font-size: 30px;
  margin: 0 !important;
  text-align: left;
  padding: 0 80px 0 0}

.page-article p{margin:0 !important;}
.page-article p a, .page-article li a{font-size: 18px;font-weight:normal !important}
.page-article ul{margin:0;}
.page-article hr{border-top: 3px solid #0064a1;margin: 5px 0 20px 0;width: 70px;}


.coures-menu-right{
  list-style: none;
  padding-left: 0;
}
.courses-bloc-content{
  padding-left: 0px;
  margin-bottom: 15px;
}
.courses-bloc-content .rsform #userForm h2{
  display: none;
}
.courses-bloc-content .rsform, .eval-meesage{
  padding-top: 15px;
}
.bloc-video.isZoomVideo{
  display: flex;
  justify-content: center;
  align-items:center;
  padding: 160px 0 !important;
}
.bloc-video {
  --video--width: 1300;
  --video--height: 700;
  
  position: relative;
  padding-bottom: calc(var(--video--height) / var(--video--width) * 100%); /* 41.66666667% */
  overflow: hidden;
  max-width: 100%;
  background: black;
}
.bloc-video.isZoomVideo {
  background: none;
}

.bloc-video iframe,
.bloc-video object,
.bloc-video embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.courses-bloc-content h4{
  background: #4b97d1;  
  line-height: 28px; 
  color: white;
  margin-top: 20px;
  margin-bottom: 0px !important;
  padding: 10px 15px;
  font-size: 24px;
}
.courses-bloc-content h4.no-margin-top{
  margin-top: 0px;
}
#component .courses-bloc-content h4 a,#component .courses-bloc-content h4 a:hover{
  font-family: "LeagueGothic", Helvetica, Arial, sans-serif !important;
}
.courses-bloc-content h4 .fa-level-up-alt{
  margin-right: 10px;
}

.assignements-grades .courses-bloc-content .bloc-about{
  margin-bottom: 10px;
}
.courses-bloc-content h4.grade-h4{
  margin-top: 0px;
}
.courses-bloc-content h4.grade-h4 .grade{

  font-weight:  400;
  font-size: 27px;
  padding: 0px 10px;
}
.courses-bloc-content h4.grade-h4 .feedback{
  font-size: 11px;
  text-transform: uppercase;
  color: white;
  font-size: 18px;
}
.courses-bloc-content h4.grade-h4  a.feedback.active::after {
  content: "\f106";
}
.courses-bloc-content h4.grade-h4  a.feedback::after {
  font-family: "FontAwesome";
  content: "\f107";
  font-weight: lighter;
  padding-left: 0.3em;
}
.courses-bloc-content h4.grade-h4.final{
  margin-top: 10px;
  background: #ff421d;
}
.courses-bloc-content .bloc-about h4{
  background: #132634;  
  margin-top: 0px;
}
.courses-bloc-content .bloc-about h4 .nbStudents{
  float: right;
}
.material-page .bloc-about-content,.course-page .bloc-about-content,.sylllabus-page .bloc-about-content{
  padding-left: 0px;
}
.bloc-about-content{
  background: #e5e5e8;
  padding: 15px;
  display: block;
  overflow: hidden;
}
.bloc-assignement-content{
  background: #e5e5e8;
  padding:  15px 15px 15px 0px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
 
.courses-bloc-content  .bloc-about-content .text-left p{
    line-height: 25px;
}

.material-page .bloc-about-content .text-left p{
  font-size: 18px;
  line-height: 1.4em;
  font-family: "Gibson", Helvetica, Arial, sans-serif;
  color: #132533;
  font-variant: normal;
  font-weight: lighter;
}
.bloc-about-content .text-left p{
  flex: 0 0 auto;
height: auto;
-webkit-transform: none;
transform: none;
backface-visibility: unset !important;
text-align: left;
font-size: 16px;
line-height: 10px;
font-family: "Gibson", Helvetica, Arial, sans-serif;
font-weight: bold;
font-style: normal;
color: #132634;
}
.pull-right.grade{
  border-bottom: 7px #49799f solid;
    padding: 0px 5px;
}

.bloc-assignement-content .bloc-right span.assign-date{
  flex: 0 0 auto;
height: auto;
  backface-visibility: unset !important;
  transform: none;
  backface-visibility: unset !important;  
text-align: left;
font-size: 16px;
line-height: 23px;
font-family: "Roboto Regular";
font-weight: bold;
font-style: normal;
color: #132634;
}
.bloc-assignement-content .text-left p{
  flex: 0 0 auto;
height: auto;
-webkit-transform: none;
transform: none;
backface-visibility: unset !important;
text-align: left;
font-size: 15px;
line-height: 23px;
font-family: "Gibson", Helvetica, Arial, sans-serif;
    color: #132533;
    font-variant: normal;
    font-weight: lighter;

}
.courses-bloc-content #formSearch table{
  margin-top: 20px;
}
.courses-bloc-content #formSearch th{
  background: #4b97d1 !important;
  text-transform: uppercase;
  border:none !important;
  padding: 9px 0 9px 12px;
}
th.tr-photo{width: 13%;}
th.tr-firstname{width: 19%;}
th.tr-lastname{width: 19%;}
th.tr-program{width: 15%;}
th.tr-nationality{width: 19%;}
th.tr-actions{width: 15%;}


.courses-bloc-content form#formSearch td a.view-detail-bloc::after{
  
  font-family: "FontAwesome";
  content: "\f055";
  font-weight: lighter;
  padding-left: 0.3em;
  color:#132634;
  
}
.courses-bloc-content form#formSearch td a.view-detail-bloc.active::after{
  font-family: "FontAwesome";
  content: "\f056";
  font-weight: lighter;  
  color:white;
}
.fa-file-pdf:before,.fa-file-powerpoint:before{
  color: rgb(185, 37, 37);
}
.fa-file-excel:before,.fa-file-csv:before{
  color:green;
}
.fa-file-word:before{
  color: rgb(24, 100, 187);
}
.fa-file-archive:before{
  color: #8a6d3b;
}
.fa-file-text:before{
  color: #808080
}
.fa-file-image:before{
  color: rgb(156, 170, 26);
}
.courses-bloc-content form#formSearch td.view-detail{
  padding: 5px 0px 5px 0px;
}
.courses-bloc-content form#formSearch td.view-detail .bloc-about{
  padding-left: 0px;
  padding-right: 0px;
}
.courses-bloc-content form#formSearch td.view-detail .bloc-about h4{
  margin-bottom: 10px !important;
  background: grey !important;
  font-size: 15px;
}
.courses-bloc-content form#formSearch td{
  padding: 5px 0px 5px 12px;
  font-weight: normal;
  color: #132634 !important;
  
}
.courses-bloc-content form#formSearch .t-messages tr{
  border-bottom: 5px solid white;
}
.courses-bloc-content form#formSearch .t-messages tr td{
  padding: 10px 0px 10px 12px;
}
.courses-bloc-content form#formSearch .t-messages .action-last {
padding-right: 5px;
}
.courses-bloc-content form#formSearch .t-messages a.view-detail-bloc {
  font-size: 21px !important;
  float: right;
}
.courses-bloc-content form#formSearch .t-messages .tr-title{
  background-color:#ededed ;
}
.courses-bloc-content form#formSearch .t-messages .tr-title.active{
  background-color:#144e7b ;
}
.courses-bloc-content form#formSearch .t-messages .tr-title td{
  color: #132634 !important;
}
.courses-bloc-content form#formSearch .t-messages .tr-title.active td{
  color: white !important;
}
#component .listMaterils {
  margin-top: 5px;
}
#component .listMaterils a.fileInfos{
  font-size: 14px;
}
#component .listMaterils .material_content {
  padding: 10px;
}
#component .listMaterils h5.showDescription {
  padding: 10px;
  font-weight: 400;
  background: #132533 !important;
  border-radius:initial;
  margin-bottom: 5px !important;
}
.listMaterils h5.showDescription .ui-icon.ui-icon-triangle-1-e,.listMaterils h5.showDescription .ui-icon.ui-icon-triangle-1-s{
  display: none;

}
.listMaterils h5.showDescription.ui-state-active::after {
	content: "\f056";
}
.listMaterils h5.showDescription::after {
    font-family: "FontAwesome";
    content: "\f055";
    font-weight: lighter;
    /* padding-left: 0.3em; */
    float: right;
}
.courses-bloc-content form#formSearch td.actions{
  display: flex;
    justify-content: center;
}
.courses-bloc-content form#formSearch td a.linkBlueBold12{
  font-weight: normal;
  color: #132634 !important;
}
.courses-bloc-content form#formSearch img.StudentPhoto{
  width: 45px !important;
	height: 45px !important;
}
.courses-bloc-content form#formSearch td a i{
  padding-left: 5px;
  font-size: 22px;
}
.courses-bloc-content form#formSearch td a i.fa-address-book:before{
  height: 20px;
}
.bloc-about-content .bloc-right input.buttonBlue13{
  margin: 5px 0;
  float: right;
  font-size: 1.4rem;
  width: 100%;
}

.bloc-assignement-content .bloc-right input.buttonBlue13{
  margin: 5px 0;
  /*float: right;*/
  font-size: 1.4rem;
  width: 175px;
}
.bloc-assignement-content .bloc-right .red_text10{
  display: inline-block;
}
.courses-bloc-content input.buttonBlue13{
  text-transform: uppercase !important;
}
.bloc-description-content .text, .bloc-biography-content p{
  text-align: justify !important;
}
.bloc-biography-content div.text-left{
  margin-right: 15px;
}

    
.bloc-biography-content .content, .bloc-description-content .content{
  padding-top: 10px;
}
.sub-h3{
  padding: 0px 10px;
  text-transform: uppercase;
  font-size: 18px;
  line-height: 28px;
  font-family: "Roboto Regular";
  font-weight: bold;
  font-style: normal;
  color: #132634;
  margin-top: 10px;
    margin-bottom: 10px;
}
.subtitle-detail{
  margin-bottom: 0px;
}
.button-more a,.subtitle-detail a{
  font-size: 11px;
  text-transform: uppercase;
}
.bloc-description-content .button-more a::after, .subtitle-detail a::after{
  font-family: "FontAwesome";
  content: "\f107";
  font-weight: lighter;
  padding-left: 0.3em;
}
.bloc-biography-content .content .image-right img.StaffPhoto{
  max-width: 150px !important;
  max-height: 150px !important;

}
.bloc-biography-content .content {
  display: flex;
}
.bloc-biography-content .button-more a::after{
  font-family: "FontAwesome";
  content: "\f107";
  font-weight: lighter;
  padding-left: 0.3em;
}
.courses-bloc-right,.courses-bloc-content{
  padding-right: 0px !important;
}

.courses-bloc-right h3.titles{
  width: 100%;
  overflow: hidden;
  border-bottom: 1px solid;
  background: #4b97d1;
  color: #fff;
  font-size: 20px;
  line-height: 28px !important;
  margin: 0px;
  padding: 9px 0 9px 12px;
  
  font-style: normal;
  line-height: 28px !important
}
.courses-bloc-right .bloc-announcements .item{
border-bottom: 1px solid #f2f2f3 ;
}
.courses-bloc-right .bloc-announcements h4{
display: flex;
}
.courses-bloc-right .bloc-announcements h3.titles{
  margin-bottom:10px !important;
  font-size: 24px;
}

h4 a{
color: white;
font-weight: inherit;
}
.courses-bloc-right h4,#component .courses-bloc-right h4 span a{
  font-size: 14px;
  line-height: 19.5px !important;
  font-family: "Gibson", Helvetica, Arial, sans-serif !important;
  font-weight: bold;
  font-style: normal;
  
  text-transform: initial;
  color: #132634;
}
.courses-bloc-right h4{
  margin-top: 10px !important;
  margin-bottom: 4px !important;
}
.courses-bloc-right .item p{
  font-size: 13px;
line-height: 19.5px;
font-family: "Gibson", Helvetica, Arial, sans-serif;
font-weight: normal;
font-style: normal;
text-align: undefined;
text-transform: undefined;
color: #132634;
padding-left:31px ;
margin-bottom: 5px;
}
.courses-bloc-right h4  .title-h4{

  display: inline-block;
}
.courses-bloc-right h4  .title-h4::first-letter{
  text-transform: capitalize;
}
.courses-bloc-right h4 span.icon-h4 {
  font-size: 21px;
  margin-top: 0px;
}
.coures-menu-right li{
  background: #132634;
  line-height: 28px;
  padding-left: 12px;
}
.coures-menu-right li.backTo{
  background: #ff411b;
}
.coures-menu-right li a{
  color: white;
  
}
.coures-menu-right li.current a{
  color: #87cefa;
}
.coures-menu-right li a::after {
  font-family: "FontAwesome";
  content: "\f105";
  float: right;
  font-weight: lighter;
  padding-top: 0.4em;
}

.coures-menu-right li span{
  margin-right: 10px;
}
.bloc-forum-posts .item p{
padding-left: 0px;
}
.bloc-announcements h4 span, .bloc-forum-posts h4 span{
  margin-right: 10px;
}
#component #head-menu2-btn .course-menu-right{
  margin:0;
  
  padding: 10px;
  font-size: 16px;
  border: 1px solid #12212e;
  background: #12212e;
  color: #fff;
  
  line-height: 24px;
  font-family: "Roboto Regular";
  font-weight: bold;
  font-style: normal
}
#component #head-menu2-btn .BackToCourses .fa-level-up-alt{
  margin-right: 5px;
}
#component #head-menu2-btn .BackToCourses{
  font-family: "Gibson", Helvetica, Arial, sans-serif;
  color: #132533;
  font-variant: normal;
  font-weight: 500;
}
#component #head-menu2-btn .BackToCourses span{
    margin-right: 10px;
}

#component .page-header .BackToCourses{
  position: absolute;
  margin:0;
  right: 15px;
  top:calc(50% - 20px);
  padding: 10px;
  font-size: 16px;
  border: 1px solid #12212e;
    background: #12212e;
    color: #fff;

    line-height: 24px;
    font-family: "Roboto Regular";
    font-weight: bold;
    font-style: normal;    
  }
  
  #component .page-header .BackToCourses:hover{background: transparent;color: #000;}
  #component .page-header .BackToCourses span{
    margin-right: 10px;
  }
  #head-menu2-btn .EditMyCourse{
    font-size: 16px;
    border: 1px solid #ff411b;
    background: #ff411b;
    color: #fff !important;
    line-height: 24px;
    font-family: "Roboto Regular";
    font-weight: bold;
    font-style: normal;

    margin: 0;

    padding: 9px;
  }
  #component .page-header .EditMyCourse{
    font-size: 16px;
    border: 1px solid #ff411b;
    background: #ff411b;
    color: #fff !important;
    line-height: 24px;
    font-family: "Roboto Regular";
    font-weight: bold;
    font-style: normal;
    position: absolute;
    margin: 0;
    right: 230px;
    top: calc(50% - 20px);
    padding: 9px;
  }  
  #component .page-header .EditMyCourse:hover{background: transparent;color: #ff411b !important;}
#component .page-header .buttonLogout{
    position: absolute;
    margin:0;
    right: 15px;
    top:calc(50% - 20px);
    padding: 10px;
    font-size: 14px;
    border: 1px solid #12212e;
    background: #12212e;
    color: #fff;}

#component .page-header .buttonLogout:hover{background: transparent;color: #000;}


/**** page myism profile *****/
.myism-profile{overflow: hidden;width: 100%}

.myism-profile .img-ismprofile{width:30%;float:left;}
.myism-profile .img-ismprofile img{width: 80%}

.myism-profile .info-ismprofile{width: 70%;float: left;}
.myism-profile .info-ismprofile .text-profil {
    font-weight: bold;
    color: #0064A1;
    font-size: 20px;
    padding: 0;
    vertical-align: middle;
    line-height: 22px;
    margin: 10px 0;
    display: block;
    text-align: left;}

.myism-profile .edit-profil{
    display: block;
    clear: both;
    float: right;
    margin: 0;
    padding: 6px 12px;
    font-size: 16px;
    font-weight: 500;
    background: transparent ;
    color: #4b97d1 ;
    border: 1px solid #4b97d1 ;
    border-width: 2px !important;
  }

.myism-profile .edit-profil:hover{color:white ;background:#4b97d1 ;}

.edit-profil{overflow: hidden;width: 100%}
.edit-profil .edit-profil-content{
    width: 70%;
    float: left;
    padding-right: 40px;
    font-size: 16px;
    line-height: 20px;
    /*font-weight: 500;*/}

.edit-profil .edit-profil-content img{width: 20px}

.edit-profil .edit-profil-aside{width: 30%;float: right;margin:0;}
.edit-profil .edit-profil-aside .item:last-child p{margin: 0 !important}
.edit-profil .edit-profil-aside p a,
.edit-profil .edit-profil-aside p{
    font-size: 18px;
    font-weight: 100;
    color: #FFF !important;
    font-family: "Gibson", Helvetica, Arial, sans-serif;}
.edit-profil .edit-profil-aside h3{margin-top: 0}

.edit-profil .btn-contact{
    display: block;
    clear: both;
    float: right;
    margin: 30px 0;
    padding: 6px 12px;
    font-size: 16px;
    font-weight: 500;

    background: transparent ;
    color: #4b97d1 ;
    border: 1px solid #4b97d1 ;
    border-width: 2px !important;
  }
.edit-profil .btn-contact:hover{color:white ;background:#4b97d1 ;}

.courseHeader{font-weight:bold;}
.item-form{border-bottom: 1px solid #000}

.item-form .titles{ width: 100%;overflow: hidden;/*border-bottom: 1px solid;*/margin-bottom: 25px;background: #4b97d1;}
.item-form .titles h4{text-align: right;margin: 26px 0;color: #fff}
.item-form .titles h3 a, .item-form .titles h3, .item-form .titles p{color: #fff;}

.item-form .rsform-block{margin: 0 0 20px 0;width: 100%;overflow: hidden;display: block;}
.item-form .rsform-block.remarque p{margin:0;padding: 20px 40px}
.item-form .rsform-block.remarque p a:hover{font-family: "Gibson", Helvetica, Arial, sans-serif !important;text-decoration: none;}

.item-form .rsform-block input[type="text"],
.item-form .rsform-block input[type="email"],
.item-form .rsform-block select,
.item-form .rsform-block textarea{width: 100%}

.item-form .rsform-block input[type="text"],
.item-form .rsform-block input[type="email"],
.item-form .rsform-block select{background: transparent;height: 40px;border: 1px solid #00000085 !important;}

.item-form .rsform-block #type-content{
  height: 43px;
  width: 150px;
}
.item-form .rsform-block textarea{height: 120px;border:1px solid #ccc;padding: 10px}

.item-form .rsform-block .photoform{width: 30%;}
.item-form .rsform-block font{margin-right: 15px}
.item-form .rsform-block #Photo{margin: 22px 0}

.charCounter {width: 100%;padding-left: 0;margin-top: 10px;}

#formMyProfile fieldset,
#formMyProfile{padding: 0}

.item-form .rsform-block .charCounter span{
    color: red;
    font-size: 14px;
    font-weight: 500;
    float: left;
    line-height: 40px;}
.item-form .rsform-block .charCounter input{
    float: left;
    width: 96px;
    text-align: center;
    margin: 0 0 0 20px;
    font-size: 16px;
    font-weight: 600;
    color: #132533;}

.item-form .rsform-block .program-item{display: table;}
.item-form .rsform-block .program-item span{margin-right: 22px;float: left;margin-right: 10px;display: table-cell;vertical-align: middle;}
.item-form .rsform-block .program-item label{display: table-cell;color: red;vertical-align: middle;}

.rsform-block-registration .signin-more .buttonBlue13,
input.buttonBlue13.btn-syllabus{    
  padding: 10px 10px;
}
.rsform-block-registration .signin-more .buttonBlue13,
input.buttonBlue13{    
    margin: 30px 0;
    padding: 6px 12px;
    font-size: 16px;
    font-weight: 500;
    word-break: break-word;
    white-space: normal;
    background: transparent ;
    color: #4b97d1 ;
    border: 1px solid #4b97d1 ;
    border-width: 2px !important;
  }
  .previewAsStudent .buttonDarkBlue{
    
    margin: 0px 0px 10px;
    padding: 8px;
    font-size: 16px;
    font-weight: 500;
    word-break: break-word;
    white-space: normal;
    background-color: #132533;
    color: #fff !important;
    border-color: #fff !important;  
    border-width: 2px !important;
  }
  .previewAsStudent .buttonDarkBlue:hover{
      background: #fff !important;
      color: #132533 !important;
      text-decoration: none;
      border-color: #132533 !important;
  }
.rsform-block-registration .signin-more .buttonBlue13:hover,
input.buttonBlue13:hover{color:white ;background:#4b97d1 ;}
input.buttonWidthFix{ width: 316px }
.rsform-block-registration .buttonBlue13:first-child{float: left;}
.rsform-block-registration .buttonBlue13:last-child{float: right;}

#contactForm fieldset{padding: 0}
#formBox{
  background-color:#132533;
  padding: 6px;
  margin:0 auto !important;
  top:0px;
  left: 0;
  right: 0;
  position: absolute;
  width: 100%;
}

#formBox #sbox-btn-close{right: 5px;top: 5px;z-index: 999}

#contactForm .rsform-block-registration{overflow: hidden;padding: 0 20px}
#contactForm .rsform-block-registration .signin-more .buttonBlue13{margin:0;}

#emailForm fieldset{padding: 0 !important;margin-top: 20px;}
#component fieldset{padding: 0}

#emailForm .rsform-block input[type="password"]{width: 70%;height: 40px}
.contact-admin a{font-size: 16px;color: #4b97d1;}
.contact-admin a:hover{font-size: 16px;color: #4b97d1;opacity: 0.7}

p.error, .message, .tips{background: #132533 !important;color: #fff !important}


#form_15 .item-form{overflow: hidden;margin: 20px 0 0 0;padding-bottom: 20px}

#component a, #component a:hover{font-family: "Gibson", Helvetica, Arial, sans-serif !important;line-height: 16px}

#component .content-caseA{width:100%;overflow: hidden;padding-bottom: 10px;border-bottom:1px solid #000;}
#component .content-caseA span{margin-bottom: 15px;display: block;}

#formCourses .item-form{    
  overflow: hidden;
  display: block;
  margin: 20px 0;
  border: 0;
  width: 100%}
#formCourses .item-form .titles{margin:0;}

#apply-signin .buttonBlue13{float: none;display: inline-block;}

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

.ui-state-active span, .ui-widget-content .ui-state-active span,
.ui-state-default span, .ui-widget-content .ui-state-default span,
.ui-state-active a, .ui-widget-content .ui-state-active a,
.ui-state-default a, .ui-widget-content .ui-state-default a{color: #fff !important;font-weight: 500;line-height: 22px}

.ui-accordion .ui-accordion-content{border: 0;font-size: 16px;margin-top: 0 !important;margin-bottom: 20px !important}

.ui-widget-content{background: #f2f5f7 !important}


.teaching-seminars .toolbar{margin:20px 0;}
.teaching-seminars .toolbar .btn{
  font-family: "Gibson", Helvetica, Arial, sans-serif;
  color: #132533 !important;
  font-size: 14px;
  margin-right: 5px;
  border: 1px solid  #132533;}
.teaching-seminars .toolbar .fil-cat:hover{color: #fff !important;border: 1px solid  #132533;background: #132533;}
.teaching-seminars .toolbar .fil-active{color: #fff !important;background: #132533;}

#portfolio{overflow: hidden;display: block;}

#portfolio .tile { 
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition: all 350ms ease;
  transition: all 350ms ease;
  transition: all 350ms ease;
  background: #132533;
  min-height: 515.5px;
  border: 1px solid #132533;
  margin-bottom: 20px;
  padding: 25px;
  box-sizing: border-box;
  width: calc((100%/3) - 10px) !important;
  float: left;
  margin: 0 5px 20px 5px;
  position: relative;
}
#portfolio .tile .courseButtons p{
  text-align: center;
  width: 90%;
}
#portfolio .tile .courseButtons{
  position: absolute;
  bottom: 5px;
  left: 0;
  right: 0;
  margin: 0;
  align-items: center;
  display: flex;
  flex-direction: column;    
}
  #portfolio .tile.externalProgram { 
    background:#0c3a5e;
  }
#portfolio .tile h3{font-size: 22px;margin:0 0 10px 0 !important;letter-spacing: 0.5px;}
#portfolio .tile .text-inner h3{ margin-bottom: 10px !important}
#portfolio .tile p{
  padding: 0;
  font-size: 14px;
  color: #fff;
  display: block;
  line-height: 18px;
  margin-bottom: 10px;
  font-family: "Gibson", Helvetica, Arial, sans-serif;}
#portfolio .tile img { max-width: 100%; width: 100%;height: auto;}
#portfolio .tile .btn-seminar{
    display: block;
    color: #fff !important;
    border-color: #fff !important;
    width: 90%;
    padding: 7px;
    font-size: 18px;
    font-family: "LeagueGothic", Helvetica, Arial, sans-serif;
    letter-spacing: 0.5px;
   
    bottom: 20px;
    left: 0;
    right: 0;
    margin:20px auto 0;}

#portfolio .tile .btn-seminar:hover{background:#fff !important;color:#132533 !important;text-decoration: none;}
#portfolio .tile .btn-seminar:focus{outline: none;border: none;box-shadow: none;}
::-moz-focus-inner {border: 0;padding: 0;}

#portfolio  .scale-anm {transform: scale(1);}

.myIsmFooter{border: 3px solid #132533;padding: 20px;margin:0 !important;overflow: hidden;width: 100%}
.myismlegend{background: #132533;padding: 20px;border:0;font-weight: 500;color: #fff;font-size: 18px}
.myismlegend ul li{font-weight: 500;color: #fff;font-size: 18px}

#contentBox .rsform-block-registration{overflow: hidden;padding: 0 20px}

#formSearch .seminars_btns{width: 100%;text-align: center;overflow: hidden;}
#formSearch .seminars_btns .buttonBlue13{margin: 0 0 30px 0 !important}
#formSearch .myIsmHeaderContent{padding: 20px; font-size: 16px;}
#formSearch .myIsmHeaderContent p{margin: 0}
#formSearch th{
  font-size: 14px !important;
  padding: 4px 10px;
  text-align: left;
  color:#fff !important;
  background: #132533 !important;
  border:1px solid #132533;}
.tableCollection td{text-align: left;color: #000;font-size: 14px}
.tableCollection td ul li{font-size: 14px !important}

#component #formSearch td .linkBlueBold12{text-transform: uppercase;color: #000;font-size: 16px;text-decoration: none;}
#component #formSearch td .linkBlueBold12:hover{opacity: 0.7}

#component #formSearch .item-form{border:0;overflow: hidden;display: block;width: 100%}
.item-form .titles h3{font-size: 26px;}
.item-form .titles h3 a{font-size: 20px;}
#formSearch .myIsmHeaderContent .imgDirectory{width: 40px}
#formSearch .myIsmHeaderContent .directory-folder{
  width: 40px;
    color: #132634;
    display: inline-block;
    font-size: 20px;
}
#formSearch .myIsmHeaderContent a{word-break: break-word;font-size: 18px;color: #000}
.upload-assig-bloc .red_textB13{font-size: 16px;}

#box-upload .rsform-block{text-align: left;}
#box-upload .tableCollection{margin: 0 auto 30px;width: 90%}

.thesis-details{margin-bottom: 30px}
.thesis-details ul{padding: 0}
.thesis-details ul li, .thesis-details .whiteNormal{color: #fff;list-style: none;}


.formResponsive .rsform-12 .formControlLabel,
.formResponsive .rsform-12 .formControls{width: 100% !important;float: left;text-align: left;}

.formResponsive .rsform-12 .formControls{margin:0 !important}
.formResponsive .rsform-12 .formControls textarea{width: 100%}

.formResponsive .rsform-12 .rsform-submit-button{
    display: block;
    clear: both;
    float: right;
    margin: 0;
    background: #0064a1;
    color: #fff;
    border: 0;
    padding: 6px 12px;
    font-size: 16px;
    font-weight: 500;
    border: 1px solid #0064a1 !important;
    border-radius: 0;
    border: 0;}

.formResponsive .rsform-12 .rsform-submit-button:hover{background: #fff;color:#0064a1}

html .cke_skin_kama{width: 100% !important}
form#formSearch td a:hover,
form#formSearch td a{font-size: 16px;line-height: 18px}
form#formSearch td{text-align:left;vertical-align: middle;padding: 5px 10px;font-size: 16px;line-height: 16px}

.selectIsmGrade,
.inputIsmGradeRequired{
    border-color: #ddd;
    border-style: solid;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    font-family: Verdana;
    font-size: 14px;
    background-color: #fff;
    color: #000;
    margin-bottom: 10px;
    width: 100%;
    padding: 2px 10px;}

.page-article .icons{display: none;}
#contactForm .formControls{text-align: left;}

.blueSmallButton,
.greenSmallButton,
.redSmallButton{
    border:0;
    color: #fff;
    padding: 6px 12px;
    font-size: 10px;
    font-weight: 500;
    border-radius: 0;
    word-break: break-word;
    white-space: normal;
    margin: 0 !important;
    vertical-align: middle;}

.blueSmallButton{background: #0064a1}
.greenSmallButton{background: green}
.redSmallButton{background: #b70000}

#portfolio .tile .progMoreInfo{
    text-transform: uppercase;
    font-size: 20px;
    color: #539bd3;
    font-family: "LeagueGothic", Helvetica, Arial, sans-serif !important;
    letter-spacing: 1px;
    font-weight: normal;}

.progDetailPop h3{
    text-transform: uppercase;
    font-size: 20px;
    color: #539bd3;
    font-family: "LeagueGothic", Helvetica, Arial, sans-serif !important;
    letter-spacing: 1px;
    font-weight: normal;}

.progDetailPop .infosProgram p {
    text-align: left;
    padding: 0 30px;
    margin-bottom: 10px;
    font-size: 16px;}

.progDetailPop .item-form .titles{margin-bottom: 10px}

form#formSearch th a{background: none;font-weight: normal;color: #fff;text-decoration: none;}
form#formSearch th{font-weight: normal;}

.orange_text{font-size: 14px}

.buttonBlue13.no-margin{margin:10px 0 !important;}
#uploadAssignmenttForm .select-box{
    display: inline-block;
    float: left;
    width: auto;
    margin-right: 10px;
    font-size: 12px;
    height: 37px;}



/*************** RESPONSIVE *****************/
/*#opennav{display: none;}*/
@media only screen and (min-width: 1023px){
  .popover.fade.bottom.in {
    width: 768px !important;
  }  
}
@media only screen and (min-width: 990px){
  #head-menu-btn{display: none;}
  #opennav{display: none;}
}

@media only screen and (max-width: 989px){
  /*#opennav{display: block;}*/
  #opennav .mm-navbar{padding: 0 !important}
  #opennav .nav li > a{font-size: 30px !important;line-height: 32px !important;height: auto !important;margin: 8px 0}
  #opennav .nav-child li > a{font-size: 20px !important;line-height: 30px !important}
  #opennav .nav-child{margin-bottom: 20px}
  #opennav .nav li .mm-next{height: 20px !important}
  #opennav .nav li .mm-next:after{width: 10px;height: 10px;right: 40px}
}

@media only screen and (max-width: 767px){
  #component form p, #component form label, #component form .formControlLabel, #component form li {
      font-weight: 100 !important;}

  #portfolio .tile{width: calc(50% - 10px) !important;}
  #component .page-header .buttonLogout{
    display: none;
    position: static;    
    float: left;
    margin: 30px 0 20px 0;
    clear: both;
    width: 100%;}

    #component .page-header h1, #form_container .login-title{padding: 0}

    #formBox{width: 90% !important;}

    #component #formSearch td .linkBlueBold12{font-size: 12px}

    .login-wrapper .formlogin,
    .login-wrapper .rightlogin{width: 100%}
    .login-wrapper .formlogin form{padding: 0}

    .bloc-about-content .text-left p{

      line-height: 20px;
    }
    .material-directory{
      margin-bottom: 15px;
    }
    .outerbody{padding: 0}

    #component .page-header{padding: 15px 0}
    #component .page-header h1{padding: 0 15px}

    #formMyProfile .item-form .titles .col-sm-10{float: left;}
    #formMyProfile .item-form .titles .col-sm-2{float: right;}

    #form_15 .rsform-block-registration .buttonBlue13:last-child{float: left;margin:0 0 30px 0;}

    #emailForm .rsform-block input[type="password"]{width: 100%}

    #form_15 .item-form .rsform-block,
    #emailForm .item-form .col-sm-12.formControls{padding: 0}

    .contact-admin{margin: 20px 0}

    .ui-accordion .ui-accordion-content{padding:15px !important}
}


@media only screen and (min-width: 551px){
  #formSearch th.ThesisColumnLast{
    width: 105px;
  }
}
@media only screen and (max-width: 550px){
  .tohide{
    display: none;
  }
  #formSearch th.ThesisColumnLast{
    width: 60px;
  }
.orange_text {
    font-size: 12px;
}
  #portfolio .tile{margin: 0 0 20px 0;width: 100% !important;}
  .edit-profil .edit-profil-content{width: 100%}
  .edit-profil .edit-profil-aside{width: 100%;margin:30px 0 0 0;}
  .showhide{margin-top: 10px}
  #formMyProfile .formControls,
  #formMyProfile .formControls .formControlLabel{padding: 0}
  .item-form .rsform-block.remarque p{padding:10px}

  #formSearch .seminars_btns{margin: 0 0 20px 0;}
  #formSearch .seminars_btns .buttonBlue13{width: 100%;margin:6px 0 !important;}

  #formSearch td,
  #formSearch th{line-height: 14px;font-size: 12px !important;padding: 5px !important}
  #formSearch table ul{padding: 0;list-style: none;}
  #formSearch table .buttonBlue13,
  #formSearch table ul li{font-size: 12px !important;padding: 0 2px;}

  .myism-profile .img-ismprofile,
  .myism-profile .info-ismprofile{width: 100%}

  .myism-profile .img-ismprofile img{width: auto;text-align: center;margin-bottom: 20px}

  .item-form .btns-blue13 .buttonBlue13{width: 100%}

  #component .item-page img{margin:0 !important;}

  #portfolio .tile .btn-seminar{position: static;}

  #formViewSeminar input.buttonBlue13{width: 100%;margin:5px 0;}
  .teaching-seminars .toolbar .btn{margin-bottom: 10px}

  .rsform-block-registration .buttonBlue13:last-child{clear: both;float: left !important;margin-top: 0 !important;}


}

  #gradesBlock .state-default a,#gradesBlock .ui-state-default a,#gradesBlock .ui-state-default a:link{
    color: #1c94c4 !important;
  }
  #gradesBlock .ui-state-default{
    color: #406c8e !important;
    background: #f6f6f6 url("images/ui-bg_glass_100_f6f6f6_1x400.png") 50% 50% repeat-x !important;
    overflow: hidden;
  }
  #gradesBlock .ui-accordion .ui-accordion-content{
    padding: 0 !important;
    border-radius: 0 !important;
  }

 #gradesBlock .gaveGrades{

  float: right;
  text-transform: initial;
 }
#accordionPast div h3 a div{
  line-height: 28px;
}
 table#tablePaddingTop{
  border: none;
  margin-bottom:0px;
 }

/***********Top Menu **********/

 #mainnav ul.nav li li:hover > a, .outerheader #mainnav ul.nav li li.current.active:hover > a {
    color: #FFF !important;
}
#mainnav ul.nav li li:hover {
    background: #12212e;
    color: #FFF;
}

 #mainnav ul.nav li a.isExternal::after {
    font-family: "FontAwesome";
    content: "\f045";
    float: right;
}

 #mainnav ul.nav li a.isExternal::after:hover {
    background-color: #FFF !important;
    color: #FFF !important;

}

/************ Search FORM ************/
.control-label {
display: inline-block;
    margin-bottom: 3px;
    font-weight: 700;
  color:#000000;
}
  
.control-label .glyphicon-info-sign{
  color:#4b97d1;
}

.popover{
  width: 1000px !important;
  max-width: max-content !important; 
}
.popover.fade.bottom.in {
  top: 25px !important;
}
.formControls input[type="text"] {  
    display: block;
    width: 100%;
    height: 42px;
    padding: 10px 12px;
    line-height: 1.428571429;
    color: #555;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: none;
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}  
  
.formControls select {  
    display: block;
    width: 100%;
    height: 42px;
    padding: 10px 12px;
    line-height: 1.428571429;
    color: #555;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: none;
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
  
.formControls textarea.form-control {
  display: block;
    width: 100%;
    padding: 10px 12px;
    line-height: 1.428571429;
    color: #555;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: none;
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  }
  
.radio input[type="radio"] {
    border-radius: 50%;
    display: flex;
    display: block;
    width: 1.25rem;
    height: 1.25rem;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    text-align: center;
    transition: .2s;
} 


.li, form, input, label.checkbox {
    font-family: "Gibson", Helvetica, Arial, sans-serif;
    color: #132533;
    font-variant: normal;
    font-weight: lighter;
  
  }
  
.formRequired {
  color: #ca322d;
}

.ui-accordion .ui-accordion-content{height:auto !important}

/*******************************/