@import url(http://fonts.googleapis.com/css?family=Open+Sans);
@import url(http://fonts.googleapis.com/css?family=Magra);
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px); } }
@-webkit-keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3); }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  100% {
    opacity: 0;
    -webkit-transform: scale(0.3); } }
@-webkit-keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0); }

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

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

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

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

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

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

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

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

  25% {
    opacity: 0; }

  50% {
    opacity: 1; }

  75% {
    opacity: 0; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  100% {
    -webkit-transform-origin: center center;
    -webkit-transform: rotate(200deg);
    opacity: 0; } }
@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale(1); }

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

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

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

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

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

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

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

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

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

  100% {
    -webkit-transform: scale(1) rotate(0); } }
@-moz-keyframes fadeIn {
  0% {
    opacity: 0; }

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

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

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

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

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

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

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

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

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

  100% {
    opacity: 0;
    -moz-transform: translateX(20px); } }
@-moz-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -moz-transform: translateY(2000px); }

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

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

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

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

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

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

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

  100% {
    opacity: 0;
    -moz-transform: translateX(2000px); } }
@-moz-keyframes bounceIn {
  0% {
    opacity: 0;
    -moz-transform: scale(0.3); }

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

  70% {
    -moz-transform: scale(0.9); }

  100% {
    -moz-transform: scale(1); } }
@-moz-keyframes bounceInDown {
  0% {
    opacity: 0;
    -moz-transform: translateY(-2000px); }

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

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

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

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

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

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

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

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

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

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

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

  100% {
    -moz-transform: translateX(0); } }
@-moz-keyframes bounceOut {
  0% {
    -moz-transform: scale(1); }

  25% {
    -moz-transform: scale(0.95); }

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

  100% {
    opacity: 0;
    -moz-transform: scale(0.3); } }
@-moz-keyframes bounceOutUp {
  0% {
    -moz-transform: translateY(0); }

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

  100% {
    opacity: 0;
    -moz-transform: translateY(-2000px); } }
@-moz-keyframes bounceOutDown {
  0% {
    -moz-transform: translateY(0); }

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

  100% {
    opacity: 0;
    -moz-transform: translateY(2000px); } }
@-moz-keyframes bounceOutLeft {
  0% {
    -moz-transform: translateX(0); }

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

  100% {
    opacity: 0;
    -moz-transform: translateX(-2000px); } }
@-moz-keyframes bounceOutRight {
  0% {
    -moz-transform: translateX(0); }

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

  100% {
    opacity: 0;
    -moz-transform: translateX(2000px); } }
@-moz-keyframes flash {
  0% {
    opacity: 1; }

  25% {
    opacity: 0; }

  50% {
    opacity: 1; }

  75% {
    opacity: 0; }

  100% {
    opacity: 1; } }
@-moz-keyframes bounce {
  0% {
    -moz-transform: translateY(0); }

  20% {
    -moz-transform: translateY(0); }

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

  50% {
    -moz-transform: translateY(0); }

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

  80% {
    -moz-transform: translateY(0); }

  100% {
    -moz-transform: translateY(0); } }
@-moz-keyframes shake {
  0% {
    -moz-transform: translateX(0); }

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

  20% {
    -moz-transform: translateX(10px); }

  30% {
    -moz-transform: translateX(-10px); }

  40% {
    -moz-transform: translateX(10px); }

  50% {
    -moz-transform: translateX(-10px); }

  60% {
    -moz-transform: translateX(10px); }

  70% {
    -moz-transform: translateX(-10px); }

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

  90% {
    -moz-transform: translateX(-10px); }

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

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

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

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

  100% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(0);
    opacity: 1; } }
@-moz-keyframes rotateOutDownLeft {
  0% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(0);
    opacity: 1; }

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

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

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

  100% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(90deg);
    opacity: 0; } }
@-moz-keyframes rotateIn {
  0% {
    -moz-transform-origin: center center;
    -moz-transform: rotate(-200deg);
    opacity: 0; }

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

  100% {
    -moz-transform-origin: center center;
    -moz-transform: rotate(200deg);
    opacity: 0; } }
