/*animate.css*/
@charset "UTF-8";

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

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

@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  40% {
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  60% {
    -webkit-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
}

@-webkit-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;
  animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  50% {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

@-webkit-keyframes rubberBand {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  30% {
    -webkit-transform: scaleX(1.25) scaleY(0.75);
    transform: scaleX(1.25) scaleY(0.75);
  }

  40% {
    -webkit-transform: scaleX(0.75) scaleY(1.25);
    transform: scaleX(0.75) scaleY(1.25);
  }

  60% {
    -webkit-transform: scaleX(1.15) scaleY(0.85);
    transform: scaleX(1.15) scaleY(0.85);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes rubberBand {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  30% {
    -webkit-transform: scaleX(1.25) scaleY(0.75);
    -ms-transform: scaleX(1.25) scaleY(0.75);
    transform: scaleX(1.25) scaleY(0.75);
  }

  40% {
    -webkit-transform: scaleX(0.75) scaleY(1.25);
    -ms-transform: scaleX(0.75) scaleY(1.25);
    transform: scaleX(0.75) scaleY(1.25);
  }

  60% {
    -webkit-transform: scaleX(1.15) scaleY(0.85);
    -ms-transform: scaleX(1.15) scaleY(0.85);
    transform: scaleX(1.15) scaleY(0.85);
  }

  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}

.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}

@-webkit-keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
}

@keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
  }
}

.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  40% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  60% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  80% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }

  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  40% {
    -webkit-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  60% {
    -webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  80% {
    -webkit-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }

  100% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

.swing {
  -webkit-transform-origin: top center;
  -ms-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}

@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }

  100% {
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
  }
}

@keyframes tada {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    -ms-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    -ms-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    -ms-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }

  100% {
    -webkit-transform: scale(1) rotate(0deg);
    -ms-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
  }
}

.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }

  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg);
  }

  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
    transform: translateX(20%) rotate(3deg);
  }

  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg);
  }

  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg);
  }

  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg);
  }

  100% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
}

@keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }

  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
    -ms-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg);
  }

  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
    -ms-transform: translateX(20%) rotate(3deg);
    transform: translateX(20%) rotate(3deg);
  }

  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
    -ms-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg);
  }

  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
    -ms-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg);
  }

  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    -ms-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg);
  }

  100% {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
}

.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}

@-webkit-keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(.3);
    transform: scale(.3);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }

  70% {
    -webkit-transform: scale(.9);
    transform: scale(.9);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(.3);
    -ms-transform: scale(.3);
    transform: scale(.3);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
  }

  70% {
    -webkit-transform: scale(.9);
    -ms-transform: scale(.9);
    transform: scale(.9);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}

.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
  }

  80% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px);
  }

  80% {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
  }

  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
  }

  80% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    -ms-transform: translateX(30px);
    transform: translateX(30px);
  }

  80% {
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    transform: translateX(-30px);
  }

  80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    transform: translateX(-30px);
  }

  80% {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  80% {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  80% {
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);
  }

  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  25% {
    -webkit-transform: scale(.95);
    transform: scale(.95);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.3);
    transform: scale(.3);
  }
}

@keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  25% {
    -webkit-transform: scale(.95);
    -ms-transform: scale(.95);
    transform: scale(.95);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.3);
    -ms-transform: scale(.3);
    transform: scale(.3);
  }
}

.bounceOut {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

@keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

@keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

@keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

@keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
}

@keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }
}

.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }
}

@keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }
}

.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }
}

@keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }
}

.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}

@keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(-360deg) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(-360deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(-190deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(-170deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(0deg) scale(.95);
    transform: perspective(400px) translateZ(0) rotateY(0deg) scale(.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  100% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(0deg) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(0deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@keyframes flip {
  0% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(-360deg) scale(1);
    -ms-transform: perspective(400px) translateZ(0) rotateY(-360deg) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(-360deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg) scale(1);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(-190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(-190deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg) scale(1);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(-170deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(-170deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(0deg) scale(.95);
    -ms-transform: perspective(400px) translateZ(0) rotateY(0deg) scale(.95);
    transform: perspective(400px) translateZ(0) rotateY(0deg) scale(.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  100% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(0deg) scale(1);
    -ms-transform: perspective(400px) translateZ(0) rotateY(0deg) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(0deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

.animated.flip {
  -webkit-backface-visibility: visible;
  -ms-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}

@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}

@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    -ms-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    -ms-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}

.flipInX {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}

@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}

@keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    -ms-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    -ms-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}

.flipInY {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}

@keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}

.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}

@keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}

.flipOutY {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
  0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
    transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}

@keyframes lightSpeedIn {
  0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
    -ms-transform: translateX(-20%) skewX(30deg);
    transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    -ms-transform: translateX(0%) skewX(-15deg);
    transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}

.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
  0% {
    -webkit-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
}

@keyframes lightSpeedOut {
  0% {
    -webkit-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
}

.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
  0% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    opacity: 1;
  }
}

@keyframes rotateIn {
  0% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    -ms-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    opacity: 1;
  }
}

.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    opacity: 1;
  }
}

@keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    opacity: 1;
  }
}

.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    opacity: 1;
  }
}

@keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    opacity: 1;
  }
}

.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    opacity: 1;
  }
}

@keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    opacity: 1;
  }
}

.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    opacity: 1;
  }
}

@keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    opacity: 1;
  }
}

.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
  0% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0;
  }
}

@keyframes rotateOut {
  0% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(200deg);
    -ms-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0;
  }
}

.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}

@-webkit-keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

@-webkit-keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

@keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

@keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

@keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}

@-webkit-keyframes slideInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes slideInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

@keyframes slideOutDown {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}

@-webkit-keyframes hinge {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40% {
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    transform: rotate(60deg) translateY(0);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  100% {
    -webkit-transform: translateY(700px);
    transform: translateY(700px);
    opacity: 0;
  }
}

@keyframes hinge {
  0% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate(80deg);
    -ms-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40% {
    -webkit-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    -ms-transform: rotate(60deg) translateY(0);
    transform: rotate(60deg) translateY(0);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  100% {
    -webkit-transform: translateY(700px);
    -ms-transform: translateY(700px);
    transform: translateY(700px);
    opacity: 0;
  }
}

.hinge {
  -webkit-animation-name: hinge;
  animation-name: hinge;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
}

@keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    -ms-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
}

.rollIn {
  -webkit-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);
    transform: translateX(0px) rotate(0deg);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
    transform: translateX(100%) rotate(120deg);
  }
}

@keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
    -ms-transform: translateX(100%) rotate(120deg);
    transform: translateX(100%) rotate(120deg);
  }
}

.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}

@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(.3);
    transform: scale(.3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(.3);
    -ms-transform: scale(.3);
    transform: scale(.3);
  }

  50% {
    opacity: 1;
  }
}