@-moz-keyframes tada {
  0% {
    -moz-transform: scale(1); }

  10% {
    -moz-transform: scale(0.9) rotate(-3deg); }

  20% {
    -moz-transform: scale(0.9) rotate(-3deg); }

  30% {
    -moz-transform: scale(1.1) rotate(3deg); }

  40% {
    -moz-transform: scale(1.1) rotate(-3deg); }

  50% {
    -moz-transform: scale(1.1) rotate(3deg); }

  60% {
    -moz-transform: scale(1.1) rotate(-3deg); }

  70% {
    -moz-transform: scale(1.1) rotate(3deg); }

  80% {
    -moz-transform: scale(1.1) rotate(-3deg); }

  90% {
    -moz-transform: scale(1.1) rotate(3deg); }

  100% {
    -moz-transform: scale(1) rotate(0); } }
@-ms-keyframes fadeIn {
  0% {
    opacity: 0; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  100% {
    opacity: 0;
    -ms-transform: translateX(2000px); } }
@-ms-keyframes bounceIn {
  0% {
    opacity: 0;
    -ms-transform: scale(0.3); }

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

  70% {
    -ms-transform: scale(0.9); }

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

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

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

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

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

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

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

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

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

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

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

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

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

  25% {
    -ms-transform: scale(0.95); }

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

  100% {
    opacity: 0;
    -ms-transform: scale(0.3); } }
@-ms-keyframes bounceOutUp {
  0% {
    -ms-transform: translateY(0); }

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

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

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

  100% {
    opacity: 0;
    -ms-transform: translateY(2000px); } }
@-ms-keyframes bounceOutLeft {
  0% {
    -ms-transform: translateX(0); }

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

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

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

  100% {
    opacity: 0;
    -ms-transform: translateX(2000px); } }
@-ms-keyframes flash {
  0% {
    opacity: 1; }

  25% {
    opacity: 0; }

  50% {
    opacity: 1; }

  75% {
    opacity: 0; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  100% {
    -ms-transform-origin: center center;
    -ms-transform: rotate(200deg);
    opacity: 0; } }
@-ms-keyframes tada {
  0% {
    -ms-transform: scale(1); }

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

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

  30% {
    -ms-transform: scale(1.1) rotate(3deg); }

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

  50% {
    -ms-transform: scale(1.1) rotate(3deg); }

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

  70% {
    -ms-transform: scale(1.1) rotate(3deg); }

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

  90% {
    -ms-transform: scale(1.1) rotate(3deg); }

  100% {
    -ms-transform: scale(1) rotate(0); } }
@keyframes fadeIn {
  0% {
    opacity: 0; }

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

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

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

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

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

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

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

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

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

  100% {
    opacity: 0;
    transform: translateX(20px); } }
@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    transform: translateY(2000px); }

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

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

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

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

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

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

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

  100% {
    opacity: 0;
    transform: translateX(2000px); } }
@keyframes bounceIn {
  0% {
    opacity: 0;
    transform: scale(0.3); }

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

  70% {
    transform: scale(0.9); }

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

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

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

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

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

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

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

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

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

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

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

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

  100% {
    transform: translateX(0); } }
@keyframes bounceOut {
  0% {
    transform: scale(1); }

  25% {
    transform: scale(0.95); }

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

  100% {
    opacity: 0;
    transform: scale(0.3); } }
@keyframes bounceOutUp {
  0% {
    transform: translateY(0); }

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

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

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

  100% {
    opacity: 0;
    transform: translateY(2000px); } }
@keyframes bounceOutLeft {
  0% {
    transform: translateX(0); }

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

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

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

  100% {
    opacity: 0;
    transform: translateX(2000px); } }
@keyframes flash {
  0% {
    opacity: 1; }

  25% {
    opacity: 0; }

  50% {
    opacity: 1; }

  75% {
    opacity: 0; }

  100% {
    opacity: 1; } }
@keyframes bounce {
  0% {
    transform: translateY(0); }

  20% {
    transform: translateY(0); }

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

  50% {
    transform: translateY(0); }

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

  80% {
    transform: translateY(0); }

  100% {
    transform: translateY(0); } }
@keyframes shake {
  0% {
    transform: translateX(0); }

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

  20% {
    transform: translateX(10px); }

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

  40% {
    transform: translateX(10px); }

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

  60% {
    transform: translateX(10px); }

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

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

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

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

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

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

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

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

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

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

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

  100% {
    transform-origin: right bottom;
    transform: rotate(90deg);
    opacity: 0; } }
@keyframes rotateIn {
  0% {
    transform-origin: center center;
    transform: rotate(-200deg);
    opacity: 0; }

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

  100% {
    transform-origin: center center;
    transform: rotate(200deg);
    opacity: 0; } }
@keyframes tada {
  0% {
    transform: scale(1); }

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

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

  30% {
    transform: scale(1.1) rotate(3deg); }

  40% {
    transform: scale(1.1) rotate(-3deg); }

  50% {
    transform: scale(1.1) rotate(3deg); }

  60% {
    transform: scale(1.1) rotate(-3deg); }

  70% {
    transform: scale(1.1) rotate(3deg); }

  80% {
    transform: scale(1.1) rotate(-3deg); }

  90% {
    transform: scale(1.1) rotate(3deg); }

  100% {
    transform: scale(1) rotate(0); } }
.clearfix:before, .clearfix:after {
  content: "";
  display: table; }

.clearfix:after {
  clear: both; }

.clearfix {
  *zoom: 1; }

*::-moz-selection {
  color: white;
  background-color: rgba(0, 0, 0, 0.5); }

*::selection {
  color: white;
  background-color: rgba(0, 0, 0, 0.5); }

body {
  font-family: open sans;
  padding: 0;
  margin: 0;
  max-width: 100%; }

a {
  text-decoration: none; }

a:visited {
  color: inherit; }

.titulo_seccion {
  color: black;
  font-size: 26px;
  width: 100%; }

header {
  border-bottom: 10px solid #ff615d;
  padding-top: 20px;
  height: 117px;
  width: 100%; }
  header #contenido_header {
    margin: 0 auto;
    width: 1080px; }
  header #logo_surdocs {
    float: left; }
  header #fecha_postulacion {
    float: right;
    margin-top: 16px; }

#parrafo_introduccion {
  margin: 30px auto 0 auto;
  text-align: center;
  width: 1100px; }
  #parrafo_introduccion p {
    font-family: Magra;
    color: #9d9d9c;
    font-size: 16px;
    line-height: 30px; }

#convocatorias {
  margin: 0 auto;
  text-align: center;
  width: 810px; }
  #convocatorias .item {
    float: left; }
    #convocatorias .item figure {
      height: 280px;
      text-align: center;
      position: relative;
      width: 250px; }
      #convocatorias .item figure h2 {
        border-bottom: 10px solid white;
        color: white;
        display: block;
        font-size: 20px;
        font-weight: 900;
        margin: 0 auto;
        padding: 20px 0 10px 0; }
      #convocatorias .item figure button {
        -moz-box-shadow: 10px 10px 0 rgba(255, 97, 93, 0.5);
        -webkit-box-shadow: 10px 10px 0 rgba(255, 97, 93, 0.5);
        box-shadow: 10px 10px 0 rgba(255, 97, 93, 0.5);
        background-color: white;
        border: 0;
        bottom: 20px;
        color: #ff615d;
        left: 20px;
        padding: 15px;
        position: absolute;
        width: 210px; }
    #convocatorias .item .datos_contacto {
      font-size: 14px;
      font-family: Open sans;
      margin-top: 10px; }
      #convocatorias .item .datos_contacto span {
        color: #9c9c9b; }
      #convocatorias .item .datos_contacto p {
        color: #333333;
        margin-top: 0; }
    #convocatorias .item:nth-child(1) figure {
      background-image: url(images/background_competencia_nacional.jpg); }
      #convocatorias .item:nth-child(1) figure h2 {
        width: 140px; }
    #convocatorias .item:nth-child(2) {
      margin: 0 30px; }
      #convocatorias .item:nth-child(2) figure {
        background-image: url(images/background_competencia_latinoamericana.jpg); }
        #convocatorias .item:nth-child(2) figure h2 {
          width: 190px; }
    #convocatorias .item:nth-child(3) figure {
      background-image: url(images/background_laboratorio.jpg); }
      #convocatorias .item:nth-child(3) figure h2 {
        width: 230px; }
    #convocatorias .item:nth-child(3) a:nth-of-type(1) button {
      bottom: 87px; }

footer {
  border-top: 2px solid #ff615d;
  color: #9d9d9c;
  font-size: 14px;
  padding: 15px 0;
  margin-top: 10px;
  text-align: center; }
  footer a {
    border-bottom: 1px solid #cececd;
    color: #9d9d9c;
    padding-bottom: 4px; }