.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale(.1) translateY(-2000px);
    transform: scale(.1) translateY(-2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  60% {
    opacity: 1;
    -webkit-transform: scale(.475) translateY(60px);
    transform: scale(.475) translateY(60px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}

@keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale(.1) translateY(-2000px);
    -ms-transform: scale(.1) translateY(-2000px);
    transform: scale(.1) translateY(-2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  60% {
    opacity: 1;
    -webkit-transform: scale(.475) translateY(60px);
    -ms-transform: scale(.475) translateY(60px);
    transform: scale(.475) translateY(60px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}

.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale(.1) translateX(-2000px);
    transform: scale(.1) translateX(-2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  60% {
    opacity: 1;
    -webkit-transform: scale(.475) translateX(48px);
    transform: scale(.475) translateX(48px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}

@keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale(.1) translateX(-2000px);
    -ms-transform: scale(.1) translateX(-2000px);
    transform: scale(.1) translateX(-2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  60% {
    opacity: 1;
    -webkit-transform: scale(.475) translateX(48px);
    -ms-transform: scale(.475) translateX(48px);
    transform: scale(.475) translateX(48px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}

.fadeInDownzoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale(.1) translateX(2000px);
    transform: scale(.1) translateX(2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  60% {
    opacity: 1;
    -webkit-transform: scale(.475) translateX(-48px);
    transform: scale(.475) translateX(-48px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}

@keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale(.1) translateX(2000px);
    -ms-transform: scale(.1) translateX(2000px);
    transform: scale(.1) translateX(2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  60% {
    opacity: 1;
    -webkit-transform: scale(.475) translateX(-48px);
    -ms-transform: scale(.475) translateX(-48px);
    transform: scale(.475) translateX(-48px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}

.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale(.1) translateY(2000px);
    transform: scale(.1) translateY(2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  60% {
    opacity: 1;
    -webkit-transform: scale(.475) translateY(-60px);
    transform: scale(.475) translateY(-60px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}

@keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale(.1) translateY(2000px);
    -ms-transform: scale(.1) translateY(2000px);
    transform: scale(.1) translateY(2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  60% {
    opacity: 1;
    -webkit-transform: scale(.475) translateY(-60px);
    -ms-transform: scale(.475) translateY(-60px);
    transform: scale(.475) translateY(-60px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}

.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  50% {
    opacity: 0;
    -webkit-transform: scale(.3);
    transform: scale(.3);
  }

  100% {
    opacity: 0;
  }
}

@keyframes zoomOut {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  50% {
    opacity: 0;
    -webkit-transform: scale(.3);
    -ms-transform: scale(.3);
    transform: scale(.3);
  }

  100% {
    opacity: 0;
  }
}

.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale(.475) translateY(-60px);
    transform: scale(.475) translateY(-60px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translateY(2000px);
    transform: scale(.1) translateY(2000px);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }
}

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale(.475) translateY(-60px);
    -ms-transform: scale(.475) translateY(-60px);
    transform: scale(.475) translateY(-60px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translateY(2000px);
    -ms-transform: scale(.1) translateY(2000px);
    transform: scale(.1) translateY(2000px);
    -webkit-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom;
  }
}

.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale(.475) translateX(42px);
    transform: scale(.475) translateX(42px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translateX(-2000px);
    transform: scale(.1) translateX(-2000px);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale(.475) translateX(42px);
    -ms-transform: scale(.475) translateX(42px);
    transform: scale(.475) translateX(42px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translateX(-2000px);
    -ms-transform: scale(.1) translateX(-2000px);
    transform: scale(.1) translateX(-2000px);
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center;
  }
}

.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
}

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale(.475) translateX(-42px);
    transform: scale(.475) translateX(-42px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translateX(2000px);
    transform: scale(.1) translateX(2000px);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale(.475) translateX(-42px);
    -ms-transform: scale(.475) translateX(-42px);
    transform: scale(.475) translateX(-42px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translateX(2000px);
    -ms-transform: scale(.1) translateX(2000px);
    transform: scale(.1) translateX(2000px);
    -webkit-transform-origin: right center;
    -ms-transform-origin: right center;
    transform-origin: right center;
  }
}

.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
}

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale(.475) translateY(60px);
    transform: scale(.475) translateY(60px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translateY(-2000px);
    transform: scale(.1) translateY(-2000px);
    -webkit-transform-origin: center top;
    transform-origin: center top;
  }
}

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale(.475) translateY(60px);
    -ms-transform: scale(.475) translateY(60px);
    transform: scale(.475) translateY(60px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translateY(-2000px);
    -ms-transform: scale(.1) translateY(-2000px);
    transform: scale(.1) translateY(-2000px);
    -webkit-transform-origin: center top;
    -ms-transform-origin: center top;
    transform-origin: center top;
  }
}

.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
}
/*style.css*/
.fl{float:left;display:inline;}
.fr{float:right;display:inline;}
.clear{width:0px; height:0px; font-size:0px; line-height:0px; margin:0px; padding:0px; clear:both}


body{
	padding:0;
	margin:0;
	font-family: '微软雅黑';
	color:#FFF;
	background:#fff;
	overflow-x:hidden;
}
body a{
	transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all;
}
input[type="button"],input[type="submit"]{
	transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all;
}
h1,h2,h3,h4,h5,h6{
	margin:0;
}
p{
	margin:0;
}
ul{
	margin:0;
	padding:0;
}
label{
	margin:0;
}
.sotop{ width:100%; height:90px; background:url("../images/sotop01.jpg")/*tpa=http://bj.so.tedu.cn/xzt/sem/images/sotop01.jpg*/ repeat; text-align:center;}

/*-----start-header----*/
.layout{width:1024px;margin:auto}
.header{ width:100%; height:110px; border-bottom:1px solid #CCC;}
.header .logo_area{ margin-top:30px; width:510px;}
.header .logo_area h1{ width:155px; height:60px; background:url(../images/logo.png) no-repeat 10px 5px; float:left;
  overflow:hidden; text-indent:1000em;padding-left:15px; border-right:#333333 1px solid;white-space:nowrap;}
.header .logo_area  h3{  color:#24272e;font-size:16px; line-height:28px; padding-left:15px; float:left; font-weight:normal;}
.header .logo_area  span{  font-size:20px; }
.header .tel{ float:right; color:#24272e; margin-top:40px;line-height:24px; height:40px; font-size:16px; text-align:right;}
.header .tel span { font-size: 24px;}
.banner .list #bg5 {background:url("../images/banner05.jpg")/*tpa=http://bj.so.tedu.cn/xzt/sem/images/banner05.jpg*/ no-repeat center;}
.banner .list #bg5 a{ display:block; width:700px;height:350px}
#banner05{width: 700px; height: 350px;}
#bg01-main{width: 606px; height: 174px;}
#bg01-bot{width: 195px; height: 68px;}
#henf{width: 640px; height: 110px;}
#part4-slogin{width: 470px; height: 72px;}
.top-menu {
	height:92px;
	font-size:15px;
	position:relative;
	top:22px;
}
.top-menu ul li {
	display:inline-block;
	margin-right:10px;
}
.top-menu ul li a {
	color:#404040;
	text-transform:uppercase;
	font-weight:450;
	line-height:28px;
	text-decoration:none;
	padding:0px 10px;
}
.top-menu ul li a.active {
	background:#209de5;
	color:#fff;
}

/* Shutter Out Horizontal */
a.hvr-shutter-out-horizontal {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	position: relative;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	background: #fff;
	color: #fff;
	padding:6px 15px;
}
a.hvr-shutter-out-horizontal:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background:#209de5;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: 50%;
	transform-origin: 50%;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	color:#fff;
	padding:6px 15px;
}
a.hvr-shutter-out-horizontal:hover,a.hvr-shutter-out-horizontal:focus,a.hvr-shutter-out-horizontal:active {
	color: white;
}
a.hvr-shutter-out-horizontal:hover:before,a.hvr-shutter-out-horizontal:focus:before,a.hvr-shutter-out-horizontal:active:before {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
}

/*轮播图开始*/
.banner{ width:100%; height:375px; position:relative;}
.banner .list{ width:100%; height:375px; overflow:hidden; position:relative; z-index:1;}
.banner .list li{ width:100%; height:375px; position:absolute; left:0px; top:0px; display:none;}
/*.banner .list li a{ width:980px; margin:0 auto; position:relative; display:block; overflow:hidden; height:408px;}
.banner .list li a:hover{ text-decoration:none;}*/
.banner .list li.bg1{ width:100%;margin:0 auto;background:url("../images/banner01.jpg")/*tpa=http://bj.so.tedu.cn/xzt/sem/images/banner01.jpg*/ no-repeat center center; background-color:#171717;}
.banner .list li.bg1 a .text1{ width:200px; left:180px; height:200px; top:60px; position:absolute; z-index:3;}
.banner .list li.bg1 a .text1.hover{animation: img1 1s ease-out;-webkit-animation: img1 1s ease-out;}
.banner .list li.bg1 a .text2{ right:90px; top:95px; position:absolute; z-index:3; width:423px;}
.banner .list li.bg1 a .text2.hover{animation: img2 0.7s ease-out;-webkit-animation: img2 0.7s ease-out;}
.banner .list li.bg1 a .text3{ right:220px; width:286px; top:165px; position:absolute; z-index:3;}
.banner .list li.bg1 a .text3.hover{animation: img3 1s ease-out;-webkit-animation: img3 1s ease-out;}
.banner .btn{ position:absolute; top:350px; left:50%; margin-left:-180px; z-index:100;}
.banner .btn li{ overflow:hidden;margin-left:3px; background: #fff; text-indent: -999em; float: left; width: 50px; height: 5px; cursor: pointer; }
.banner .btn li.hover{ background: #FC3; }
@keyframes img1 {0% { left:-200px; transform:rotate(-180deg);} 100% { left:180px; transform:rotate(0deg);}}
@-webkit-keyframes img1 {0% {left:-200px; -webkit-transform:rotate(-180deg);} 100% {left:180px; -webkit-transform:rotate(0deg);}}
@keyframes img2 {0% {right:-350px; opacity:0.3;} 100% {right:90px; opacity:1;}}
@-webkit-keyframes img2 {0% {right:-350px; opacity:0.3;} 100% {right:90px; opacity:1;}}
@keyframes img3 {0% {right:-350px; opacity:0.3;} 100% {right:220px; opacity:1;}}
@-webkit-keyframes img3 {0% {right:-350px; opacity:0.3;} 100% {right:220px; opacity:1;}}
.banner .list li.bg2{ background:url("../images/banner02.jpg")/*tpa=http://bj.so.tedu.cn/xzt/sem/images/banner02.jpg*/ no-repeat center;background-color:#03438a;}
.banner .list li.bg2 .text3{ position:absolute; left:25px; top:20px;}
.banner .list li.bg2 .text3.hover{ animation: img2_3 1.1s ease-out; -webkit-animation: img2_3 1.1s ease-out;}
.banner .list li.bg2 .text4{ position:absolute; left:222px; top:250px; transform:scale(1); -webkit-transform:scale(1);}
.banner .list li.bg2 .text4.hover{ animation: img2_4 1s ease-out; -webkit-animation: img2_4 1s ease-out;}

@keyframes img2_1 { 0% {transform:rotate(150deg);} 100% { transform:rotate(0deg);}}
@-webkit-keyframes img2_1 { 0% { -webkit-transform:rotate(150deg);} 100% { -webkit-transform:rotate(0deg);}}
@keyframes img2_2 { 0% {transform:rotate(280deg);} 100% { transform:rotate(0deg);}}
@-webkit-keyframes img2_2 { 0% { -webkit-transform:rotate(280deg);} 100% { -webkit-transform:rotate(0deg);}}
@keyframes img2_3 { 20%{ transform:rotateY(180deg); left:-500px;} 90% { transform:rotateY(0deg); left:20px;} 92%{ top:20px;} 94%{ top:20px;} 96%{ top:20px;} 98%{ top:20px;} 100%{ top:20px;}}
@-webkit-keyframes img2_3 { 20%{ -webkit-transform:rotateY(180deg); left:-500px;} 90% { -webkit-transform:rotateY(0deg); left:20px;} 92%{ top:20px;} 94%{ top:20px;} 96%{ top:20px;} 98%{ top:20px;} 100%{ top:20px;}}
@keyframes img2_4 {0%{ transform:scale(0);} 40%{ transform:scale(0);} 100% { transform:scale(1);}}
@-webkit-keyframes img2_4 {0%{ -webkit-transform:scale(0);} 40%{ -webkit-transform:scale(0);} 100% { -webkit-transform:scale(1);}}
@keyframes img2_5{0%{right:-400px;}  50%{right:-400px; opacity:0.3;} 100% {right:48px; opacity:1;}}
@-webkit-keyframes img2_5{0%{right:-400px;}  50%{right:-400px; opacity:0.3;} 100% {right:48px; opacity:1;}}
@keyframes img2_6{0%{right:-400px;}  50%{right:-400px; opacity:0.3;} 100% {right:90px; opacity:1;}}
@-webkit-keyframes img2_6{0%{right:-400px;}  50%{right:-400px; opacity:0.3;} 100% {right:90px; opacity:1;}}
@keyframes img2_7{0%{right:-400px;}  50%{right:-400px; opacity:0.3;} 100% {right:28px; opacity:1;}}
@-webkit-keyframes img2_7{0%{right:-400px;}  50%{right:-400px; opacity:0.3;} 100% {right:28px; opacity:1;}}

.banner .list li.bg3{background:url("../images/banner03.jpg")/*tpa=http://bj.so.tedu.cn/xzt/sem/images/banner03.jpg*/ no-repeat center;background-color:#23003c;}
.banner .list li.bg3 .text1{ position:absolute; left:20px; top:15px; z-index:10;}
.banner .list li.bg3 .text2{ position:absolute; left:230px; top:260px; z-index:10;}

.banner .list li.bg3 .text2-2{ position:absolute; left:389px; top:0px;}
.banner .list li.bg3 .text3{ position:absolute; left:106px; top:0px;}
.banner .list li.bg3 .text4{ position:absolute; left:230px; top:270px; font-size:30px; color:#fff; text-align:center;}
.banner .list li.bg3 .text5{ position:absolute; left:99px; top:218px;}
.banner .list li.bg3 .text6{ position:absolute; left:130px; top:220px; font-size:30px; color:#e9dcff; text-align:center;}
.banner .list li.bg3 .text7{ position:absolute; left:386px; top:220px; font-size:30px; color:#e9dcff; text-align:center;}
.banner .list li.bg3 .text8{ position:absolute; left:640px; top:220px; font-size:30px; color:#e9dcff; text-align:center;}
.banner .list li.bg3 .text1.hover{ animation:img3_1 1s ease; -webkit-animation:img3_1 1s ease;}
.banner .list li.bg3 .text2.hover{ animation:img3_2 1.2s ease; -webkit-animation:img3_2 1.2s ease;}
.banner .list li.bg3 .text2-1.hover{ transform-origin:right bottom; -webkit-transform-origin:right bottom; animation:img3_2-1 30s linear; -webkit-animation:img3_2-1 30s linear;}
.banner .list li.bg3 .text2-2.hover{ transform-origin:left bottom; -webkit-transform-origin:left bottom; animation: img3_2-2 30s linear; -webkit-animation: img3_2-2 30s linear;}
.banner .list li.bg3 .text4.hover{ animation: img3_4 1.5s ease; -webkit-animation: img3_4 1.5s ease;}
.banner .list li.bg3 .text6.hover{ animation: img3_6 0.7s ease; -webkit-animation: img3_6 0.7s ease;}
.banner .list li.bg3 .text7.hover{ animation: img3_7 0.7s ease; -webkit-animation: img3_7 0.7s ease;}
.banner .list li.bg3 .text8.hover{ animation: img3_8 0.7s ease; -webkit-animation: img3_8 0.7s ease;}

@keyframes img3_1 { 0% { left:-2000px;opacity:0.3;}100% { left:20px;opacity:1;}}
@-webkit-keyframes img3_1 { 0% { left:-2000px;opacity:0.3;}100% { left:50px;opacity:1;}}
@keyframes img3_2 { 0% { left:-1910px;opacity:0;}100% { left:230px;opacity:1;}}
@-webkit-keyframes img3_2 { 0% { left:-1910px;opacity:0;}100% { left:140px;opacity:1;}}

@keyframes img3_2-2 { 0% {transform:rotate(10deg);} 10% {transform:rotate(-100deg);} 20% {transform:rotate(10deg);} 30% {transform:rotate(-100deg);} 40% {transform:rotate(10deg);} 50% {transform:rotate(-100deg);} 60% {transform:rotate(10deg);} 70% {transform:rotate(-100deg);} 80% {transform:rotate(10deg);} 90% {transform:rotate(-100deg);} 100% { transform:rotate(0deg);}}
@-webkit-keyframes img3_2-2 { 0% {-webkit-transform:rotate(10deg);} 10% {-webkit-transform:rotate(-100deg);} 20% {-webkit-transform:rotate(10deg);} 30% {-webkit-transform:rotate(-100deg);} 40% {-webkit-transform:rotate(10deg);} 50% {-webkit-transform:rotate(-100deg);} 60% {-webkit-transform:rotate(10deg);} 70% {-webkit-transform:rotate(-100deg);} 80% {-webkit-transform:rotate(10deg);} 90% {-webkit-transform:rotate(-100deg);} 100% {-webkit-transform:rotate(0deg);}}
@keyframes img3_4 { 0%{ opacity:0; transform: scale(0);} 30%{ opacity:0; transform: scale(0);} 80%{ opacity:0.7; transform: scale(1.2);} 100%{ opacity:1; transform: scale(1);}}
@-webkit-keyframes img3_4 { 0%{ opacity:0; -webkit-transform: scale(0);} 30%{ opacity:0; -webkit-transform: scale(0);} 80%{ opacity:0.7; -webkit-transform: scale(1.2);} 100%{ opacity:1; -webkit-transform: scale(1);}}
@keyframes img3_6 { 0% { left:-210px;} 100% { left:130px;}}
@-webkit-keyframes img3_6 { 0% { left:-210px;} 100% { left:130px;}}
@keyframes img3_7 { 0%{ opacity:0; transform: scale(4);} 100%{ opacity:1; transform: scale(1);}}
@-webkit-keyframes img3_7 { 0%{ opacity:0; -webkit-transform: scale(4);} 100%{ opacity:1; -webkit-transform: scale(1);}}
@keyframes img3_8 { 0% { right:-210px;} 100% { right:130px;}}
@-webkit-keyframes img3_8 { 0% { right:-210px;} 100% { right:130px;}}



.banner .list li.bg4{ background:url("../images/banner04.jpg")/*tpa=http://bj.so.tedu.cn/xzt/sem/images/banner04.jpg*/ no-repeat center center; background-color:#048bcf;}
.banner .list li.bg4 .text1{ position:absolute; left:250px; top:45px; font-size:69px; color:#ffe9e9;}
.banner .list li.bg4 .text2{ overflow:hidden; width:66px; position:absolute; left:251px; top:137px;}
.banner .list li.bg4 .text3{ opacity:0; position:absolute; left:485px; top:55px;}
.banner .list li.bg4 .text4{ opacity:0; transform-origin:left bottom; -webkit-transform-origin:left bottom; position:absolute; left:500px; top:105px;}
.banner .list li.bg4 .text5{ opacity:0; position:absolute; left:0px; top:60px;}
.banner .list li.bg4 .text6{ opacity:0; transform-origin: left bottom; -webkit-transform-origin: left bottom; position:absolute; left:15px; top:250px;}
.banner .list li.bg4 .text7{ position:absolute; left:5px; bottom:40px;}
.banner .list li.bg4 .text3.hover{ animation:img4_3 1s 0.5s ease forwards; -webkit-animation:img4_3 1s 0.5s ease forwards;}
.banner .list li.bg4 .text4.hover{ animation:img4_4 1.2s 0.5s ease forwards; -webkit-animation:img4_4 1.2s 0.5s ease forwards;}
.banner .list li.bg4 .text5.hover{ animation:img4_5 1.5s 0.5s ease forwards; -webkit-animation:img4_5 1.5s 0.5s ease forwards;}
.banner .list li.bg4 .text6.hover{ animation:img4_6 0.3s 1.5s ease-out forwards; -webkit-animation:img4_6 0.3s 1.5s ease-out forwards;}
.banner .list li.bg4 .text7.hover{ animation:img4_7 0.8s ease-in; -webkit-animation:img4_7 0.8s ease-in;}
@keyframes img4_3 { 0%{ top:-100px; opacity:0;} 100%{ top:50px; opacity:1;}}
@-webkit-keyframes img4_3 { 0%{ top:-100px; opacity:0;} 100%{ top:50px; opacity:1;}}
@keyframes img4_4 { 0%{ transform:scale(0);} 100%{ transform:scale(1); opacity:1;}}
@-webkit-keyframes img4_4 { 0%{ -webkit-transform:scale(0);} 100%{ -webkit-transform:scale(1); opacity:1;}}
@keyframes img4_5 { 0%{ transform:scale(0);} 100%{ transform:scale(1); opacity:1;}}
@-webkit-keyframes img4_5 { 0%{ -webkit-transform:scale(0);} 100%{ -webkit-transform:scale(1); opacity:1;}}
@keyframes img4_6 { 0%{ transform:rotate(30deg); opacity:0;} 100%{ transform:rotate(0deg); opacity:1;}}
@-webkit-keyframes img4_6 { 0%{ -webkit-transform:rotate(30deg); opacity:0;} 100%{ -webkit-transform:rotate(0deg); opacity:1;}}
@keyframes img4_7{0%{ bottom:-300px; opacity:0;} 100%{ bottom:40px; opacity:1;}}
@-webkit-keyframes img4_7{0%{ bottom:-300px; opacity:0;} 100%{ bottom:40px; opacity:1;}}


.text-6btn{
	height:28px;
	width:113px;
	line-height:28px;
	font-size:16px;
	text-align:center;
	color:#f4e51d;
	display:block;
	border:1px solid #f4e51d;
	border-radius:15px;
}
.text-6btn:hover{
	background-color:#f4e51d;
	color:#ffffff;
}

/*轮播图结束*/

/*登录信息开始*/
.login{
	width:380px;
	height:390px;
	background: url("../images/parts/login-bg.png")/*tpa=http://bj.so.tedu.cn/xzt/sem/images/parts/login-bg.png*/ no-repeat;
	position: absolute;
	left:50%;
	top:-15px;
	margin-left:210px;
	z-index:999;
}
.login-content{
	width: 280px;
	height: 375px;
	background: #fff;
	position:relative;
	top:0;
	left:0;background: url("../images/ly-bg.jpg")/*tpa=http://bj.so.tedu.cn/xzt/sem/images/ly-bg.jpg*/ no-repeat left top;
}
.login-top{
	width:280px;
	height:108px;
	/*background:#ffa200;*/
	text-align:center;
	
}
.login-top .por{
	width:80px;
	height:80px;
	margin:0 auto;
	/*background: url(../images/parts/login-por.png) no-repeat center;*/
}.details {
	margin:15px 22px;
}
.pol{
	float: left;
	line-height:28px;
	color:#666666;
}
.details p{
	font-weight:bold;
	margin:10px 0 15px 0;
}
.details form li {
	display:block;
	border-radius:3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	list-style: none;
	background: #fff;
	margin-bottom:3px;
}
.details input[type="text"] {
	width: 185px;
	height:28px;
	color: #a9a9a9;
	font-size: 14px;
	padding-left:15px;
	margin-left:8px;
	border:1px solid #d8d8d8;
	outline: none;
	line-height:28px;
}

.details form .button01,.details form .button-submit {
	width:105px;
	height:32px;
	background:none;
	text-transform: uppercase;
	outline: none;
	border-radius:7px;
	-webkit-border-radius:7px;
	-moz-border-radius:7px;
	-o-border-radius:7px;
	-ms-border-radius:7px;
	font-size: 16px;
	text-align:center;
}
.details form .bto{float:left;}
.details form .bto1 .button01{
	border:1px solid #ffa200;
	color:#ffa200;
	margin-right:25px;
}
.details form .bto1 .button01:hover {
	background:#ffa200;
	color:#fff;
}
.details form .bto2 .button-submit{
	border:1px solid #0096df;
	display:block; line-height:30px;
	color:#0096df;
}
.details form .bto2 .button-submit:hover {
	background:#0096df;
	color:#fff;
}

.header-bottom {
	position:relative;
	margin-top:12px;
}
.right-grid-1 {
	background: url("../images/slider-bg.png")/*tpa=http://bj.so.tedu.cn/xzt/sem/images/slider-bg.png*/ no-repeat 0px 0px;
	background-size: 100% 100%;
	width: 62%;
	margin: 0 auto;
	position: absolute;
	left: 227px;
	min-height: 380px;
}
/*所有内容部分标题！！教师部分另外处理！*/
.section-title{
	margin:65px 0;
	background-repeat:no-repeat;
	background-position: center;
}
.section-title img{margin:0 auto;}
/*互联网营销无处不在*/
.section-title .title-01{
	width: 535px;
	height: 73px;
}
.section-title .title-02{
	width: 372px;
	height: 73px;
}
.section-title .title-03{
	width: 346px;
	height: 73px;
}
.section-title .title-04{
	width: 413px;
	height: 81px;
}
.section-title .title-05{
	width: 537px;
	height: 82px;
}
.section-title .title-06{
	width: 429px;
	height: 80px;
}
.section-title .title-07{
	width: 551px;
	height: 83px;
}
.section-title .title-08{
	width: 415px;
	height: 81px;
}
.section-title .title-09{
	width: 471px;
	height: 82px;
}
.section-title .title-10{
	width: 426px;
	height: 82px;
}
.part1-section{
	width:100%;
	height:759px;
	margin:0 auto;
	background:#e6e6e6;
}
.part1-section .container{
	height:759px;
}
.part1-grids{
	height:340px;
	margin-top:20px;
}
.part1-box{
	margin-right:30px;
	width:220px;
	height:340px;
	background-color:#d0d0d0;
}
.part1-box p{
	margin:0 auto;
	width:141px;
	font-size:15px;
	line-height:23px;
	color:#4d4d4d;
}
.p1box-img{
	width:220px;
	height:220px;
}
.lld{
	background:url("../images/parts/part1-lld.png")/*tpa=http://bj.so.tedu.cn/xzt/sem/images/parts/part1-lld.png*/ no-repeat center center;
	background-size:125px 159px;
}
.lld:hover{
	background-size:135px 169px;
}
.yhjz{
	background:url("../images/parts/part1-yhjz.png")/*tpa=http://bj.so.tedu.cn/xzt/sem/images/parts/part1-yhjz.png*/ no-repeat center center;
	background-size:153px 161px;
}
.yhjz:hover{
	background-size:163px 171px;
}
.hblg{
	background:url("../images/parts/part1-hblg.png")/*tpa=http://bj.so.tedu.cn/xzt/sem/images/parts/part1-hblg.png*/ no-repeat center center;
	background-size:143px 159px;
}
.hblg:hover{
	background-size:153px 169px;
}
.tsppd{
	background:url("../images/parts/part1-tsppd.png")/*tpa=http://bj.so.tedu.cn/xzt/sem/images/parts/part1-tsppd.png*/ no-repeat center 20px;
	background-size:178px 172px;
}
.tsppd:hover{
	background:url("../images/parts/part1-tsppd.png")/*tpa=http://bj.so.tedu.cn/xzt/sem/images/parts/part1-tsppd.png*/ no-repeat center 10px;
	background-size:188px 182px;
}
.part-btn{
	margin:0 auto;
	margin-top:60px;
	width:230px;
	height:60px;
	display:block;
	text-align:center;
	line-height:60px;
	font-size:30px;
	font-weight:bold;
	color:#e34a2c;
	background-color:#fcc85b;
	border-bottom:6px solid #efae31;
	border-radius:8px;
	text-decoration:none;
}
.part-btn:hover{
	margin-top:63px;
	border-bottom:3px solid #efae31;
}
/*互联网营销无处不在-----结束*/

.about_left {
	padding:0;
}
.about_left img {
	width:100%;
}
.about_right {
	background:#ffc155;
	padding:11em 8em 0;
	min-height: 594px;
}
.about_right h3 {
	color: #fff;
	font-size: 2.2em;
	font-weight: 700;
	text-transform: uppercase;
}
.about_right p {
	color: #fff;
	font-size: 1em;
	font-weight: 300;
	line-height:1.9em;
	margin:1.6em 0 3em 0;
}
.about_right a {
	text-decoration:none;
	color:#fff;
	font-size:1.05em;
	font-weight:300;
	text-transform: uppercase;
	padding:9px 18px;
	border:1px solid #e7ad48;
}
.about_right a:hover {
	background:#394b50;
}
.price-section {
	padding: 6em 0;
	background:#e7edf3;
}
.price-section-head h3 {
	color: #394b50;
	font-size: 2.2em;
	font-weight: 900;
	text-transform: uppercase;
}
.price-section-head p {
	color: #394b50;
	font-size: 1.2em;
	font-weight: 500;
}
.price-section-grid h5 {
	color:#818b95;
	font-family: 'Lato', sans-serif;
	font-size:1.9em;
	font-weight:300;
	text-transform:uppercase;
	margin-bottom:0.8em;
}
.price-section-grid h3 span {
	font-size:0.7em;
	vertical-align: top;
}
.price-section-grid h3 {
	color:#ffbb42;
	font-family: 'Lato', sans-serif;
	font-size:3.5em;
	font-weight:700;
}
.price-section-grid p {
	color:#818b95;
	font-family: 'Lato', sans-serif;
	font-size:1.1em;
	font-weight:300;
	text-transform:uppercase;
}
.price-section-grid ul {
	margin:2.5em 0;
}
.price-section-grid ul li {
	list-style-type:none;
	color:#b5bbc1;
	font-family: 'Lato', sans-serif;
	font-size:1.1em;
	font-weight:400;
	text-transform:uppercase;
	border-top:1px solid #e2e9f0;
	padding:0.7em;
}
.price-section-grid a {
	color:#fff;
	font-family: 'Lato', sans-serif;
	font-size:1.1em;
	text-decoration:none;
	background:#ffbb42;
	text-transform:uppercase;
	font-weight:400;
	padding:11px 20px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	-ms-border-radius: 4px;
}
.price-section-grid a:hover {
	background:#394b50;
}
.price-value {
	border: 1px solid #ccd5df;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	-ms-border-radius: 4px;
	padding:4em 2em 5em 2em;
	background:#fff;
	width:32.888%;
	float:left;
	margin-right:0.6%;
	margin-top:6em;
}
.price-value:hover {
	background:#709dca;
	border:none;
}
.price-value:hover div.price-section-grid h5,.price-value:hover div.price-section-grid p,.price-value:hover div.price-section-grid h3,
.price-value:hover div.price-section-grid span {
	color:#fff;
	transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all;
}
.price-value:hover div.price-section-grid ul li {
	color:#c2e1ff;
}
.price-value:nth-child(3){
	margin-right:0;
}
.price-value:hover {
	transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-o-transform: scale(1.05);
	-ms-transform: scale(1.05);
	z-index: 1;
	border: none;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.work-section {
	padding: 6em 0;
}
.work-section-head h3 {
	color: #394b50;
	font-size: 2.2em;
	font-weight: 900;
	text-transform: uppercase;
}
.work-section-head p {
	color: #394b50;
	font-size: 1.2em;
	font-weight: 500;
}
.work-section-grid {
	margin-top:8em;
	position:relative;
}
span.arrow1 {
	position: absolute;
	top: -35px;
	right: -64px;
}
span.arrow2 {
	position: absolute;
	top: 95px;
	right: -64px;
}
.work-section-grid h4 {
	color:#394b50;
	font-family: 'Lato', sans-serif;
	font-size:1.5em;
	font-weight:700;
	margin-bottom:0.8em;
	text-transform: uppercase;
	margin-top:4em;
}
.work-section-grid p {
	color: #7b7b7b;
	font-size: 0.95em;
	font-weight: 400;
	line-height: 1.8em;
	margin-bottom:6em;
}
a.work {
	color: #fff;
	font-family: 'Lato', sans-serif;
	font-size: 1em;
	text-decoration: none;
	background: #ffbb42;
	text-transform: uppercase;
	font-weight: 400;
	padding: 11px 23px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	-ms-border-radius: 4px;
}
a.work:hover {
	background:#394b50;
}
.client {
	float:left;
	width: 25%;
	margin-right: 6%;
}
.client img {
	width:100%;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
}
.client-info {
	float:left;
	width: 69%;
}
.happy-clients {
	background:#ffc155;
	padding:7em 0;
}
.happy-clients-head h3 {
	color: #fff;
	font-size: 2.2em;
	font-weight: 900;
	text-transform: uppercase;
}
.happy-clients-head p {
	color: #fff;
	font-size: 1.2em;
	font-weight: 500;
}
.happy-clients-grid {
	background:#fff;
	padding:2.5em 2em;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	-ms-border-radius: 4px;
	width: 47%;
	margin: 2% 3% 0 0;
}
.happy-clients-grid p {
	color: #7b7b7b;
	font-size: 0.95em;
	font-weight: 400;
	line-height: 1.8em;
	margin-bottom:1.2em;
}
.happy-clients-grid h4 {
	color:#99a9ae;
	font-size:1em;
	font-family: 'Lato', sans-serif;
	font-weight:400;
	text-transform: uppercase;
}
.happy-clients-grid h4 a {
	color:#f6772c;
	text-decoration:none;
}
.span_66{
	margin-right:0;
}
.happy-clients-grids {
	margin-top:3em;
}
img.open {
	margin: 0 6px 9px 0px;
}
img.closeq {
	margin: 6px 0px 0px 11px;
}
.contact-section {
	padding: 5em 0 3em 0;
}
.contact-section-head h3 {
	color: #394b50;
	font-size: 2.2em;
	font-weight: 900;
	text-transform: uppercase;
}
.contact-section-head p {
	color: #394b50;
	font-size: 1.2em;
	font-weight: 500;
}
.form input[type="text"] {
	width: 85%;
	color: #a9a9a9;
	font-size: 0.9em;
	padding: 14px 14px 14px 0;
	border: none;
	outline: none;
	background: #fff;
}
.form form li {
	display:inline-block;
}
.form {
	margin:3em 0 5em 0;
}
.form form li {
	border-radius:3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	list-style: none;
	float: left;
	width: 35%;
	background: #fff;
	margin-right:1em;
	border:1px solid #cbcbcb;
}
.form form input[type="submit"] {
	color: #fff;
	text-transform: uppercase;
	font-size: 1em;
	font-weight: 300;
	border: none;
	background: #ffbb42;
	padding: 14px 0px;
	width: 19%;
	outline: none;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	-ms-border-radius: 4px;
}
.form form input[type="submit"]:hover {
	background:#394b50;
}
.bottom-menu ul li {
	display:inline-block;
	margin:0 1em;
}
.bottom-menu ul li a {
	font-size:1.05em;
	font-family: 'Lato', sans-serif;
	color:#394b50;
	text-transform:uppercase;
	font-weight:500;
	text-decoration:none;
}
.bottom-menu ul li a:hover {
	color:#ffbb42;
}
.footer {
	padding:1.2em 0;
	background:#709dca;
}
.copyright p {
	color:#ffffff;
	font-size:1.1em;
	font-weight:400;
}
.copyright p a {
	color:#ffffff;
}

i.twitter {
	background-position: -75px 0px;
}
i.twitter:hover {
	background-position: -75px -25px;
}
i.facebook {
	background-position: -100px 0px;
}
i.facebook:hover {
	background-position: -100px -25px;
}
i.googlepluse {
	background-position: -125px 0px;
}
i.googlepluse:hover {
	background-position: -125px -25px;
}
i.linkedin {
	background-position: -150px 0px;
}
i.linkedin:hover {
	background-position: -150px -25px;
}
p.call {
	font-size:1.6em;
	font-family: 'Lato', sans-serif;
	color:#394b50;
	font-weight:700;
	margin:1em 0;
}
.map {
	border-bottom: 1px solid #e3e7ec;
	margin-bottom: 3em;
	padding-bottom: 3em;
	position:relative;
}
.map img {
	width:100%;
}
.location {
	position: absolute;
	top:70px;
	left: 400px;
}
.bottom-logo img {
	width: 19%;
}
.address {
	background:#394b50;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
	padding:5em;
	margin-bottom:2em;
	position:relative;
}
.address h4 {
	color:#fff;
	text-transform:uppercase;
	font-size:1.2em;
	font-family: 'Lato', sans-serif;
	font-weight:500;
	margin-bottom:1em;
}
.address p {
	color:#aeb7ba;
	font-size:0.9em;
	font-weight:500;
	margin:0.5em 0;
}
.address a {
	color:#ffbb42;
	font-size:0.95em;
	font-weight:500;
	display:block;
	margin-top:0.8em;
}
span.locate {
	position: absolute;
	bottom: -17px;
	left: 130px;
}
span.locate img {
	width: 100%;
}
#toTop {
	display: none;
	text-decoration: none;
	position: fixed;
	bottom: 10px;
	left: 10px;
	overflow: hidden;
	width: 48px;
	height: 48px;
	border: none;
	text-indent: 100%;
	background: url("../images/up-arrow.png")/*tpa=http://bj.so.tedu.cn/xzt/sem/images/up-arrow.png*/ no-repeat 8.8px 12px #ffbb42;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
	z-index:666666;
}
/*banner 轮播图部分*/
.container{position: relative;}
/*.bg1 a{*/
/*display:block;*/
/*width:115px;*/
/*height:30px;*/
/*border-radius:15px;*/
/*-webkit-border-radius:15px;*/
/*-moz-border-radius:15px;*/
/*-o-border-radius:15px;*/
/*-ms-border-radius:15px;*/
/*font-family:'SourceHanSansCN-Light';*/
/*color:#f4e51d;*/
/*border:1px solid #f4e51d;*/
/*text-align: center;*/
/*line-height:30px;*/
/*text-decoration:none;*/
/*}*/
/*.bg1 a:hover{*/
/*color:#0a94d6;*/
/*border:1px solid #f4e51d;*/
/*text-align: center;*/
/*line-height:30px;*/
/*text-decoration:none;*/
/*background:#ffcc44;*/
/*}*/
/*part2 网络营销的力量*/
.part2-section{
	height:900px;
	background: #282d36;
}
.part2-grids{
	margin-bottom:60px;
}
.part2-grid{
	width:230px;
	height:230px;
	float:left;
	background: #5e5e5e;
	margin:0 15px 15px 0;
	text-transform:uppercase;
}
.p2box-main{
	height:230px;
}
.p2box-img{
	width:230px;
	height:230px;
	margin-top:5px;
	margin-right:20px;
}
.sxz{
	background:url("../images/parts/part2-sxz.png")/*tpa=http://bj.so.tedu.cn/xzt/sem/images/parts/part2-sxz.png*/ no-repeat center bottom;
	background-size:218px 206px;
}
/*.sxz:hover{*/
	/*background-size:228px 216px;*/
/*}*/
.xzzf{
	background:url("../images/parts/part2-xzzf.png")/*tpa=http://bj.so.tedu.cn/xzt/sem/images/parts/part2-xzzf.png*/ no-repeat center bottom;
	background-size:203px 225px;
}
/*.xzzf:hover{*/
	/*background-size:213px 235px;*/
/*}*/
.rcqk{
	background:url("../images/parts/part2-rcqk.png")/*tpa=http://bj.so.tedu.cn/xzt/sem/images/parts/part2-rcqk.png*/ no-repeat center bottom;
	background-size:179px 207px;
}
/*.rcqk:hover{*/
	/*background-size:189px 217px;*/
/*}*/
.jsk{
	background:url("../images/parts/part2-jsk.png")/*tpa=http://bj.so.tedu.cn/xzt/sem/images/parts/part2-jsk.png*/ no-repeat center bottom;
	background-size:229px 207px;
}
/*.jsk:hover{*/
	/*background-size:239px 217px;*/
/*}*/
.p2box-list{
	margin:0 auto;
	margin-top:115px;
	width:953px;
	height:298px;
	background:url("../images/parts/part2-list.png")/*tpa=http://bj.so.tedu.cn/xzt/sem/images/parts/part2-list.png*/ no-repeat center bottom;
}



/*part-3 网络营销有多屌*/
.part3-section{
	width:100%;
	height:993px;
	background:#f2f2f2;
}
.part3-grids{
	width:100%;
	height:993px;

}
.part3-bg{
	width:943px;
	height:652px;
	background:url("../images/parts/part3-bg.png")/*tpa=http://bj.so.tedu.cn/xzt/sem/images/parts/part3-bg.png*/ no-repeat center center;
}
.part3-bg-main{
	top:67px;
	left:77px;
	width:789px;
	height:519px;
	position:relative;
	background-color:#282d36;
}

/*tab*/
#tab .tab_menu{
	margin-top:67px;
	margin-left:38px;
	margin-right:23px;
	width:140px;
	height:440px;
	z-index:999;
}
#tab .tab_menu li{
	width:142px;
	height:78px;
	line-height:78px;
	cursor:pointer;
	list-style:none;
	font-size:21px;
	color:#f18e24;
	border-top:1px dashed #363d4b;
	border-bottom:1px dashed #181c25;
}
#tab .tab_menu li.ntbr{
	border-top:none;
}
#tab .tab_menu li.nbbr{
	border-bottom:none;
}
#tab .tab_menu .selected{
	cursor:pointer;
}
#tab .tab_box{
	margin-top:43px;
	width:580px;
	height:440px;
}
.part3-tab1{
	background:url("../images/parts/part3-tab1.png")/*tpa=http://bj.so.tedu.cn/xzt/sem/images/parts/part3-tab1.png*/ no-repeat center center;
}
.part3-tab2{
	background:url("../images/parts/part3-tab2.png")/*tpa=http://bj.so.tedu.cn/xzt/sem/images/parts/part3-tab2.png*/ no-repeat center center;
}

.part3-tab3{
	background:url("../images/parts/part3-tab3.png")/*tpa=http://bj.so.tedu.cn/xzt/sem/images/parts/part3-tab3.png*/ no-repeat center center;
}

.part3-tab4{
	background:url("../images/parts/part3-tab4.png")/*tpa=http://bj.so.tedu.cn/xzt/sem/images/parts/part3-tab4.png*/ no-repeat center center;
}
.part3-tab5{
}
.part3-tab5 p{
	margin-top:15px;
	margin-left:10px;
	width:135px;
	height:59px;
	color:#a8a8a8;
	line-height:59px;
	font-weight:bold;
	text-align:center;
	background-color:#353a42;
	border:1px dashed #696c74;
}
.tab-box{
	width:590px;
	height:440px;
}
.tb1{
	background:url("../images/parts/part3-tb1-bg.png")/*tpa=http://bj.so.tedu.cn/xzt/sem/images/parts/part3-tb1-bg.png*/ no-repeat top left;
}
.tb2{
	background:url("../images/parts/part3-tb2-bg.png")/*tpa=http://bj.so.tedu.cn/xzt/sem/images/parts/part3-tb2-bg.png*/ no-repeat top left;
}
.tb3{
	background:url("../images/parts/part3-tb3-bg.png")/*tpa=http://bj.so.tedu.cn/xzt/sem/images/parts/part3-tb3-bg.png*/ no-repeat top left;
}
.tb4{
	background:url("../images/parts/part3-tb4-bg.png")/*tpa=http://bj.so.tedu.cn/xzt/sem/images/parts/part3-tb4-bg.png*/ no-repeat top left;
}
.tb5{
	background:url("../images/parts/part3-tb5-bg.png")/*tpa=http://bj.so.tedu.cn/xzt/sem/images/parts/part3-tb5-bg.png*/ no-repeat top left;
}
.tab-box-main{
	margin-left:47px;
	width:501px;
	height:440px;
}
.tbm1{
	background:url("../images/parts/tab-box-main.png")/*tpa=http://bj.so.tedu.cn/xzt/sem/images/parts/tab-box-main.png*/ no-repeat center center;
}
.tbm2{
	background:url("../images/parts/tab-box-main2.png")/*tpa=http://bj.so.tedu.cn/xzt/sem/images/parts/tab-box-main2.png*/ no-repeat center center;
}
.tbm3{
	background:url("../images/parts/tab-box-main3.png")/*tpa=http://bj.so.tedu.cn/xzt/sem/images/parts/tab-box-main3.png*/ no-repeat center center;
}
.tbm4{
	background:url("../images/parts/tab-box-main4.png")/*tpa=http://bj.so.tedu.cn/xzt/sem/images/parts/tab-box-main4.png*/ no-repeat center center;
}
.tbm5{
	background:url("../images/parts/tab-box-main5.png")/*tpa=http://bj.so.tedu.cn/xzt/sem/images/parts/tab-box-main5.png*/ no-repeat center center;
}

.tbm5 a{
	top:345px;
	left:334px;
	width:141px;
	height:67px;
	line-height:67px;
	font-weight:bold;
	font-size:16px;
	text-align:center;
	border:1px solid #42a673;
	color:#42a673;
	display:block;
	position:relative;
	background-color:#ffffff;
}

/*part4 参与者变策划者*/
.part4-section{
	width:100%;
	height:725px;
	background:url("../images/part4-bg.png")/*tpa=http://bj.so.tedu.cn/xzt/sem/images/part4-bg.png*/ no-repeat center bottom;
	border-bottom:3px solid #d6e5f3;
}
.part4-section a{
	top:-45px;
	margin:0 auto;
	width:169px;
	height:45px;
	font-size:24px;
	color:#3dc6ff;
	line-height:45px;
	text-align:center;
	display:block;
	border:2px solid #3dc6ff;
	border-radius:15px;
	position:relative;
}
.part4-section a:hover{border:1px solid #28ade4;color:#28ade4;line-height:45px;}
.part4-grids{
	width:800px;
	height:255px;
	margin:0 auto;
}
.part4-grid{
	width:190px;
	height:255px;
	float:left;
	margin-left:10px;
}
.part4-grid .sircl{
	width:164px;
	height:164px;
	border-radius:50%;
	border:3px solid;
}
.part4-grid .sircl:hover{
	border:1px solid;
}
.mark{
	background: url("../images/cover/marketing.png")/*tpa=http://bj.so.tedu.cn/xzt/sem/images/cover/marketing.png*/ no-repeat center;
}
.tech{
	background: url("../images/cover/technology.png")/*tpa=http://bj.so.tedu.cn/xzt/sem/images/cover/technology.png*/ no-repeat center;
}
.actu{
	background: url("../images/cover/actualc.png")/*tpa=http://bj.so.tedu.cn/xzt/sem/images/cover/actualc.png*/ no-repeat center;
}
.plan{
	background: url("../images/cover/planning.png")/*tpa=http://bj.so.tedu.cn/xzt/sem/images/cover/planning.png*/ no-repeat center;
}
.mark .sircl,.mark .sircl:hover{
	border-color:#2dc1ff;
}
.tech .sircl,.tech .sircl:hover{
	border-color:#ffd02d;
}
.actu .sircl,.actu .sircl:hover{
	border-color:#8ae2c8;
}
.plan .sircl,.plan .sircl:hover{
	border-color:#ffa2ab;
}

.hengf{
	position:relative;
	top:-40px;
}
.slogin{
	position:relative;
	top:-60px;
}

/*part-5 实战课程*/

.part5-section{
	width:100%;
	height:1623px;
	background-color:#242c36;
}
.part5-grids{
	padding:0 25px;
}
.course{
	width:300px;
	height:350px;
	background: #fff;
	float:left;
	margin-right:25px;
	margin-bottom:25px;
}

.course-img{
	position:relative;
	width:300px;
	height:195px;
	cursor:pointer;
}
.course-img img{
	width: 300px;
	height: 195px;
}
.course-name{
	position:absolute;
	top:158px;
	bottom:0px;
	width:300px;
	height:38px;
	line-height:38px;
	padding-left:30px;
	background:rgba(0,0,0,0.65);
	z-index:333;
}
.cover{
	position:absolute;
	top:0px;
	width:300px;
	height:195px;
	background:rgba(0,0,0,0.35);
	display:none;
	z-index:222;
	text-transform:uppercase;
}

.course-img:hover .cover{
	display:block;
}

.cover a{
	display:block;
	color:#fff;
	text-decoration:none;
	background:#ffb401;
	width:130px;
	height:35px;
	line-height:35px;
	text-align:center;
	margin:0 auto;
	position:relative;
	top:75px;
}
.part5-grids ul{
	padding:15px 30px;
	color:#515151;
	line-height:26px;
	list-style: square inside url("../images/parts/list-style.png")/*tpa=http://bj.so.tedu.cn/xzt/sem/images/parts/list-style.png*/
}


.class-type{
	width:218px;
	height:218px;
	float:left;
	text-align:center;
	border:4px solid;
	border-radius:50%;
	position:relative;
	margin:15px;

}
.class-type .name{padding:30px 0 10px 0;font-weight:bold;}
.class-type .des{padding:0 0 10px 0; color: #595959;font-weight:bold;}
.class-type .des span{color:#f97243;padding-left:8px;}
.class-type .time{color:#656565;padding-bottom:20px;}
.class-type .botton{font-weight:bold;}

.class01{border-color:#9ee0ff;background:url("../images/parts/jichu.gif")/*tpa=http://bj.so.tedu.cn/xzt/sem/images/parts/jichu.gif*/ #fff no-repeat center 137px ;}
.class01 .name{color:#008cd5;}
.class01 .botton{color:#fff661;}
.class01 .botton:hover{color:#ffea00;}

.class02{border-color:#ffedc3;background:url("../images/parts/jingying.gif")/*tpa=http://bj.so.tedu.cn/xzt/sem/images/parts/jingying.gif*/ #fff no-repeat center 137px ;}
.class02 .name{color:#fe9b00;}
.class02 .botton{color:#ff7a40;}
.class02 .botton:hover{color:#ff631e;}

.class03{border-color:#a6f7db;background:url("../images/parts/zhoumo.gif")/*tpa=http://bj.so.tedu.cn/xzt/sem/images/parts/zhoumo.gif*/ #fff no-repeat center 137px ;}
.class03 .name{color:#00ba83;}
.class03 .botton{color:#fff;}
.class03 .botton:hover{color:#cbffed;}

.class04{border-color:#ffd8d2;background:url("../images/parts/bdrz.gif")/*tpa=http://bj.so.tedu.cn/xzt/sem/images/parts/bdrz.gif*/ #fff no-repeat center 137px ;}
.class04 .name{color:#ff470e;}
.class04 .botton{color:#fe350d;}
.class04 .botton:hover{color:#ff0600;}

.class04 .time{position:relative;left:-28px;}
.class04 span{font-size:12px;position:absolute;top:105px;left:113px; color:#656565;}


/*part6 百度联合办学*/
.part6-section{
	width:100%;
	height:637px;
}
.part6-left{
	width:464px;
	height:339px;
	background:url("../images/parts/baidu-shouquan.png")/*tpa=http://bj.so.tedu.cn/xzt/sem/images/parts/baidu-shouquan.png*/ no-repeat;
	float: left;

	margin:30px 100px 0 0;
}
.part6-right{
	width:410px;
	float: left;
	color:#444444;
	text-align: left;
	margin:15px 0 0 0;
}
.part6-right div{
	height:42px;
	padding-left:70px;
	margin-top:40px;
}
.part6-right .con-01{background:url("../images/parts/ico-01.png")/*tpa=http://bj.so.tedu.cn/xzt/sem/images/parts/ico-01.png*/ no-repeat left;}
.part6-right .con-02{background:url("../images/parts/ico-02.png")/*tpa=http://bj.so.tedu.cn/xzt/sem/images/parts/ico-02.png*/ no-repeat left;}
.part6-right .con-03{background:url("../images/parts/ico-03.png")/*tpa=http://bj.so.tedu.cn/xzt/sem/images/parts/ico-03.png*/ no-repeat left;}
.part6-right .con-04{background:url("../images/parts/ico-04.png")/*tpa=http://bj.so.tedu.cn/xzt/sem/images/parts/ico-04.png*/ no-repeat left;}
.part6-right .con-01:hover{background:url("../images/parts/ico-01-hover.png")/*tpa=http://bj.so.tedu.cn/xzt/sem/images/parts/ico-01-hover.png*/ no-repeat left;}
.part6-right .con-02:hover{background:url("../images/parts/ico-02-hover.png")/*tpa=http://bj.so.tedu.cn/xzt/sem/images/parts/ico-02-hover.png*/ no-repeat left;}
.part6-right .con-03:hover{background:url("../images/parts/ico-03-hover.png")/*tpa=http://bj.so.tedu.cn/xzt/sem/images/parts/ico-03-hover.png*/ no-repeat left;}
.part6-right .con-04:hover{background:url("../images/parts/ico-04-hover.png")/*tpa=http://bj.so.tedu.cn/xzt/sem/images/parts/ico-04-hover.png*/ no-repeat left;}

.explain{
	display:none;
	width:464px;
	height:339px;
	background:rgba(0,0,0,0.7);
	font-size:18px;
	line-height:28px;
	padding:100px 70px 0 70px;
	text-align:left;
}
.part6-left:hover .explain{
	display:block;
}
/*part6-2*/
.part6-2-section{
	width:100%;
	height:712px;
	background-color:#f5f5f5;
}
.tab_menu2 li{
	margin-bottom:7px;
	width:239px;
	height:84px;
	background-color:#e6e6e6;
	list-style:none;
	cursor:pointer;
}
.tab_menu2 li p{
	padding-left:59px;
	line-height:84px;
	color:#7d8188;
}
.part6-2-tab1{
	background:url("../images/parts/part6-2-tab1.png")/*tpa=http://bj.so.tedu.cn/xzt/sem/images/parts/part6-2-tab1.png*/ no-repeat 25px center;
}
.part6-2-tab1.selected2{
	background:url("../images/parts/part6-2-tab1-s.png")/*tpa=http://bj.so.tedu.cn/xzt/sem/images/parts/part6-2-tab1-s.png*/ no-repeat 25px center;
	background-color:#e6e6e6;
}
.part6-2-tab1.selected2 p{
	color:#3a6ed4;
}
.part6-2-tab2{
	background:url("../images/parts/part6-2-tab2.png")/*tpa=http://bj.so.tedu.cn/xzt/sem/images/parts/part6-2-tab2.png*/ no-repeat 25px center;
}
.part6-2-tab2.selected2{
	background:url("../images/parts/part6-2-tab2-s.png")/*tpa=http://bj.so.tedu.cn/xzt/sem/images/parts/part6-2-tab2-s.png*/ no-repeat 25px center;
	background-color:#e6e6e6;
}
.part6-2-tab2.selected2 p{
	color:#3a6ed4;
}
.part6-2-tab3{
	background:url("../images/parts/part6-2-tab3.png")/*tpa=http://bj.so.tedu.cn/xzt/sem/images/parts/part6-2-tab3.png*/ no-repeat 25px center;
}
.part6-2-tab3.selected2{
	background:url("../images/parts/part6-2-tab3-s.png")/*tpa=http://bj.so.tedu.cn/xzt/sem/images/parts/part6-2-tab3-s.png*/ no-repeat 25px center;
	background-color:#e6e6e6;
}
.part6-2-tab3.selected2 p{
	color:#3a6ed4;
}
.tab_menu2{
	margin-top:9px;
	margin-left:52px;
}
.tab_box2{
	width:654px;
	height:288px;
	border-left:1px solid #c2c4c8;
}
.part6-2-bg-main{
	width:1000px;
	height:288px;
}
.tab-box2-box1{

}
.tab-box2-box1-main{
	margin-right:25px;
	width:563px;
	height:288px;
}
.tab-box2-box1-main h1{
	font-size:21px;
	line-height:21px;
	color:#52565f;
}
.tab-box2-box1-main p{
	margin-top:27px;
	line-height:28px;
	font-size:13px;
	color:#7d8188;
}
.tab-box2-box1-main span{
	margin-bottom:10px;
	margin-right:10px;
	text-align:center;
	line-height:32px;
	font-size:17px;
	color:#ffffff;
	display:block;
	background-color:#c1c3c6;
	border-radius:5px;
}
.tab-box2-box1-main span.nr{
	margin-right:0;
}

.tab-box2-box1-main a{
	width:150px;
	height:30px;
	font-size:18px;
	color:#3a6ed4;
	line-height:30px;
	text-align:center;
	display:block;
	border:1px solid #3a6ed4;
	border-radius:15px;
}
.tab-box2-box1-main a:hover{
	font-weight:bold;
	border:3px solid #3a6ed4;
	text-decoration:none;
}
.part-btn6-2{
	margin:0 auto;
	margin-top:71px;
	width:393px;
	height:45px;
	line-height:45px;
	font-weight:normal;
	background-color:#3a6ed4;
}
.part-btn6-2 p{
	font-size:20px;
	line-height:45px;
	width:249px;
	text-align:center;
	font-weight:normal;
	color:#ffffff;
	background-color:#3a6ed4;
}
.part-btn6-2 a{
	margin:1px;
	width:142px;
	height:43px;
	font-size:21px;
	line-height:43px;
	text-align:center;
	display:block;
	color:#3a6ed4;
	z-index:999;
	background-color:#ffffff;
}

/*part7 教师部分*/
.part7-section{
	width:100%;
	height:800px;
	background-color:#282d36;
}
.part7-section .section-title{
	margin-top:75px;
	position:relative;
	left:-1px;
}
.part7-grids{
	width:900px;
	margin:0 auto;
	padding-left:5px;
}
.part7-grid{
	width:170px;
	height:350px;
	float:left;
	margin-right:6px;
	position:relative;
}
.part7-grid .title{
	width:170px;
	padding:8px 6px;
	background:rgba(247,118,68,0.75);
	position:absolute;
	bottom:0;
	z-index:22

}
.desc{
	width:170px;
	height: 350px;
	background:rgba(0,0,0,0.55);
	padding:140px 8px 0 8px;
	position:absolute;
	z-index:11;
	display:none;
	text-align:justify;
	text-align-last:justify;/* ie9*/
	-moz-text-align-last:justify;/*ff*/
	-webkit-text-align-last:justify;/*chrome 20+*/
	font-size:15px;
}
.part7-grid:hover .desc{display:block;}
.part7-section a{
	display:block;
	width:208px;
	height:68px;
	background:url("../images/parts/part7-bot.png")/*tpa=http://bj.so.tedu.cn/xzt/sem/images/parts/part7-bot.png*/ no-repeat center;
	cursor:pointer;
	margin:0 auto;
	margin-top:60px;
}
.part7-section a:hover{
	background:url("../images/parts/part7-bot-hover.png")/*tpa=http://bj.so.tedu.cn/xzt/sem/images/parts/part7-bot-hover.png*/ no-repeat center;
}

.teacher01{background:url("../images/cover/lxg.jpg")/*tpa=http://bj.so.tedu.cn/xzt/sem/images/cover/lxg.jpg*/ no-repeat center;}
.teacher02{background:url("../images/cover/ljt.jpg")/*tpa=http://bj.so.tedu.cn/xzt/sem/images/cover/ljt.jpg*/ no-repeat center;}
.teacher03{background:url("../images/cover/wwy.jpg")/*tpa=http://bj.so.tedu.cn/xzt/sem/images/cover/wwy.jpg*/ no-repeat center;}
.teacher04{background:url("../images/cover/cfz.jpg")/*tpa=http://bj.so.tedu.cn/xzt/sem/images/cover/cfz.jpg*/ no-repeat center;}
.teacher05{background:url("../images/cover/zhj.jpg")/*tpa=http://bj.so.tedu.cn/xzt/sem/images/cover/zhj.jpg*/ no-repeat center;}
.teacher06{background:url("../images/cover/sjy.jpg")/*tpa=http://bj.so.tedu.cn/xzt/sem/images/cover/sjy.jpg*/ no-repeat center;}
.teacher07{background:url("../images/cover/zy.jpg")/*tpa=http://bj.so.tedu.cn/xzt/sem/images/cover/zy.jpg*/ no-repeat center;}


/*pat8 营销大咖*/
.part8-section{
	width:100%;
	height:850px;
	background:#e9eaeb;
}
.p8s-img{
	margin:0 auto;
	width:940px;
	display:block;
	height:570px;
}
/*pat9 学员作品*/
.part9-section{
	width:100%;
	height:770px;
	background:#f1f1f1;
}

.part9-section a{
	display:block;
	width:166px;
	height: 45px;
	font-size:24px;
	color:#008cd5;
	line-height:41px;
	margin:0 auto;
	border:2px solid #008cd5;
	border-radius:15px;
	text-align:center;
	position:relative;
	top:60px;
}
.part9-section a:hover{border:1px solid #28ade4;color:#28ade4;line-height:43px;}

.part9-grids{
	width:960px;
	height:360px;
	margin:0 auto;
	position:relative;
}

#tab3 .tab_menu3{
	width:180px;
	height:360px;
	position:absolute;
	z-index:111;
	background:#fff;
	border:1px solid #cccccc;
	padding-top:10px;
	left:209px;
}
#tab3 .tab_menu3 li{
	width:180px;
	height:55px;
	line-height:55px;
	cursor:pointer;
	text-align:left;
	margin:0 2px 0 0;
	color:#474747;
	list-style:none;
	padding-left:20px;
	font-size:15px;
	margin:1px 0;
}
#tab3 .tab_menu3 .selected3{
	background:#e6e6e6;
	border-right:3px solid #008cd5;
	cursor:pointer;
}
#tab3 .tab_box3{
	width:100%;
	height:100%;
	clear:both;
	overflow:hidden;
	position:relative;
}
.hiden{display:none;}

.work-content{
	width:100%;
	height: 100%;
	position:relative;
	top:0;
	left:0;
}
.works-left{
	float:left;
	width: 200px;
	height:360px;

}

.works-left .stu-desc{
	width:202px;
	height:145px;
	margin-top:10px;
	background:url("../images/parts/works-bg.png")/*tpa=http://bj.so.tedu.cn/xzt/sem/images/parts/works-bg.png*/ no-repeat center;
	color:#7b7b7b;
	font-size:15px;
	line-height:28px;
	padding:15px;
}
.works-left .pict{
	width:200px;
	height:200px;
	background:#fff;
	border:1px solid #cccccc;
}

.work01 .pict{background:url("../images/works/lixc.jpg")/*tpa=http://bj.so.tedu.cn/xzt/sem/images/works/lixc.jpg*/ #fff no-repeat center;}
.work02 .pict{background:url("../images/works/jjy.jpg")/*tpa=http://bj.so.tedu.cn/xzt/sem/images/works/jjy.jpg*/ #fff no-repeat center;}
.work03 .pict{background:url("../images/works/wwy.jpg")/*tpa=http://bj.so.tedu.cn/xzt/sem/images/works/wwy.jpg*/ #fff no-repeat center;}
.work04 .pict{background:url("../images/works/yyk.jpg")/*tpa=http://bj.so.tedu.cn/xzt/sem/images/works/yyk.jpg*/ #fff no-repeat center;}
.work05 .pict{background:url("../images/works/zxd.jpg")/*tpa=http://bj.so.tedu.cn/xzt/sem/images/works/zxd.jpg*/ #fff no-repeat center;}
.work06 .pict{background:url("../images/works/yk.jpg")/*tpa=http://bj.so.tedu.cn/xzt/sem/images/works/yk.jpg*/ #fff no-repeat center;}
.work06 .pict{background:url("../images/works/yk.jpg")/*tpa=http://bj.so.tedu.cn/xzt/sem/images/works/yk.jpg*/ #fff no-repeat center;}
.works-right{
	float:right;
	width: 560px;
	height:360px;
	background:#fff;
	border:1px solid #cccccc;
}
.swiper-container{
	width: 560px;
	height:360px;
	overflow:hidden;
}
.works-right img{
	margin:0 auto;
	width:558px;
	height:358px;
}

.sr-span{
	top:310px;
	width:560px;
	height:50px;
	position:absolute;
	z-index:99999;
	background-color:rgba(0,0,0,0.5);
}
.sr-span p{
	padding-left:20px;
	line-height:50px;
	font-size:20px;
	color:#ffffff;
}




/**/
/*.works-right{position:relative;}*/
/*.works-right .images {width:560px;height:360px;overflow:hidden; margin:0 auto}*/
/*.works-right .images div{float:left;}*/
/*.works-right .tabs {display:none; }*/
/*.works-right .tabs a {}*/
/*.works-right .tabs a:hover {}*/
/*.works-right .tabs a.current {}*/

/*.works-right .backward, .forward {position:absolute;width:46px;height:360px;overflow:hidden;top:0px;cursor:pointer;font-size:0px;}*/
/*.works-right .backward {left: 0px;background:url('../images/parts/focus_ctrl_left.png') center no-repeat;}*/
/*.works-right .forward {right:0px;background:url('../images/parts/focus_ctrl_right.png') center no-repeat;}*/
/*.works-right .backward:hover { background:url('../images/parts/focus_ctrl_left-hover.png') center no-repeat;}*/
/*.works-right .forward:hover {background:url('../images/parts/focus_ctrl_right-hover.png') center no-repeat;}*/
/*»ÃµÆƬ*/
/*.works-right .flow-box{ border:1px solid #dddddd; width:220px; float:left; margin-right:13px; background-color:#fff; margin-bottom:9px;-moz-box-shadow:0px 0px 2px #f4f4f4 ;-webkit-box-shadow:0px 0px 2px #f4f4f4;box-shadow:0px 0px 2px #f4f4f4; }*/
/*.works-right .flow-thumb{text-align:center; padding-top:8px;}*/
/*.works-right .flow-info2{text-align:center;}*/
/*.works-right .flow-info2 p { height:44px; line-height:44px; text-align:center; padding:0 8px; overflow:hidden; font-size:14px; color:#666;}*/
/*.works-right .uploadN{ background-color:#fafafa; border-top:1px solid #f4f4f4}*/
/**/
/*pat10 就业详情*/
.part10-section{
	width:100%;
	height:850px;
	background:#fff;
}
.part10-grids{
	width:956px;
	margin:0 auto;
}
.part10-grid{
	width:190px;
	height:190px;
	float:left;
	position:relative;
	margin:0 1px 1px 0;
	z-index:0;
}
.stu-cover{
	width:190px;
	height:190px;
	position:absolute;
	z-index:1;
	background:url("../images/cover/job-cover.png")/*tpa=http://bj.so.tedu.cn/xzt/sem/images/cover/job-cover.png*/ no-repeat center;
}
.part10-grid:hover .stu-cover{
	background:url("../images/cover/job-cover-hover.png")/*tpa=http://bj.so.tedu.cn/xzt/sem/images/cover/job-cover-hover.png*/ no-repeat center;
}
.stu-info{
	margin-top:110px;
	width:190px;
	height:80px;
	display:none;
	z-index:99;
	background-color:rgba(58,110,212,0.8);
}
.stu-info p{
	padding:10px;
	font-size:14px;
	font-weight:bold;
	color:#ffffff;
}
.stu-info.p2{
	margin-top:90px;
	height:100px;
}
.part10-grid:hover .stu-info{
	display:block;
}
/*.part10-grid:hover .stu-desc{*/
/*display:block;*/
/*}*/
/*.part10-grid .stu-desc{*/
/*width:197px;*/
/*height:197px;*/
/*position:fixed;*/
/*opacity:0;*/
/*filter:alpha(opacity=0); //IE滤镜，透明度50%*/
/*-moz-opacity:0; //Firefox私有，透明度50%*/
/*z-index:999;*/
/*}*/
/*.part10-grid:hover .stu-desc{*/
/*opacity:1;*/
/*filter:alpha(opacity=100); //IE滤镜，透明度50%*/
/*-moz-opacity:100; //Firefox私有，透明度50%*/
/*z-index:999999;*/
/*font-size:16px;*/
/*line-height:30px;*/
/*}*/
.stu01{background:url("../images/cover/job01.jpg")/*tpa=http://bj.so.tedu.cn/xzt/sem/images/cover/job01.jpg*/ no-repeat center;z-index:99;}
.stu02{background:url("../images/cover/job02.jpg")/*tpa=http://bj.so.tedu.cn/xzt/sem/images/cover/job02.jpg*/ no-repeat center;z-index:98;}
.stu03{background:url("../images/cover/job03.jpg")/*tpa=http://bj.so.tedu.cn/xzt/sem/images/cover/job03.jpg*/ no-repeat center;z-index:97;}
.stu04{background:url("../images/cover/job04.jpg")/*tpa=http://bj.so.tedu.cn/xzt/sem/images/cover/job04.jpg*/ no-repeat center;z-index:96;}
.stu05{background:url("../images/cover/job05.jpg")/*tpa=http://bj.so.tedu.cn/xzt/sem/images/cover/job05.jpg*/ no-repeat center;z-index:95;}

.stu06{background:url("../images/cover/job06.jpg")/*tpa=http://bj.so.tedu.cn/xzt/sem/images/cover/job06.jpg*/ no-repeat center;z-index:30;}
.stu07{background:url("../images/cover/job07.jpg")/*tpa=http://bj.so.tedu.cn/xzt/sem/images/cover/job07.jpg*/ no-repeat center;z-index:31;}
.stu08{background:url("../images/cover/job08.jpg")/*tpa=http://bj.so.tedu.cn/xzt/sem/images/cover/job08.jpg*/ no-repeat center;z-index:32;}
.stu09{background:url("../images/cover/job09.jpg")/*tpa=http://bj.so.tedu.cn/xzt/sem/images/cover/job09.jpg*/ no-repeat center;z-index:33;}
.stu10{background:url("../images/cover/job10.jpg")/*tpa=http://bj.so.tedu.cn/xzt/sem/images/cover/job10.jpg*/ no-repeat center;z-index:34;}

.stu11{background:url("../images/cover/job11.jpg")/*tpa=http://bj.so.tedu.cn/xzt/sem/images/cover/job11.jpg*/ no-repeat center;z-index:20;}
.stu12{background:url("../images/cover/job12.jpg")/*tpa=http://bj.so.tedu.cn/xzt/sem/images/cover/job12.jpg*/ no-repeat center;z-index:19;}
.stu13{background:url("../images/cover/job13.jpg")/*tpa=http://bj.so.tedu.cn/xzt/sem/images/cover/job13.jpg*/ no-repeat center;z-index:18;}
.stu14{background:url("../images/cover/job14.jpg")/*tpa=http://bj.so.tedu.cn/xzt/sem/images/cover/job14.jpg*/ no-repeat center;z-index:17;}
.stu15{background:url("../images/cover/job15.jpg")/*tpa=http://bj.so.tedu.cn/xzt/sem/images/cover/job15.jpg*/ no-repeat center;z-index:16;}

/*.stu01:hover .stu-desc{background:url('../images/cover/jobhover-content-right.png') no-repeat center; top:-4px; left:184px;padding:50px 10px 0 20px;}*/
/*.stu02:hover .stu-desc{background:url('../images/cover/jobhover-content-right.png') no-repeat center; top:-4px; left:184px;padding:50px 10px 0 20px;}*/
/*.stu03:hover .stu-desc{background:url('../images/cover/jobhover-content-right.png') no-repeat center; top:-4px; left:184px;padding:50px 10px 0 20px;}*/
/*.stu04:hover .stu-desc{background:url('../images/cover/jobhover-content-right.png') no-repeat center; top:-4px; left:184px;padding:50px 10px 0 20px;}*/
/*.stu05:hover .stu-desc{background:url('../images/cover/jobhover-content-down.png') no-repeat center; top:184px; left:-4px;padding:50px 15px 0 15px;}*/

/*.stu06:hover .stu-desc{background:url('../images/cover/jobhover-content-down.png') no-repeat center; top:184px; left:-4px;padding:50px 15px 0 15px;}*/
/*.stu07:hover .stu-desc{background:url('../images/cover/jobhover-content-left.png') no-repeat center; top:-4px; right:184px;padding:50px 10px 0 10px;}*/
/*.stu08:hover .stu-desc{background:url('../images/cover/jobhover-content-left.png') no-repeat center; top:-4px; right:184px;padding:50px 10px 0 10px;}*/
/*.stu09:hover .stu-desc{background:url('../images/cover/jobhover-content-left.png') no-repeat center; top:-4px; right:184px;padding:50px 10px 0 10px;}*/
/*.stu10:hover .stu-desc{background:url('../images/cover/jobhover-content-left.png') no-repeat center; top:-4px; right:184px;padding:50px 10px 0 10px;}*/

/*.stu11:hover .stu-desc{background:url('../images/cover/jobhover-content-right.png') no-repeat center; top:-4px; left:184px;padding:50px 10px 0 20px;}*/
/*.stu12:hover .stu-desc{background:url('../images/cover/jobhover-content-right.png') no-repeat center; top:-4px; left:184px;padding:50px 10px 0 20px;}*/
/*.stu13:hover .stu-desc{background:url('../images/cover/jobhover-content-right.png') no-repeat center; top:-4px; left:184px;padding:50px 10px 0 20px;}*/
/*.stu14:hover .stu-desc{background:url('../images/cover/jobhover-content-right.png') no-repeat center; top:-4px; left:184px;padding:50px 10px 0 20px;}*/
/*.stu15:hover .stu-desc{height:190px; width:190px; background:rgba(0,162,246,0.94); top:0px; right:0px;padding:50px 0 0 8px  }*/



/*pat11 我适合学吗*/
.part11-section{
	width:100%;
	height:790px;
	background:url("../images/part11-bg.jpg")/*tpa=http://bj.so.tedu.cn/xzt/sem/images/part11-bg.jpg*/ #e6e6e6 no-repeat center bottom;
}
.part11-section .section-title{
	margin-top:55px;
	margin-bottom:50px;
}
.part11-grids{
	width:845px;
	height:185px;
	margin:0 auto;
	position:relative;
	left:50px;
	margin-bottom:15px;
}
.part11-grid{
	width:155px;
	height: 185px;
	margin-right:10px;
	float:left;
}
.con01,.con03,.con05{
	background:url("../images/parts/blue.png")/*tpa=http://bj.so.tedu.cn/xzt/sem/images/parts/blue.png*/ no-repeat center;
}
.con02,.con04{
	background:url("../images/parts/yellow.png")/*tpa=http://bj.so.tedu.cn/xzt/sem/images/parts/yellow.png*/ no-repeat center;
}
.part11-grid img{
	margin:0 auto;
	margin-top:42px;
}
.part11-grid a{
	display:block;
	width: 98px;
	height:28px;
	margin:0 auto;
	line-height:28px;
	text-align: center;
	font-weight: bold;
	color:#fff;
	background:#ffc000;
	border-radius: 15px;
	margin-top:6px;
}
.part11-grid a:hover{
	color:#ffedb5;
}
.part-bottom{
	position:absolute;
	top:430px;
	right:60px;
	text-align:right;
}
.bottom1,.bottom2{
	font-weight:bold;
	margin-top: 30px;

}
.bottom1 a{
	display:inline-block;
	width:150px;
	height:38px;
	line-height:38px;
	font-size:20px;
	text-align:center;
	color:#fff;
	text-decoration:none;
	background:#ef6b37;
	border-radius:20px;
	position:relative;
	top:-2px;
}
.bottom1 a:hover{color:#ffdcce;}



.top-menu ul li a.cbp-menu{color:#009cf6 ;position:relative;top:2px;}
.top-menu ul.cbp-hssubmenu li a{line-height:30px;color:#009cf6;}

/*底部*/
.footer{background:#404040;text-align:center;}
.cnzz{width:50px;height:12px;display:inline-block;margin-left:15px; background:url("../images/cnzz.jpg")/*tpa=http://bj.so.tedu.cn/xzt/sem/images/cnzz.jpg*/;}
.footer p{padding:30px 0;}




.part13{
	margin:0 auto;
	width:100%;
	height:634px;
	background-color:#ffd800;
}
.part13-main{
	margin:0 auto;
	width:1000px;
	height:634px;
}
.part13-main-box{
	margin:0 auto;
	/*padding-top:59px;*/
	width:846px;
}
.p13-title{
	right:480px;
	top:80px;
	widht:160px;
	height:64px;
	position:relative;
	z-index:999;
	background:url("../images/parts/p13-title.png")/*tpa=http://bj.so.tedu.cn/xzt/sem/images/parts/p13-title.png*/ no-repeat center top;
}
.part13-box{
	margin:1px;
	width:280px;
	height:230px;
}
.part13-box a{
	margin-top:21px;
	margin-left:25px;
	width:95px;
	height:27px;
	line-height:27px;
	font-size:16px;
	display:block;
	color:#ffffff;
	text-align:center;
	background-color:#ef571a;
	border-radius:10px;
}
.part13-box.b1{
	background-color:#3274be;
}
.part13-box.b2{
	background-color:#ffee5a;
}
.p13b1{
	background:url("../images/parts/p13b1.png")/*tpa=http://bj.so.tedu.cn/xzt/sem/images/parts/p13b1.png*/ no-repeat center center;
}
.p13b1 h1{
	padding-top:20px;
	margin-left:22px;
	font-size:16px;
	line-height:16px;
	color:#ffffff;
}
.p13b1 h2{
	padding-top:5px;
	margin-left:22px;
	font-size:34px;
	font-weight:bold;
	line-height:34px;
	color:#ffffff;
}
.p13b1 h3{
	padding-top:5px;
	margin-left:22px;
	font-size:26px;
	line-height:26px;
	color:#ffffff;
}
.p13b2{
	background:url("../images/parts/p13b2.png")/*tpa=http://bj.so.tedu.cn/xzt/sem/images/parts/p13b2.png*/ no-repeat center center;
}
.p13b2 h1{
	padding-top:20px;
	margin-left:22px;
	font-size:16px;
	line-height:16px;
	color:#3c2e2e;
}
.p13b2 h2{
	padding-top:5px;
	margin-left:22px;
	font-size:34px;
	font-weight:bold;
	line-height:34px;
	color:#3c2e2e;
}
.p13b2 h3{
	padding-top:5px;
	margin-left:22px;
	font-size:26px;
	line-height:26px;
	color:#3c2e2e;
}
.p13b3{
	background:url("../images/parts/p13b3.png")/*tpa=http://bj.so.tedu.cn/xzt/sem/images/parts/p13b3.png*/ no-repeat center center;
}
.p13b3 h2{
	padding-top:41px;
	margin-left:22px;
	font-size:34px;
	font-weight:bold;
	line-height:34px;
	color:#ffffff;
}
.p13b3 h3{
	padding-top:5px;
	margin-left:22px;
	font-size:26px;
	line-height:26px;
	color:#ffffff;
}
.p13b4{
	background:url("../images/parts/p13b4.png")/*tpa=http://bj.so.tedu.cn/xzt/sem/images/parts/p13b4.png*/ no-repeat center center;
}
.p13b4 h2{
	padding-top:41px;
	margin-left:22px;
	font-size:34px;
	font-weight:bold;
	line-height:34px;
	color:#3c2e2e;
}
.p13b4 h3{
	padding-top:5px;
	margin-left:22px;
	font-size:26px;
	line-height:26px;
	color:#3c2e2e;
}
.p13b5{
	background:url("../images/parts/p13b5.png")/*tpa=http://bj.so.tedu.cn/xzt/sem/images/parts/p13b5.png*/ no-repeat center center;
}
.p13b5 h1{
	padding-top:20px;
	margin-left:22px;
	font-size:16px;
	line-height:16px;
	color:#ffffff;
}
.p13b5 h2{
	padding-top:5px;
	margin-left:22px;
	font-size:34px;
	font-weight:bold;
	line-height:34px;
	color:#ffffff;
}
.p13b5 h3{
	padding-top:5px;
	margin-left:22px;
	font-size:26px;
	line-height:26px;
	color:#ffffff;
}
.p13b6{
	background:url("../images/parts/p13b6.png")/*tpa=http://bj.so.tedu.cn/xzt/sem/images/parts/p13b6.png*/ no-repeat center center;
}
.p13b6 h2{
	padding-top:41px;
	margin-left:22px;
	font-size:34px;
	font-weight:bold;
	line-height:34px;
	color:#3c2e2e;
}
.p13b6 h3{
	padding-top:5px;
	margin-left:22px;
	font-size:26px;
	line-height:26px;
	color:#3c2e2e;
}
.p13-title2{
	margin:0 auto;
	margin-top:23px;
	width:820px;
	height:44px;
	background:url("../images/parts/p13-titile2.png")/*tpa=http://bj.so.tedu.cn/xzt/sem/images/parts/p13-titile2.png*/ no-repeat center top;
}
.p13-title2 p{
	padding-left:76px;
	line-height:44px;
	font-size:16px;
	color:#ffffff;
}


/*font.css*/
/*by-lixin*/
.font-12{font-size:12px; line-height:12px;}
.font-13{font-size:13px;}
.font-14{font-size:14px;}
.font-15{font-size:15px;}
.font-16{font-size:16px;}
.font-18{font-size:18px;}
.font-20{font-size:20px;}
.font-22{font-size:22px;}
.font-24{font-size:24px;}
.font-28{font-size:28px;}
.font-30{font-size:30px;}
.font-35{font-size:35px;}
.font-44{font-size:44px;}

.font-light{font-weight:lighter;}
.font-normal{font-weight: normal; }
.font-bold{font-weight:bold;}
.font-heavy{font-weight:800;}
.font-gay45{color:#727272;}
.font-gay35{color:#595959;}
.font-baidu{color:#e02b34;}
.font-bot1{color:#2a546c;}
.font-bot2{color:#ef6b37;}

a:hover{text-decoration:none; cursor:pointer;}


/*component.css*/
@font-face {
	font-family: 'bpmenu';
	src:url("../fonts/bpmenu/bpmenu.eot")/*tpa=http://bj.so.tedu.cn/xzt/sem/fonts/bpmenu/bpmenu.eot*/;
	src:url("../fonts/bpmenu/bpmenu.eot-#iefix")/*tpa=http://bj.so.tedu.cn/xzt/sem/fonts/bpmenu/bpmenu.eot?#iefix*/ format('embedded-opentype'),
		url("../fonts/bpmenu/bpmenu.woff")/*tpa=http://bj.so.tedu.cn/xzt/sem/fonts/bpmenu/bpmenu.woff*/ format('woff'),
		url("../fonts/bpmenu/bpmenu.ttf")/*tpa=http://bj.so.tedu.cn/xzt/sem/fonts/bpmenu/bpmenu.ttf*/ format('truetype'),
		url("../fonts/bpmenu/bpmenu.svg#bpmenu")/*tpa=http://bj.so.tedu.cn/xzt/sem/fonts/bpmenu/bpmenu.svg#bpmenu*/ format('svg');
	font-weight: normal;
	font-style: normal;
}

/* Main menu wrapper */
.cbp-hsmenu-wrapper {
	position: relative;
}

/* Common style for all lists */
.cbp-hsmenu-wrapper ul {
	list-style: none;
	padding: 0;
	margin: 0 auto;
}

/* 100% width bar for menu */
.cbp-hsinner {
	position: relative;
	z-index: 100;
}

/* Main menu style */
.cbp-hsmenu-wrapper .cbp-hsmenu {
}

.cbp-hsmenu > li {
}

.cbp-hsmenu > li:first-child {
	margin-left: 0;
}

/* Main menu link style */
.cbp-hsmenu > li > a {
	color: #fff;
	display: inline-block;
	position: relative;
	outline: none;
}

/* Add an arrow to the main menu link if it has a submenu (not the only child) */
.cbp-hsmenu > li > a:not(:only-child):before {
	display: inline-block;
	font-family: 'bpmenu';
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
	content: "\f107";
	vertical-align: middle;
	position:relative;
	left:105px;
}

.cbp-hsmenu > li.cbp-hsitem-open > a:not(:only-child):before {
	content: "\f106";
}

/* Add a triangle to currently open menu item link */


/* Submenu style */
.cbp-hssubmenu {
	position: absolute;
	left: 0;
	text-align: left; /* for aligning the sub items */
	visibility: hidden;
	color:#000;
	font-size:13px;
	border:1px solid #009cf6;
	border-radius:5px;
	line-height:28px;
	top:33px;
}
ul.cbp-hssubmenu li a{line-height:30px;}
.cbp-hssubmenu .fl-up{
	width:12px;
	height:6px;
	background:url("../images/parts/fl-up.png")/*tpa=http://bj.so.tedu.cn/xzt/sem/images/parts/fl-up.png*/;
	position:absolute;
	top:-5px;
	left:120px;
}

.cbp-hssubmenu:before, 
.cbp-hssubmenu:after { 
}
.cbp-hssubmenu:after { 
	clear: both; 
}

/* Let's allow 6 item in a row */
.cbp-hssubmenu > li {
	display: inline-block;
	vertical-align:middle;
	opacity: 0;
	-webkit-transition: opacity 0.1s 0s;
	-moz-transition: opacity 0.1s 0s;
	transition: opacity 0.1s 0s;
}

/* First 6 items don't have upper box shadow */
.cbp-hssubmenu > li:nth-child(-n+6) {
	box-shadow: -28px 0 0 -27px #ddd;
} 

/* Every 7th item does not have a left box shadow */
.cbp-hssubmenu > li:nth-child(6n+1) {
	box-shadow:  0 -28px 0 -27px #ddd;
}

/* The first one does not have any box shadow */
.cbp-hssubmenu > li:first-child {
	box-shadow: none;
}

.cbp-hssubmenu > li a {
	display: block;
	text-align: center;
	color: #a2a2a2;
	outline: none;

}

.no-touch .cbp-hssubmenu > li a:hover,
.no-touch .cbp-hssubmenu > li a:focus {
	color: #1276cb;
	text-decoration:underline;
}

.cbp-hssubmenu > li a img {
	border: none;
	outline: none;
	display: inline-block;
	margin: 0;
	max-width: 100%;
	-webkit-transition: opacity 0.2s;
	-moz-transition: opacity 0.2s;
	transition: opacity 0.2s;
}

.no-touch .cbp-hssubmenu > li a:hover img {
	opacity: 0.5;
}

.cbp-hssubmenu > li a span {
	display: block;
	min-height: 3em;
	margin-top: 0.4em;
}

.cbp-hsmenu > li.cbp-hsitem-open .cbp-hssubmenu {
	visibility: visible;
}

.cbp-hsmenu > li.cbp-hsitem-open .cbp-hssubmenu > li {
	opacity: 1;
	-webkit-transition: opacity 0.5s 0.1s;
	-moz-transition: opacity 0.5s 0.1s;
	transition: opacity 0.5s 0.1s;
}

/* Helper div for animating the background */
.cbp-hsmenubg {
	position: absolute;
	width: 100%;
	top: 100%;
	left: 0;
	z-index: 0;
	height: 0px;
}

.no-touch .cbp-hsmenubg {
	-webkit-transition: height 0.3s;
	-moz-transition: height 0.3s;
	transition: height 0.3s;
}

@media screen and (max-width: 65em){
	.cbp-hsmenu-wrapper {
		font-size: 80%;
	}
}

@media screen and (max-width: 51.4375em){
	.cbp-hsmenu-wrapper {
		font-size: 100%;
	}

	.cbp-hsmenu-wrapper .cbp-hsmenu {
		padding: 0;
		max-width: none;
		width: 100%;
	}

	.cbp-hsmenu > li {
		border-top: 1px solid rgba(255,255,255,0.5);
		text-align: center;
		margin: 0 auto;
		display: block;
	}

	.cbp-hsmenu > li:first-child {
		border-top: none;
	}

	.cbp-hsmenu > li > a {
		display: block;
	}

	.cbp-hsmenu > li > a:not(:only-child):before {
		line-height: 1.8;
		right: 0;
		position: absolute;
		font-size: 200%;
	}

	.cbp-hsmenubg {
		display: none;
	}

	.cbp-hssubmenu {
		background: #f7f7f7;
		position: relative;
		overflow: hidden;
		height: 0;
	}

	.cbp-hsmenu > li.cbp-hsitem-open .cbp-hssubmenu {
		height: auto;
	}

	/* Let's only allow 3 item in a row now */
	.cbp-hssubmenu > li {
		width: 30%;
	}

	/* Reset box shadows for the 6 items in row case */
	.cbp-hssubmenu > li:nth-child(-n+6),
	.cbp-hssubmenu > li:nth-child(6n+1) {
		box-shadow: -28px 0 0 -27px #ddd, 0 -28px 0 -27px #ddd;
	}

	/* First 4 items don't have upper box shadow */
	.cbp-hssubmenu > li:nth-child(-n+3) {
		box-shadow: -28px 0 0 -27px #ddd;
	} 

	/* Every 5th item does not have a left box shadow */
	.cbp-hssubmenu > li:nth-child(3n+1) {
		box-shadow:  0 -28px 0 -27px #ddd;
	}

}

@media screen and (max-width: 25em){
	/* Let's only allow 1 item in a row now */
	.cbp-hssubmenu > li {
		width: 100%;
		display: block;
	}

	.cbp-hsmenu-wrapper .cbp-hssubmenu > li {
		box-shadow: 0 1px #cecece;
		text-align: left;
	}

	.cbp-hssubmenu > li a {
		text-align: left;
		line-height: 50px;
		padding: 0.4em 1em;
	}

	.cbp-hssubmenu > li a img {
		float: left;
		max-height: 50px;
	}

	.cbp-hssubmenu > li a span {
		min-height: 0;
		margin: 0;
	}
}

.cbp-menu{ color:#009cf6;}