@charset "UTF-8";
/* == Universia - Dónde quieres estudiar - Estilos recursos == */
/* -----------------
--------------------

VARIABLES

--------------------
------------------*/
/* Magnific Popup CSS */
@import url(css@family=PT+Serif%253A400,700,400italic);
@import url(css@family=Roboto+Condensed%253A400,700);
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #23242b;
  opacity: 0.8;
}
.touchDevice .mfp-bg.limitHeight {
  height: 100% !important;
}
.mfp-bg.fadeOut {
  -webkit-animation: fadeOut 0.4s 1 ease;
  -moz-animation: fadeOut 0.4s 1 ease;
  -o-animation: fadeOut 0.4s 1 ease;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
}
/* == Breakpoint: Mobile (<=640px) == */
@media only screen and (max-width: 40em) {
  /* 640/16 */
  .mfp-bg {
    background: #ffffff;
    opacity: 1;
  }
}
.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}
.touchDevice .mfp-wrap.forceTop {
  top: 0 !important;
}
.touchDevice .mfp-wrap + #general.locked {
  height: 100%;
  overflow: hidden;
  top: 0 !important;
  margin-bottom: 0 !important;
}
.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.touchDevice .mfp-container.fixed {
  position: fixed;
  bottom: 0;
  top: inherit;
}
.touchDevice .mfp-container.fixedBottom {
  position: fixed;
  bottom: 0;
  top: inherit;
}
.touchDevice .mfp-container.fixedBottom .mfp-content {
  position: fixed;
  bottom: 0;
  left: 0;
}
.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.mfp-align-top .mfp-container:before {
  display: none;
}
.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  text-align: left;
  margin: 40px;
  z-index: 1045;
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.05);
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
}
.mfp-content.zoomIn {
  -webkit-animation: zoomIn 0.4s 1 ease;
  -moz-animation: zoomIn 0.4s 1 ease;
  -o-animation: zoomIn 0.4s 1 ease;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
}
.mfp-content.zoomOut {
  -webkit-animation: zoomOut 0.4s 1 ease;
  -moz-animation: zoomOut 0.4s 1 ease;
  -o-animation: zoomOut 0.4s 1 ease;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
}
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  cursor: auto;
}
.mfp-ajax-cur {
  cursor: progress;
}
.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close,
.mfp-zoom-out-cur .mfp-image-holder .lightbox-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
}
.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in;
}
.mfp-auto-cursor .mfp-content {
  cursor: auto;
}
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter,
.lightbox-close {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.mfp-loading.mfp-figure {
  display: none;
}
.mfp-preloader {
  color: #777778;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}
.mfp-preloader a {
  color: #777778;
}
.mfp-preloader a:hover {
  color: #ffffff;
}
.mfp-s-ready .mfp-preloader {
  display: none;
}
.mfp-s-error .mfp-content {
  display: none;
}
button.mfp-close,
button.mfp-arrow,
button.lightbox-close {
  overflow: hidden;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  top: 10px;
  right: 10px;
  width: 26px;
  height: 28px;
  z-index: 1046;
  -webkit-box-shadow: none;
  box-shadow: none;
}
button.mfp-close:before,
button.mfp-arrow:before,
button.lightbox-close:before {
  font-family: 'Universia-DQE' !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-transform: none;
  line-height: 1em;
  margin-left: 1px;
  speak: none;
  content: "\e60e";
  color: red;
  font-size: 25px;
  background-color: #fff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
button.mfp-close:after,
button.mfp-arrow:after,
button.lightbox-close:after {
  display: none;
}
button::-moz-focus-inner {
  padding: 0;
  border: 0;
}
/* == Breakpoint: Mobile (640px)  == */
@media only screen and (max-width: 40em) {
  .mfp-content {
    margin: 0 auto;
    min-height: 100%;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.7);
  }
  button.mfp-close,
  button.mfp-arrow,
  button.lightbox-close {
    top: 10px;
    right: 10px;
    width: 26px;
    height: 30px;
    position: absolute;
  }
  button.mfp-close:before,
  button.mfp-arrow:before,
  button.lightbox-close:before {
    font-size: 25px;
  }
}
.mfp-close,
.lightbox-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 1;
  padding: 0 0 18px 10px;
  color: #ffffff;
  font-style: normal;
  font-family: Arial, Baskerville, monospace;
}
.mfp-close:hover,
.lightbox-close:hover,
.mfp-close:focus,
.lightbox-close:focus {
  opacity: 1;
}
.mfp-close-btn-in .mfp-close,
.mfp-close-btn-in .lightbox-close {
  color: #333333;
}
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close,
.mfp-image-holder .lightbox-close,
.mfp-iframe-holder .lightbox-close {
  color: #ffffff;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}
.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #777778;
  font-size: 12px;
  line-height: 18px;
}
.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.mfp-arrow:active {
  margin-top: -54px;
}
.mfp-arrow:hover,
.mfp-arrow:focus {
  opacity: 1;
}
.mfp-arrow:before,
.mfp-arrow:after,
.mfp-arrow .mfp-b,
.mfp-arrow .mfp-a {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent;
}
.mfp-arrow:after,
.mfp-arrow .mfp-a {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px;
}
.mfp-arrow:before,
.mfp-arrow .mfp-b {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7;
}
.mfp-arrow-left {
  left: 0;
}
.mfp-arrow-left:after,
.mfp-arrow-left .mfp-a {
  border-right: 17px solid #ffffff;
  margin-left: 31px;
}
.mfp-arrow-left:before,
.mfp-arrow-left .mfp-b {
  margin-left: 25px;
  border-right: 27px solid #3f3f3f;
}
.mfp-arrow-right {
  right: 0;
}
.mfp-arrow-right:after,
.mfp-arrow-right .mfp-a {
  border-left: 17px solid #ffffff;
  margin-left: 39px;
}
.mfp-arrow-right:before,
.mfp-arrow-right .mfp-b {
  border-left: 27px solid #3f3f3f;
}
.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}
.mfp-iframe-holder .mfp-close,
.mfp-iframe-holder .lightbox-close {
  top: -40px;
}
.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(255, 255, 255, 0.6);
  background: #000000;
}
/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;
}
/* The shadow behind the image */
.mfp-figure {
  line-height: 0;
}
.mfp-figure:after {
  content: '';
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(255, 255, 255, 0.6);
  background: #444444;
}
.mfp-figure small {
  color: #bdbdbd;
  display: block;
  font-size: 12px;
  line-height: 14px;
}
.mfp-figure figure {
  margin: 0;
}
.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}
.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #f3f3f3;
  word-wrap: break-word;
  padding-right: 36px;
}
.mfp-image-holder .mfp-content {
  max-width: 100%;
}
.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }
  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }
  .mfp-img-mobile .mfp-close,
  .mfp-img-mobile .lightbox-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    position: fixed;
    text-align: center;
    padding: 0;
  }
}
@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0;
  }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%;
  }
  .mfp-container {
    padding-left: 0px;
    padding-right: 0px;
  }
}
@-webkit-keyframes zoomIn {
  from {
    -webkit-transform: rotate(0deg) scale(0.8);
    opacity: 0;
  }
  to {
    -webkit-transform: rotate(0deg) scale(1);
    opacity: 1;
  }
}
@-moz-keyframes zoomIn {
  from {
    -moz-transform: rotate(0deg) scale(0.8);
    opacity: 0;
  }
  to {
    -moz-transform: rotate(0deg) scale(1);
    opacity: 1;
  }
}
@-o-keyframes zoomIn {
  from {
    -o-transform: rotate(0deg) scale(0.8);
    opacity: 0;
  }
  to {
    -o-transform: rotate(0deg) scale(1);
    opacity: 1;
  }
}
@-webkit-keyframes zoomOut {
  from {
    -webkit-transform: rotate(0deg) scale(1);
    opacity: 1;
  }
  to {
    -webkit-transform: rotate(0deg) scale(0.8);
    opacity: 0;
  }
}
@-moz-keyframes zoomOut {
  from {
    -moz-transform: rotate(0deg) scale(1);
    opacity: 1;
  }
  to {
    -moz-transform: rotate(0deg) scale(0.8);
    opacity: 0;
  }
}
@-o-keyframes zoomOut {
  from {
    -o-transform: rotate(0deg) scale(1);
    opacity: 1;
  }
  to {
    -o-transform: rotate(0deg) scale(0.8);
    opacity: 0;
  }
}
@-webkit-keyframes fadeOut {
  from {
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
  }
  to {
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
  }
}
@-moz-keyframes fadeOut {
  from {
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
  }
  to {
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
  }
}
@-o-keyframes fadeOut {
  from {
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
  }
  to {
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
  }
}
/* --------------

CUSTOM STYLES

---------------*/
.owl-controls {
  top: -44px;
  position: relative;
  width: 100%;
}
.owl-controls.clickable {
  cursor: default;
}
.owl-controls .owl-dots,
.owl-controls .owl-pagination {
  margin-bottom: 0;
  text-align: center;
  padding-top: 0;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.owl-controls .owl-dots .owl-dot,
.owl-controls .owl-pagination .owl-dot,
.owl-controls .owl-dots .owl-page,
.owl-controls .owl-pagination .owl-page {
  padding: 9px;
  display: inline-block;
  cursor: pointer;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.owl-controls .owl-dots .owl-dot span,
.owl-controls .owl-pagination .owl-dot span,
.owl-controls .owl-dots .owl-page span,
.owl-controls .owl-pagination .owl-page span {
  width: 6px;
  height: 6px;
  display: block;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  background-color: #e6e4e4;
}
.owl-controls .owl-dots .owl-dot.active,
.owl-controls .owl-pagination .owl-dot.active,
.owl-controls .owl-dots .owl-page.active,
.owl-controls .owl-pagination .owl-page.active {
  cursor: default;
}
.owl-controls .owl-dots .owl-dot.active span,
.owl-controls .owl-pagination .owl-dot.active span,
.owl-controls .owl-dots .owl-page.active span,
.owl-controls .owl-pagination .owl-page.active span {
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  background-color: red;
}
.owl-controls .owl-prev,
.owl-controls .owl-next {
  display: inline-block;
  opacity: 0;
  cursor: pointer;
  color: #951b22;
  font-size: 1em;
  position: relative;
  top: -5px;
  margin-left: 10px;
  margin-right: 10px;
  -webkit-transition: opacity 0.5s ease-out;
  -moz-transition: opacity 0.5s ease-out;
  -o-transition: opacity 0.5s ease-out;
  transition: opacity 0.5s ease-out;
}
.owl-controls:hover .owl-prev,
.owl-stage-outer:hover + .owl-controls .owl-prev,
.owl-controls:hover .owl-next,
.owl-stage-outer:hover + .owl-controls .owl-next {
  opacity: 1;
}
.module-slider .owl-stage-outer,
.module-slider .owl-stage {
  height: 100%;
}
.module-slider .owl-stage-outer > li,
.module-slider .owl-stage > li {
  height: 100%;
}
.module-slider .owl-drag .owl-item {
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
}
.module-slider .owl-item {
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
}
.module-slider .owl-item.active {
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
}
.module-slider .owl-carousel .owl-item img {
  display: block;
  -webkit-transform-style: preserve-3d;
}
/* 
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  -webkit-animation-duration: 1000ms;
  animation-duration: 1000ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
  z-index: 0;
}
.owl-carousel .owl-animated-out {
  z-index: 1;
}
.owl-carousel .fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}
@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
/* 
 *  Owl Carousel - Auto Height Plugin
 */
.owl-height {
  -webkit-transition: height 500ms ease-in-out;
  -moz-transition: height 500ms ease-in-out;
  -ms-transition: height 500ms ease-in-out;
  -o-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out;
}
/* 
 *  Core Owl Carousel CSS File
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1;
}
.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
}
.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  /* fix for flashing background */
  -webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-dot {
  cursor: pointer;
  cursor: hand;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel.owl-loaded {
  display: block;
}
.owl-carousel.owl-loading {
  opacity: 0;
  display: block;
}
.owl-carousel.owl-hidden {
  opacity: 0;
}
.owl-carousel .owl-refresh .owl-item,
.owl-carousel .owl-refresh .owl-tabItem {
  display: none;
}
.owl-carousel .owl-item,
.owl-carousel .owl-tabItem {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-perspective: 1000;
  -moz-perspective: 1000;
  -ms-perspective: 1000;
  -o-perspective: 1000;
  perspective: 1000;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel.owl-text-select-on .owl-item,
.owl-carousel.owl-text-select-on .owl-tabItem {
  -webkit-user-select: auto;
  -moz-user-select: auto;
  -ms-user-select: auto;
  user-select: auto;
}
.owl-carousel .owl-grab {
  cursor: move;
  cursor: -webkit-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
}
.owl-carousel .owl-rtl {
  direction: rtl;
}
.owl-carousel .owl-rtl .owl-item,
.owl-carousel .owl-rtl .owl-tabItem {
  float: right;
}
/* No Js */
.no-js .owl-carousel {
  display: block;
}
/* 
 *  Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  -webkit-transition: opacity 400ms ease;
  -moz-transition: opacity 400ms ease;
  -ms-transition: opacity 400ms ease;
  -o-transition: opacity 400ms ease;
  transition: opacity 400ms ease;
}
/* 
 *  Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000;
}
.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("http://becas.universia.es/style/css/owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-perspective: 1000;
  -moz-perspective: 1000;
  -ms-perspective: 1000;
  -o-perspective: 1000;
  perspective: 1000;
  -webkit-transition: scale 100ms ease;
  -moz-transition: scale 100ms ease;
  -ms-transition: scale 100ms ease;
  -o-transition: scale 100ms ease;
  transition: scale 100ms ease;
}
.owl-carousel .owl-video-play-icon:hover {
  -webkit-transition: scale(1.3, 1.3);
  -moz-transition: scale(1.3, 1.3);
  -ms-transition: scale(1.3, 1.3);
  -o-transition: scale(1.3, 1.3);
  transition: scale(1.3, 1.3);
}
.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none;
}
.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  -webkit-transition: opacity 400ms ease;
  -moz-transition: opacity 400ms ease;
  -ms-transition: opacity 400ms ease;
  -o-transition: opacity 400ms ease;
  transition: opacity 400ms ease;
}
.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
}
/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license

Copyright (c) 2013 Daniel Eden

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.animated.fadeInShort,
.animated.fadeOutShort {
  -webkit-animation-duration: 400ms;
  animation-duration: 400ms;
}
.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(0);
    transform: scale(1) rotate(0);
  }
}
@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(0);
    -ms-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}
.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(0.3);
    transform: scale(0.3);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }
  70% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    -ms-transform: scale(0.3);
    transform: scale(0.3);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
  }
  70% {
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.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(0.95);
    transform: scale(0.95);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    transform: scale(0.3);
  }
}
@keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  25% {
    -webkit-transform: scale(0.95);
    -ms-transform: scale(0.95);
    transform: scale(0.95);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    -ms-transform: scale(0.3);
    transform: scale(0.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 fadeInShort {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInShort {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.fadeInShort {
  -webkit-animation-name: fadeInShort;
  animation-name: fadeInShort;
}
@-webkit-keyframes fadeOutShort {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeOutShort {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.fadeOutShort {
  -webkit-animation-name: fadeOutShort;
  animation-name: fadeOutShort;
}
@-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(0.95);
    transform: perspective(400px) translateZ(0) rotateY(0deg) scale(0.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(0.95);
    -ms-transform: perspective(400px) translateZ(0) rotateY(0deg) scale(0.95);
    transform: perspective(400px) translateZ(0) rotateY(0deg) scale(0.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(0);
    transform: rotate(0);
    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(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    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(0);
    transform: rotate(0);
    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(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    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(0);
    transform: rotate(0);
    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(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    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(0);
    transform: rotate(0);
    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(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    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(0);
    transform: rotate(0);
    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(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    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(0);
    transform: rotate(0);
    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(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    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(0);
    transform: rotate(0);
    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(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    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(0);
    transform: rotate(0);
    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(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    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(0);
    transform: rotate(0);
    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(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    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(0);
    transform: rotate(0);
    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(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    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(0);
    transform: rotate(0);
    -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(0);
    -ms-transform: rotate(0);
    transform: rotate(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;
  }
  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(0.3);
    transform: scale(0.3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    -ms-transform: scale(0.3);
    transform: scale(0.3);
  }
  50% {
    opacity: 1;
  }
}
.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}
@-webkit-keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.1) translateY(-2000px);
    transform: scale(0.1) translateY(-2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(0.475) translateY(60px);
    transform: scale(0.475) translateY(60px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}
@keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.1) translateY(-2000px);
    -ms-transform: scale(0.1) translateY(-2000px);
    transform: scale(0.1) translateY(-2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(0.475) translateY(60px);
    -ms-transform: scale(0.475) translateY(60px);
    transform: scale(0.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(0.1) translateX(-2000px);
    transform: scale(0.1) translateX(-2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(0.475) translateX(48px);
    transform: scale(0.475) translateX(48px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}
@keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.1) translateX(-2000px);
    -ms-transform: scale(0.1) translateX(-2000px);
    transform: scale(0.1) translateX(-2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(0.475) translateX(48px);
    -ms-transform: scale(0.475) translateX(48px);
    transform: scale(0.475) translateX(48px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}
.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}
@-webkit-keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.1) translateX(2000px);
    transform: scale(0.1) translateX(2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(0.475) translateX(-48px);
    transform: scale(0.475) translateX(-48px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}
@keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.1) translateX(2000px);
    -ms-transform: scale(0.1) translateX(2000px);
    transform: scale(0.1) translateX(2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(0.475) translateX(-48px);
    -ms-transform: scale(0.475) translateX(-48px);
    transform: scale(0.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(0.1) translateY(2000px);
    transform: scale(0.1) translateY(2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(0.475) translateY(-60px);
    transform: scale(0.475) translateY(-60px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}
@keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.1) translateY(2000px);
    -ms-transform: scale(0.1) translateY(2000px);
    transform: scale(0.1) translateY(2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(0.475) translateY(-60px);
    -ms-transform: scale(0.475) translateY(-60px);
    transform: scale(0.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(0.3);
    transform: scale(0.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(0.3);
    -ms-transform: scale(0.3);
    transform: scale(0.3);
  }
  100% {
    opacity: 0;
  }
}
.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}
@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale(0.475) translateY(-60px);
    transform: scale(0.475) translateY(-60px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translateY(2000px);
    transform: scale(0.1) translateY(2000px);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }
}
@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale(0.475) translateY(-60px);
    -ms-transform: scale(0.475) translateY(-60px);
    transform: scale(0.475) translateY(-60px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translateY(2000px);
    -ms-transform: scale(0.1) translateY(2000px);
    transform: scale(0.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(0.475) translateX(42px);
    transform: scale(0.475) translateX(42px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translateX(-2000px);
    transform: scale(0.1) translateX(-2000px);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}
@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale(0.475) translateX(42px);
    -ms-transform: scale(0.475) translateX(42px);
    transform: scale(0.475) translateX(42px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translateX(-2000px);
    -ms-transform: scale(0.1) translateX(-2000px);
    transform: scale(0.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(0.475) translateX(-42px);
    transform: scale(0.475) translateX(-42px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translateX(2000px);
    transform: scale(0.1) translateX(2000px);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}
@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale(0.475) translateX(-42px);
    -ms-transform: scale(0.475) translateX(-42px);
    transform: scale(0.475) translateX(-42px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translateX(2000px);
    -ms-transform: scale(0.1) translateX(2000px);
    transform: scale(0.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(0.475) translateY(60px);
    transform: scale(0.475) translateY(60px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translateY(-2000px);
    transform: scale(0.1) translateY(-2000px);
    -webkit-transform-origin: center top;
    transform-origin: center top;
  }
}
@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale(0.475) translateY(60px);
    -ms-transform: scale(0.475) translateY(60px);
    transform: scale(0.475) translateY(60px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translateY(-2000px);
    -ms-transform: scale(0.1) translateY(-2000px);
    transform: scale(0.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;
}
/* 4 classes: navInLeft, navInRight, navOutLeft, navOutRight */
/*****************************************/
/* Soft Scale */
/*****************************************/
.fxSoftScaleOutNext {
  -webkit-animation: scaleUp 2s forwards cubic-bezier(0.7, 0, 0.3, 1);
  animation: scaleUp 2s forwards cubic-bezier(0.7, 0, 0.3, 1);
}
.fxSoftScaleInNext {
  -webkit-animation: scaleDownUp 2s forwards cubic-bezier(0.7, 0, 0.3, 1);
  animation: scaleDownUp 2s forwards cubic-bezier(0.7, 0, 0.3, 1);
}
.fxSoftScaleOutPrev {
  -webkit-animation: scaleDown 2s forwards cubic-bezier(0.7, 0, 0.3, 1);
  animation: scaleDown 2s forwards cubic-bezier(0.7, 0, 0.3, 1);
}
.fxSoftScaleInPrev {
  -webkit-animation: scaleUpDown 2s forwards cubic-bezier(0.7, 0, 0.3, 1);
  animation: scaleUpDown 2s forwards cubic-bezier(0.7, 0, 0.3, 1);
}
@-webkit-keyframes scaleUp {
  /* Fixes Chrome issue 35.0.1916.114 (easing breaks) */
  to {
    -webkit-transform: scale(1.2);
    opacity: 0;
  }
}
@keyframes scaleUp {
  from {
    opacity: 1;
  }
  /* Fixes Chrome issue 35.0.1916.114 (easing breaks) */
  to {
    -webkit-transform: scale(1.2);
    opacity: 0;
  }
}
@-webkit-keyframes scaleDownUp {
  from {
    opacity: 0;
    -webkit-transform: scale(0.9);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
  }
}
@keyframes scaleDownUp {
  from {
    opacity: 0;
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes scaleDown {
  /* Fixes Chrome issue 35.0.1916.114 (easing breaks) */
  to {
    opacity: 0;
    -webkit-transform: scale(0.9);
  }
}
@keyframes scaleDown {
  /* Fixes Chrome issue 35.0.1916.114 (easing breaks) */
  to {
    opacity: 0;
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}
@-webkit-keyframes scaleUpDown {
  from {
    -webkit-transform: scale(1.2);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
  }
}
@keyframes scaleUpDown {
  from {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
/*****************************************/
/* Press away */
/*****************************************/
.fxPressAway .navOutNext {
  -webkit-animation: slideOutScaleRight 1.2s forwards cubic-bezier(0.7, 0, 0.3, 1);
  animation: slideOutScaleRight 1.2s forwards cubic-bezier(0.7, 0, 0.3, 1);
}
.fxPressAway .navInNext {
  opacity: 1;
  -webkit-animation: slideInFromLeft 1.2s forwards cubic-bezier(0.7, 0, 0.3, 1);
  animation: slideInFromLeft 1.2s forwards cubic-bezier(0.7, 0, 0.3, 1);
}
.fxPressAway .navOutPrev {
  -webkit-animation: slideOutScaleLeft 1.2s forwards cubic-bezier(0.7, 0, 0.3, 1);
  animation: slideOutScaleLeft 1.2s forwards cubic-bezier(0.7, 0, 0.3, 1);
}
.fxPressAway .navInPrev {
  opacity: 1;
  -webkit-animation: slideInFromRight 1.2s forwards cubic-bezier(0.7, 0, 0.3, 1);
  animation: slideInFromRight 1.2s forwards cubic-bezier(0.7, 0, 0.3, 1);
}
@-webkit-keyframes slideOutScaleRight {
  /* Fixes Chrome issue 35.0.1916.114 (easing breaks) */
  to {
    -webkit-transform: translateX(100%) scale(0.9);
    opacity: 0;
  }
}
@keyframes slideOutScaleRight {
  /* Fixes Chrome issue 35.0.1916.114 (easing breaks) */
  to {
    -webkit-transform: translateX(100%) scale(0.9);
    transform: translateX(100%) scale(0.9);
    opacity: 0;
  }
}
@-webkit-keyframes slideInFromLeft {
  from {
    -webkit-transform: translateX(-100%);
  }
  to {
    -webkit-transform: translateX(0);
  }
}
@keyframes slideInFromLeft {
  from {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  to {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@-webkit-keyframes slideOutScaleLeft {
  /* Fixes Chrome issue 35.0.1916.114 (easing breaks) */
  to {
    -webkit-transform: translateX(-100%) scale(0.9);
    opacity: 0;
  }
}
@keyframes slideOutScaleLeft {
  /* Fixes Chrome issue 35.0.1916.114 (easing breaks) */
  to {
    -webkit-transform: translateX(-100%) scale(0.9);
    transform: translateX(-100%) scale(0.9);
    opacity: 0;
  }
}
@-webkit-keyframes slideInFromRight {
  from {
    -webkit-transform: translateX(100%);
  }
  to {
    -webkit-transform: translateX(0);
  }
}
@keyframes slideInFromRight {
  from {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
  to {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
/*****************************************/
/* Side Swing */
/*****************************************/
.fxSideSwing .navOutNext {
  -webkit-animation: slideOutScaleRight 1.2s forwards;
  animation: slideOutScaleRight 1.2s forwards;
  -webkit-animation-timing-function: cubic-bezier(1, 0, 0, 1);
  /* older webkit */
  -webkit-animation-timing-function: cubic-bezier(1, -0.2, 0, 1);
  animation-timing-function: cubic-bezier(1, -0.2, 0, 1);
}
.fxSideSwing .navInNext {
  opacity: 1;
  -webkit-animation: slideInFromLeft 1.2s forwards;
  animation: slideInFromLeft 1.2s forwards;
  -webkit-animation-timing-function: cubic-bezier(1, 0, 0, 1);
  /* older webkit */
  -webkit-animation-timing-function: cubic-bezier(1, -0.2, 0, 1);
  animation-timing-function: cubic-bezier(1, -0.2, 0, 1);
}
.fxSideSwing .navOutPrev {
  -webkit-animation: slideOutScaleLeft 1.2s forwards;
  animation: slideOutScaleLeft 1.2s forwards;
  -webkit-animation-timing-function: cubic-bezier(1, 0, 0, 1);
  /* older webkit */
  -webkit-animation-timing-function: cubic-bezier(1, -0.2, 0, 1);
  animation-timing-function: cubic-bezier(1, -0.2, 0, 1);
}
.fxSideSwing .navInPrev {
  opacity: 1;
  -webkit-animation: slideInFromRight 1.2s forwards;
  animation: slideInFromRight 1.2s forwards;
  -webkit-animation-timing-function: cubic-bezier(1, 0, 0, 1);
  /* older webkit */
  -webkit-animation-timing-function: cubic-bezier(1, -0.2, 0, 1);
  animation-timing-function: cubic-bezier(1, -0.2, 0, 1);
}
/*****************************************/
/* Fortune wheel */
/*****************************************/
.fxFortuneWheel .itemwrap {
  -webkit-perspective: 1600px;
  perspective: 1600px;
}
.fxFortuneWheel .navOutNext {
  -webkit-animation: slideOutScaleRight 1.2s forwards cubic-bezier(0.7, 0, 0.3, 1);
  animation: slideOutScaleRight 1.2s forwards cubic-bezier(0.7, 0, 0.3, 1);
}
.fxFortuneWheel .navInNext {
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
  -webkit-animation: rotateInFromLeft 1.2s forwards cubic-bezier(0.7, 0, 0.3, 1);
  animation: rotateInFromLeft 1.2s forwards cubic-bezier(0.7, 0, 0.3, 1);
}
.fxFortuneWheel .navOutPrev {
  -webkit-animation: slideOutScaleLeft 1.2s forwards cubic-bezier(0.7, 0, 0.3, 1);
  animation: slideOutScaleLeft 1.2s forwards cubic-bezier(0.7, 0, 0.3, 1);
}
.fxFortuneWheel .navInPrev {
  -webkit-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
  -webkit-animation: rotateInFromRight 1.2s forwards cubic-bezier(0.7, 0, 0.3, 1);
  animation: rotateInFromRight 1.2s forwards cubic-bezier(0.7, 0, 0.3, 1);
}
@-webkit-keyframes rotateInFromLeft {
  from {
    -webkit-transform: translateX(-100%) rotateY(-55deg);
  }
  to {
    -webkit-transform: translateX(0) rotateY(0deg);
    opacity: 1;
  }
}
@keyframes rotateInFromLeft {
  from {
    -webkit-transform: translateX(-100%) rotateY(-55deg);
    transform: translateX(-100%) rotateY(-55deg);
  }
  to {
    -webkit-transform: translateX(0) rotateY(0deg);
    transform: translateX(0) rotateY(0deg);
    opacity: 1;
  }
}
@-webkit-keyframes rotateInFromRight {
  from {
    -webkit-transform: translateX(100%) rotateY(55deg);
  }
  to {
    -webkit-transform: translateX(0) rotateY(0deg);
    opacity: 1;
  }
}
@keyframes rotateInFromRight {
  from {
    -webkit-transform: translateX(100%) rotateY(55deg);
    transform: translateX(100%) rotateY(55deg);
  }
  to {
    -webkit-transform: translateX(0) rotateY(0deg);
    transform: translateX(0) rotateY(0deg);
    opacity: 1;
  }
}
/*****************************************/
/* Swipe */
/*****************************************/
.fxSwipe .navOutNext {
  -webkit-animation: decreaseHeight 0.8s forwards ease-in-out;
  animation: decreaseHeight 0.8s forwards ease-in-out;
}
.fxSwipe .navInNext {
  -webkit-animation: show 0.8s forwards ease-in-out;
  animation: show 0.8s forwards ease-in-out;
}
.fxSwipe .navOutPrev {
  -webkit-animation: hide 0.8s forwards ease-in-out;
  animation: hide 0.8s forwards ease-in-out;
}
.fxSwipe .navInPrev {
  z-index: 1001;
  opacity: 1;
  -webkit-animation: increaseHeight 0.8s forwards ease-in-out;
  animation: increaseHeight 0.8s forwards ease-in-out;
}
@-webkit-keyframes decreaseHeight {
  /* Fixes Chrome issue 35.0.1916.114 (easing breaks) */
  to {
    height: 0;
  }
}
@keyframes decreaseHeight {
  /* Fixes Chrome issue 35.0.1916.114 (easing breaks) */
  to {
    height: 0;
  }
}
@-webkit-keyframes show {
  0% {
    opacity: 0;
  }
  1%,
  100% {
    opacity: 1;
  }
}
@keyframes show {
  0% {
    opacity: 0;
  }
  1%,
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes hide {
  0%,
  99% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes hide {
  0%,
  99% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes increaseHeight {
  from {
    height: 0;
  }
  to {
    height: 100%;
  }
}
@keyframes increaseHeight {
  from {
    height: 0;
  }
  to {
    height: 100%;
  }
}
/*****************************************/
/* Push reveal */
/*****************************************/
.fxPushReveal .navOutNext {
  opacity: 1;
  -webkit-animation: slideOutBottom 0.7s forwards ease-in-out;
  animation: slideOutBottom 0.7s forwards ease-in-out;
}
.fxPushReveal .navInNext {
  opacity: 1;
  -webkit-animation: slideInHalfFromTop 0.7s forwards ease-in-out;
  animation: slideInHalfFromTop 0.7s forwards ease-in-out;
}
.fxPushReveal .navOutPrev {
  opacity: 1;
  -webkit-animation: slideOutHalfTop 0.7s forwards ease-in-out;
  animation: slideOutHalfTop 0.7s forwards ease-in-out;
}
.fxPushReveal .navInPrev {
  opacity: 1;
  z-index: 1001;
  -webkit-animation: slideInFromBottom 0.7s forwards ease-in-out;
  animation: slideInFromBottom 0.7s forwards ease-in-out;
}
@-webkit-keyframes slideOutBottom {
  /* Fixes Chrome issue 35.0.1916.114 (easing breaks) */
  to {
    -webkit-transform: translateY(100%);
  }
}
@keyframes slideOutBottom {
  /* Fixes Chrome issue 35.0.1916.114 (easing breaks) */
  to {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
  }
}
@-webkit-keyframes slideInHalfFromTop {
  from {
    -webkit-transform: translateY(-50%);
  }
  to {
    -webkit-transform: translateY(0);
  }
}
@keyframes slideInHalfFromTop {
  from {
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@-webkit-keyframes slideOutHalfTop {
  /* Fixes Chrome issue 35.0.1916.114 (easing breaks) */
  to {
    -webkit-transform: translateY(-50%);
  }
}
@keyframes slideOutHalfTop {
  /* Fixes Chrome issue 35.0.1916.114 (easing breaks) */
  to {
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}
@-webkit-keyframes slideInFromBottom {
  from {
    -webkit-transform: translateY(100%);
  }
  to {
    -webkit-transform: translateY(0);
  }
}
@keyframes slideInFromBottom {
  from {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
  }
  to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
/*****************************************/
/* Snap in */
/*****************************************/
.fxSnapIn .navOutNext {
  -webkit-animation: slideOutLeft 0.5s forwards ease-in;
  animation: slideOutLeft 0.5s forwards ease-in;
}
.fxSnapIn .navInNext {
  z-index: 1001;
  opacity: 1;
  -webkit-animation: slideFromRightFast 0.5s forwards cubic-bezier(0.7, 0, 0.3, 1);
  animation: slideFromRightFast 0.5s forwards cubic-bezier(0.7, 0, 0.3, 1);
}
.fxSnapIn .navOutPrev {
  -webkit-animation: slideOutRight 0.5s forwards ease-in;
  animation: slideOutRight 0.5s forwards ease-in;
}
.fxSnapIn .navInPrev {
  z-index: 1001;
  opacity: 1;
  -webkit-animation: slideFromLeftFast 0.5s forwards cubic-bezier(0.7, 0, 0.3, 1);
  animation: slideFromLeftFast 0.5s forwards cubic-bezier(0.7, 0, 0.3, 1);
}
.fxSnapIn li::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  pointer-events: none;
  background-color: rgba(0, 0, 0, 0.8);
  transition: opacity 0.4s 0.1s ease-in;
}
.fxSnapIn .navOutPrev::after,
.fxSnapIn .navOutNext::after {
  opacity: 1;
}
@-webkit-keyframes slideOutLeft {
  /* Fixes Chrome issue 35.0.1916.114 (easing breaks) */
  to {
    -webkit-transform: translateX(-10%);
  }
}
@keyframes slideOutLeft {
  /* Fixes Chrome issue 35.0.1916.114 (easing breaks) */
  to {
    -webkit-transform: translateX(-10%);
    transform: translateX(-10%);
  }
}
@-webkit-keyframes slideFromRightFast {
  0%,
  50% {
    -webkit-transform: translateX(100%);
  }
  100% {
    -webkit-transform: translateX(0%);
  }
}
@keyframes slideFromRightFast {
  0%,
  50% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
  100% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@-webkit-keyframes slideOutRight {
  /* Fixes Chrome issue 35.0.1916.114 (easing breaks) */
  to {
    -webkit-transform: translateX(10%);
  }
}
@keyframes slideOutRight {
  /* Fixes Chrome issue 35.0.1916.114 (easing breaks) */
  to {
    -webkit-transform: translateX(10%);
    transform: translateX(10%);
  }
}
@-webkit-keyframes slideFromLeftFast {
  0%,
  50% {
    -webkit-transform: translateX(-100%);
  }
  100% {
    -webkit-transform: translateX(0%);
  }
}
@keyframes slideFromLeftFast {
  0%,
  50% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  100% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
}
/*****************************************/
/* Let me in */
/*****************************************/
.fxLetMeIn .itemwrap {
  -webkit-perspective: 1600px;
  perspective: 1600px;
}
.fxLetMeIn .navOutNext {
  -webkit-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
  -webkit-animation: rotateOutRight 0.5s forwards ease-in-out;
  animation: rotateOutRight 0.5s forwards ease-in-out;
}
.fxLetMeIn .navInNext {
  z-index: 1001;
  opacity: 1;
  -webkit-animation: slideFromRightFast 0.5s forwards ease;
  animation: slideFromRightFast 0.5s forwards ease;
}
.fxLetMeIn .navOutPrev {
  -webkit-transform-origin: 100% 0%;
  transform-origin: 100% 0%;
  -webkit-animation: rotateOutLeft 0.5s forwards ease-in-out;
  animation: rotateOutLeft 0.5s forwards ease-in-out;
}
.fxLetMeIn .navInPrev {
  z-index: 1001;
  opacity: 1;
  -webkit-animation: slideFromLeftFast 0.5s forwards ease;
  animation: slideFromLeftFast 0.5s forwards ease;
}
.fxLetMeIn li::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  pointer-events: none;
  background-color: rgba(0, 0, 0, 0.6);
  transition: opacity 0.5s ease-in-out;
}
.fxLetMeIn .navOutPrev::after,
.fxLetMeIn .navOutNext::after {
  opacity: 1;
}
@-webkit-keyframes rotateOutRight {
  /* Fixes Chrome issue 35.0.1916.114 (easing breaks) */
  to {
    -webkit-transform: rotateY(10deg);
  }
}
@keyframes rotateOutRight {
  /* Fixes Chrome issue 35.0.1916.114 (easing breaks) */
  to {
    -webkit-transform: rotateY(10deg);
    transform: rotateY(10deg);
  }
}
@-webkit-keyframes rotateOutLeft {
  /* Fixes Chrome issue 35.0.1916.114 (easing breaks) */
  to {
    -webkit-transform: rotateY(-10deg);
  }
}
@keyframes rotateOutLeft {
  /* Fixes Chrome issue 35.0.1916.114 (easing breaks) */
  to {
    -webkit-transform: rotateY(-10deg);
    transform: rotateY(-10deg);
  }
}
/*****************************************/
/* Stick it */
/*****************************************/
.fxStickIt .itemwrap {
  -webkit-perspective: 1600px;
  perspective: 1600px;
}
.fxStickIt .navOutNext {
  -webkit-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
  -webkit-animation: rotateBottomSideOut 0.8s forwards ease-in;
  animation: rotateBottomSideOut 0.8s forwards ease-in;
}
.fxStickIt .navInNext {
  z-index: 1001;
  opacity: 1;
  -webkit-animation: slideInFromBottomDelayed 0.8s forwards;
  animation: slideInFromBottomDelayed 0.8s forwards;
}
.fxStickIt .navOutPrev {
  opacity: 1;
  -webkit-animation: slideOutToBottom 0.8s forwards;
  animation: slideOutToBottom 0.8s forwards;
}
.fxStickIt .navInPrev {
  -webkit-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
  -webkit-animation: rotateBottomSideIn 0.8s 0.1s forwards ease-in;
  animation: rotateBottomSideIn 0.8s 0.1s forwards ease-in;
}
@-webkit-keyframes rotateBottomSideOut {
  /* Fixes Chrome issue 35.0.1916.114 (easing breaks) */
  40% {
    -webkit-transform: rotateX(-15deg);
    -webkit-animation-timing-function: ease-out;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.8) translateZ(-200px);
  }
}
@keyframes rotateBottomSideOut {
  /* Fixes Chrome issue 35.0.1916.114 (easing breaks) */
  40% {
    -webkit-transform: rotateX(-15deg);
    transform: rotateX(-15deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.8) translateZ(-200px);
    transform: scale(0.8) translateZ(-200px);
  }
}
@-webkit-keyframes slideInFromBottomDelayed {
  0%,
  30% {
    -webkit-transform: translateY(100%);
  }
  100% {
    -webkit-transform: translateY(0);
  }
}
@keyframes slideInFromBottomDelayed {
  0%,
  30% {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@-webkit-keyframes rotateBottomSideIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.8) translateZ(-200px);
  }
  60% {
    -webkit-transform: scale(1) translateZ(0) rotateX(-15deg);
    -webkit-animation-timing-function: ease-out;
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1) translateZ(0) rotateX(0deg);
  }
}
@keyframes rotateBottomSideIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.8) translateZ(-200px);
    transform: scale(0.8) translateZ(-200px);
  }
  60% {
    -webkit-transform: scale(1) translateZ(0) rotateX(-15deg);
    transform: scale(1) translateZ(0) rotateX(-15deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1) translateZ(0) rotateX(0deg);
    transform: scale(1) translateZ(0) rotateX(0deg);
  }
}
/*****************************************/
/* Archive me */
/*****************************************/
.fxArchiveMe .navOutNext {
  -webkit-animation: scaleHalfDown 0.7s forwards cubic-bezier(0.7, 0, 0.3, 1);
  animation: scaleHalfDown 0.7s forwards cubic-bezier(0.7, 0, 0.3, 1);
}
.fxArchiveMe .navInNext {
  z-index: 1001;
  opacity: 1;
  -webkit-animation: slideInFromBottom 0.7s forwards cubic-bezier(0.7, 0, 0.3, 1);
  animation: slideInFromBottom 0.7s forwards cubic-bezier(0.7, 0, 0.3, 1);
}
.fxArchiveMe .navOutPrev {
  -webkit-animation: slideOutToBottom 0.7s forwards cubic-bezier(0.7, 0, 0.3, 1);
  animation: slideOutToBottom 0.7s forwards cubic-bezier(0.7, 0, 0.3, 1);
}
.fxArchiveMe .navInPrev {
  -webkit-animation: scaleHalfUp 0.7s forwards cubic-bezier(0.7, 0, 0.3, 1);
  animation: scaleHalfUp 0.7s forwards cubic-bezier(0.7, 0, 0.3, 1);
}
.fxArchiveMe li::before,
.fxArchiveMe li::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  background-color: rgba(0, 0, 0, 0.7);
  transition: opacity 0.7s cubic-bezier(0.7, 0, 0.3, 1);
}
.fxArchiveMe li::after,
.fxArchiveMe .navOutNext::before {
  opacity: 1;
}
.fxArchiveMe li::before,
.fxArchiveMe li.current::after,
.fxArchiveMe .navInNext::after,
.fxArchiveMe .navInPrev::after {
  opacity: 0;
}
.fxArchiveMe .navInNext::after {
  transition: none;
}
@-webkit-keyframes scaleHalfDown {
  /* Fixes Chrome issue 35.0.1916.114 (easing breaks) */
  to {
    -webkit-transform: scale(0.6);
    opacity: 0;
  }
}
@keyframes scaleHalfDown {
  /* Fixes Chrome issue 35.0.1916.114 (easing breaks) */
  to {
    -webkit-transform: scale(0.6);
    transform: scale(0.6);
    opacity: 0;
  }
}
@-webkit-keyframes slideOutToBottom {
  /* Fixes Chrome issue 35.0.1916.114 (easing breaks) */
  to {
    -webkit-transform: translateY(100%);
  }
}
@keyframes slideOutToBottom {
  /* Fixes Chrome issue 35.0.1916.114 (easing breaks) */
  to {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
  }
}
@-webkit-keyframes scaleHalfUp {
  from {
    opacity: 0;
    -webkit-transform: scale(0.6);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
  }
}
@keyframes scaleHalfUp {
  from {
    opacity: 0;
    -webkit-transform: scale(0.6);
    transform: scale(0.6);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
/*****************************************/
/* Vertical growth */
/*****************************************/
.fxVGrowth .navOutNext {
  -webkit-animation: scaleDown 0.6s forwards cubic-bezier(0.6, 0, 0.4, 1);
  animation: scaleDown 0.6s forwards cubic-bezier(0.6, 0, 0.4, 1);
}
.fxVGrowth .navInNext {
  z-index: 1001;
  opacity: 1;
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-animation: maximize 0.6s forwards cubic-bezier(0.6, 0, 0.4, 1);
  animation: maximize 0.6s forwards cubic-bezier(0.6, 0, 0.4, 1);
}
.fxVGrowth .navOutPrev {
  -webkit-animation: scaleDown 0.6s forwards cubic-bezier(0.6, 0, 0.4, 1);
  animation: scaleDown 0.6s forwards cubic-bezier(0.6, 0, 0.4, 1);
}
.fxVGrowth .navInPrev {
  z-index: 1001;
  opacity: 1;
  -webkit-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
  -webkit-animation: maximize 0.6s forwards cubic-bezier(0.6, 0, 0.4, 1);
  animation: maximize 0.6s forwards cubic-bezier(0.6, 0, 0.4, 1);
}
@-webkit-keyframes maximize {
  from {
    -webkit-transform: scale(0);
  }
  to {
    -webkit-transform: scale(1);
  }
}
@keyframes maximize {
  from {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
/*****************************************/
/* Slide Behind */
/* From https://github.com/hakimel/kontext by Hakim El Hattab, http://hakim.se */
/*****************************************/
.fxSlideBehind .itemwrap {
  -webkit-perspective: 1000px;
  perspective: 1000px;
}
.fxSlideBehind .navOutNext {
  -webkit-animation: hideLeft 0.8s forwards;
  animation: hideLeft 0.8s forwards;
}
.fxSlideBehind .navInNext {
  -webkit-animation: showRight 0.8s forwards;
  animation: showRight 0.8s forwards;
}
.fxSlideBehind .navOutPrev {
  -webkit-animation: hideRight 0.8s forwards;
  animation: hideRight 0.8s forwards;
}
.fxSlideBehind .navInPrev {
  -webkit-animation: showLeft 0.8s forwards;
  animation: showLeft 0.8s forwards;
}
@-webkit-keyframes hideLeft {
  0% {
    -webkit-transform: translateZ(0px);
  }
  40% {
    -webkit-transform: translate(0, -40%) scale(0.8) rotateX(-20deg);
    z-index: 9999;
  }
  100% {
    opacity: 1;
    -webkit-transform: translateZ(-400px);
  }
}
@keyframes hideLeft {
  0% {
    -webkit-transform: translateZ(0px);
    transform: translateZ(0px);
  }
  40% {
    -webkit-transform: translate(0, -40%) scale(0.8) rotateX(-20deg);
    transform: translate(0, -40%) scale(0.8) rotateX(-20deg);
    z-index: 9999;
  }
  100% {
    opacity: 1;
    -webkit-transform: translateZ(-400px);
    transform: translateZ(-400px);
  }
}
@-webkit-keyframes showRight {
  0% {
    -webkit-transform: translateZ(-400px);
    opacity: 1;
  }
  40% {
    -webkit-transform: translate(0, 40%) scale(0.8) rotateX(20deg);
    opacity: 1;
  }
  41% {
    -webkit-transform: translate(0, 40%) scale(0.8) rotateX(20deg);
    opacity: 1;
    z-index: 9999;
  }
  100% {
    -webkit-transform: translateZ(0px);
    opacity: 1;
    z-index: 9999;
  }
}
@keyframes showRight {
  0% {
    -webkit-transform: translateZ(-400px);
    transform: translateZ(-400px);
    opacity: 1;
  }
  40% {
    -webkit-transform: translate(0, 40%) scale(0.8) rotateX(20deg);
    transform: translate(0, 40%) scale(0.8) rotateX(20deg);
    opacity: 1;
  }
  41% {
    -webkit-transform: translate(0, 40%) scale(0.8) rotateX(20deg);
    transform: translate(0, 40%) scale(0.8) rotateX(20deg);
    opacity: 1;
    z-index: 9999;
  }
  100% {
    -webkit-transform: translateZ(0px);
    transform: translateZ(0px);
    opacity: 1;
    z-index: 9999;
  }
}
@-webkit-keyframes hideRight {
  0% {
    -webkit-transform: translateZ(0px);
  }
  40% {
    -webkit-transform: translate(0, 40%) scale(0.8) rotateX(20deg);
    z-index: 9999;
  }
  100% {
    opacity: 1;
    -webkit-transform: translateZ(-400px);
  }
}
@keyframes hideRight {
  0% {
    -webkit-transform: translateZ(0px);
    transform: translateZ(0px);
  }
  40% {
    -webkit-transform: translate(0, 40%) scale(0.8) rotateX(20deg);
    transform: translate(0, 40%) scale(0.8) rotateX(20deg);
    z-index: 9999;
  }
  100% {
    opacity: 1;
    -webkit-transform: translateZ(-400px);
    transform: translateZ(-400px);
  }
}
@-webkit-keyframes showLeft {
  0% {
    -webkit-transform: translateZ(-400px);
    opacity: 1;
  }
  40% {
    -webkit-transform: translate(0, -40%) scale(0.8) rotateX(-20deg);
    opacity: 1;
  }
  41% {
    -webkit-transform: translate(0, -40%) scale(0.8) rotateX(-20deg);
    opacity: 1;
    z-index: 9999;
  }
  100% {
    -webkit-transform: translateZ(0px);
    opacity: 1;
    z-index: 9999;
  }
}
@keyframes showLeft {
  0% {
    -webkit-transform: translateZ(-400px);
    transform: translateZ(-400px);
    opacity: 1;
  }
  40% {
    -webkit-transform: translate(0, -40%) scale(0.8) rotateX(-20deg);
    transform: translate(0, -40%) scale(0.8) rotateX(-20deg);
    opacity: 1;
  }
  41% {
    -webkit-transform: translate(0, -40%) scale(0.8) rotateX(-20deg);
    transform: translate(0, -40%) scale(0.8) rotateX(-20deg);
    opacity: 1;
    z-index: 9999;
  }
  100% {
    -webkit-transform: translateZ(0px);
    transform: translateZ(0px);
    opacity: 1;
    z-index: 9999;
  }
}
/*****************************************/
/* Soft Pulse */
/*****************************************/
.fxSoftPulse .navOutPrev,
.fxSoftPulse .navOutNext {
  -webkit-animation: scaleUpFadeOut 0.8s forwards ease-in;
  animation: scaleUpFadeOut 0.8s forwards ease-in;
}
.fxSoftPulse .navInPrev,
.fxSoftPulse .navInNext {
  -webkit-animation: scaleDownFadeIn 0.8s forwards ease-out;
  animation: scaleDownFadeIn 0.8s forwards ease-out;
}
@-webkit-keyframes scaleUpFadeOut {
  /* Fixes Chrome issue 35.0.1916.114 (easing breaks) */
  50% {
    -webkit-transform: scale(1.2);
    opacity: 1;
  }
  75% {
    -webkit-transform: scale(1.1);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
    opacity: 0;
  }
}
@keyframes scaleUpFadeOut {
  /* Fixes Chrome issue 35.0.1916.114 (easing breaks) */
  50% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    opacity: 1;
  }
  75% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0;
  }
}
@-webkit-keyframes scaleDownFadeIn {
  /* Fixes Chrome issue 35.0.1916.114 (easing breaks) */
  50% {
    opacity: 1;
    -webkit-transform: scale(1.2);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
  }
}
@keyframes scaleDownFadeIn {
  /* Fixes Chrome issue 35.0.1916.114 (easing breaks) */
  50% {
    opacity: 1;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
/*****************************************/
/* Earthquake */
/* From http://elrumordelaluz.github.io/csshake/ by Lionel, http://t.co/thCECnx1Yg */
/*****************************************/
.fxEarthquake .navOutNext {
  opacity: 1;
  -webkit-animation: shakeSlideBottom 1s 0.1s forwards;
  animation: shakeSlideBottom 1s 0.1s forwards;
}
.fxEarthquake .navInNext {
  -webkit-animation: pushFromTop 1s 0.1s forwards;
  animation: pushFromTop 1s 0.1s forwards;
}
.fxEarthquake .navOutPrev {
  opacity: 1;
  -webkit-animation: shakeSlideTop 1s 0.1s forwards;
  animation: shakeSlideTop 1s 0.1s forwards;
}
.fxEarthquake .navInPrev {
  opacity: 1;
  -webkit-animation: pushFromBottom 1s 0.1s forwards;
  animation: pushFromBottom 1s 0.1s forwards;
}
.fxEarthquake li::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  pointer-events: none;
  background-color: rgba(0, 0, 0, 0.3);
  transition: opacity 0.5s;
}
.fxEarthquake .navOutPrev::after,
.fxEarthquake .navOutNext::after {
  opacity: 1;
}
@-webkit-keyframes shakeSlideBottom {
  0% {
    -webkit-transform: translate(0px, 0px) rotate(0deg);
  }
  2% {
    -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
  }
  4% {
    -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
  }
  6% {
    -webkit-transform: translate(0px, 0px) rotate(-0.5deg);
  }
  8% {
    -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
  }
  10% {
    -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
  }
  12% {
    -webkit-transform: translate(0px, 0px) rotate(-0.5deg);
  }
  14% {
    -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
  }
  16% {
    -webkit-transform: translate(0px, 0px) rotate(-0.5deg);
  }
  18% {
    -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
  }
  20% {
    -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
  }
  22% {
    -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
  }
  24% {
    -webkit-transform: translate(-1px, 0px) rotate(-0.5deg);
  }
  26% {
    -webkit-transform: translate(0px, 0px) rotate(-0.5deg);
  }
  28% {
    -webkit-transform: translate(-1px, 0px) rotate(-0.5deg);
  }
  30% {
    -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
  }
  32% {
    -webkit-transform: translate(-1px, 0px) rotate(-0.5deg);
  }
  34% {
    -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
  }
  36% {
    -webkit-transform: translate(0px, 0px) rotate(-0.5deg);
  }
  38% {
    -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
  }
  40% {
    -webkit-transform: translate(0px, 0px) rotate(-0.5deg);
  }
  42% {
    -webkit-transform: translate(-1px, 0px) rotate(-0.5deg);
  }
  44% {
    -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
  }
  46% {
    -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
  }
  48% {
    -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
  }
  50% {
    -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
  }
  52% {
    -webkit-transform: translate(-1px, 0px) rotate(-0.5deg);
  }
  54% {
    -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
  }
  56% {
    -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
  }
  58% {
    -webkit-transform: translate(0px, 0px) rotate(-0.5deg);
  }
  60% {
    -webkit-transform: translate(-1px, 0px) rotate(-0.5deg);
  }
  62% {
    -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
  }
  64% {
    -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
  }
  66% {
    -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
  }
  68% {
    -webkit-transform: translate(-1px, 0px) rotate(-0.5deg);
  }
  70% {
    -webkit-transform: translate(0px, 0px) rotate(-0.5deg);
  }
  100% {
    -webkit-transform: translateY(100%);
  }
}
@keyframes shakeSlideBottom {
  0% {
    -webkit-transform: translate(0px, 0px) rotate(0deg);
    transform: translate(0px, 0px) rotate(0deg);
  }
  2% {
    -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
    transform: translate(-1px, -1px) rotate(-0.5deg);
  }
  4% {
    -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
    transform: translate(-1px, -1px) rotate(-0.5deg);
  }
  6% {
    -webkit-transform: translate(0px, 0px) rotate(-0.5deg);
    transform: translate(0px, 0px) rotate(-0.5deg);
  }
  8% {
    -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
    transform: translate(-1px, -1px) rotate(-0.5deg);
  }
  10% {
    -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
    transform: translate(-1px, -1px) rotate(-0.5deg);
  }
  12% {
    -webkit-transform: translate(0px, 0px) rotate(-0.5deg);
    transform: translate(0px, 0px) rotate(-0.5deg);
  }
  14% {
    -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
    transform: translate(-1px, -1px) rotate(-0.5deg);
  }
  16% {
    -webkit-transform: translate(0px, 0px) rotate(-0.5deg);
    transform: translate(0px, 0px) rotate(-0.5deg);
  }
  18% {
    -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
    transform: translate(0px, -1px) rotate(-0.5deg);
  }
  20% {
    -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
    transform: translate(0px, -1px) rotate(-0.5deg);
  }
  22% {
    -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
    transform: translate(0px, -1px) rotate(-0.5deg);
  }
  24% {
    -webkit-transform: translate(-1px, 0px) rotate(-0.5deg);
    transform: translate(-1px, 0px) rotate(-0.5deg);
  }
  26% {
    -webkit-transform: translate(0px, 0px) rotate(-0.5deg);
    transform: translate(0px, 0px) rotate(-0.5deg);
  }
  28% {
    -webkit-transform: translate(-1px, 0px) rotate(-0.5deg);
    transform: translate(-1px, 0px) rotate(-0.5deg);
  }
  30% {
    -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
    transform: translate(0px, -1px) rotate(-0.5deg);
  }
  32% {
    -webkit-transform: translate(-1px, 0px) rotate(-0.5deg);
    transform: translate(-1px, 0px) rotate(-0.5deg);
  }
  34% {
    -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
    transform: translate(0px, -1px) rotate(-0.5deg);
  }
  36% {
    -webkit-transform: translate(0px, 0px) rotate(-0.5deg);
    transform: translate(0px, 0px) rotate(-0.5deg);
  }
  38% {
    -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
    transform: translate(-1px, -1px) rotate(-0.5deg);
  }
  40% {
    -webkit-transform: translate(0px, 0px) rotate(-0.5deg);
    transform: translate(0px, 0px) rotate(-0.5deg);
  }
  42% {
    -webkit-transform: translate(-1px, 0px) rotate(-0.5deg);
    transform: translate(-1px, 0px) rotate(-0.5deg);
  }
  44% {
    -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
    transform: translate(0px, -1px) rotate(-0.5deg);
  }
  46% {
    -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
    transform: translate(-1px, -1px) rotate(-0.5deg);
  }
  48% {
    -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
    transform: translate(-1px, -1px) rotate(-0.5deg);
  }
  50% {
    -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
    transform: translate(0px, -1px) rotate(-0.5deg);
  }
  52% {
    -webkit-transform: translate(-1px, 0px) rotate(-0.5deg);
    transform: translate(-1px, 0px) rotate(-0.5deg);
  }
  54% {
    -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
    transform: translate(0px, -1px) rotate(-0.5deg);
  }
  56% {
    -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
    transform: translate(-1px, -1px) rotate(-0.5deg);
  }
  58% {
    -webkit-transform: translate(0px, 0px) rotate(-0.5deg);
    transform: translate(0px, 0px) rotate(-0.5deg);
  }
  60% {
    -webkit-transform: translate(-1px, 0px) rotate(-0.5deg);
    transform: translate(-1px, 0px) rotate(-0.5deg);
  }
  62% {
    -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
    transform: translate(-1px, -1px) rotate(-0.5deg);
  }
  64% {
    -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
    transform: translate(0px, -1px) rotate(-0.5deg);
  }
  66% {
    -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
    transform: translate(-1px, -1px) rotate(-0.5deg);
  }
  68% {
    -webkit-transform: translate(-1px, 0px) rotate(-0.5deg);
    transform: translate(-1px, 0px) rotate(-0.5deg);
  }
  70% {
    -webkit-transform: translate(0px, 0px) rotate(-0.5deg);
    transform: translate(0px, 0px) rotate(-0.5deg);
  }
  100% {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
  }
}
@-webkit-keyframes pushFromTop {
  0%,
  70% {
    opacity: 0;
    -webkit-transform: translateY(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@keyframes pushFromTop {
  0%,
  70% {
    opacity: 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@-webkit-keyframes shakeSlideTop {
  0% {
    -webkit-transform: translate(0px, 0px) rotate(0deg);
  }
  2% {
    -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
  }
  4% {
    -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
  }
  6% {
    -webkit-transform: translate(0px, 0px) rotate(-0.5deg);
  }
  8% {
    -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
  }
  10% {
    -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
  }
  12% {
    -webkit-transform: translate(0px, 0px) rotate(-0.5deg);
  }
  14% {
    -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
  }
  16% {
    -webkit-transform: translate(0px, 0px) rotate(-0.5deg);
  }
  18% {
    -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
  }
  20% {
    -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
  }
  22% {
    -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
  }
  24% {
    -webkit-transform: translate(-1px, 0px) rotate(-0.5deg);
  }
  26% {
    -webkit-transform: translate(0px, 0px) rotate(-0.5deg);
  }
  28% {
    -webkit-transform: translate(-1px, 0px) rotate(-0.5deg);
  }
  30% {
    -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
  }
  32% {
    -webkit-transform: translate(-1px, 0px) rotate(-0.5deg);
  }
  34% {
    -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
  }
  36% {
    -webkit-transform: translate(0px, 0px) rotate(-0.5deg);
  }
  38% {
    -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
  }
  40% {
    -webkit-transform: translate(0px, 0px) rotate(-0.5deg);
  }
  42% {
    -webkit-transform: translate(-1px, 0px) rotate(-0.5deg);
  }
  44% {
    -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
  }
  46% {
    -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
  }
  48% {
    -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
  }
  50% {
    -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
  }
  52% {
    -webkit-transform: translate(-1px, 0px) rotate(-0.5deg);
  }
  54% {
    -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
  }
  56% {
    -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
  }
  58% {
    -webkit-transform: translate(0px, 0px) rotate(-0.5deg);
  }
  60% {
    -webkit-transform: translate(-1px, 0px) rotate(-0.5deg);
  }
  62% {
    -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
  }
  64% {
    -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
  }
  66% {
    -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
  }
  68% {
    -webkit-transform: translate(-1px, 0px) rotate(-0.5deg);
  }
  70% {
    -webkit-transform: translate(0px, 0px) rotate(-0.5deg);
  }
  100% {
    -webkit-transform: translateY(-100%);
  }
}
@keyframes shakeSlideTop {
  0% {
    -webkit-transform: translate(0px, 0px) rotate(0deg);
    transform: translate(0px, 0px) rotate(0deg);
  }
  2% {
    -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
    transform: translate(-1px, -1px) rotate(-0.5deg);
  }
  4% {
    -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
    transform: translate(-1px, -1px) rotate(-0.5deg);
  }
  6% {
    -webkit-transform: translate(0px, 0px) rotate(-0.5deg);
    transform: translate(0px, 0px) rotate(-0.5deg);
  }
  8% {
    -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
    transform: translate(-1px, -1px) rotate(-0.5deg);
  }
  10% {
    -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
    transform: translate(-1px, -1px) rotate(-0.5deg);
  }
  12% {
    -webkit-transform: translate(0px, 0px) rotate(-0.5deg);
    transform: translate(0px, 0px) rotate(-0.5deg);
  }
  14% {
    -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
    transform: translate(-1px, -1px) rotate(-0.5deg);
  }
  16% {
    -webkit-transform: translate(0px, 0px) rotate(-0.5deg);
    transform: translate(0px, 0px) rotate(-0.5deg);
  }
  18% {
    -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
    transform: translate(0px, -1px) rotate(-0.5deg);
  }
  20% {
    -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
    transform: translate(0px, -1px) rotate(-0.5deg);
  }
  22% {
    -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
    transform: translate(0px, -1px) rotate(-0.5deg);
  }
  24% {
    -webkit-transform: translate(-1px, 0px) rotate(-0.5deg);
    transform: translate(-1px, 0px) rotate(-0.5deg);
  }
  26% {
    -webkit-transform: translate(0px, 0px) rotate(-0.5deg);
    transform: translate(0px, 0px) rotate(-0.5deg);
  }
  28% {
    -webkit-transform: translate(-1px, 0px) rotate(-0.5deg);
    transform: translate(-1px, 0px) rotate(-0.5deg);
  }
  30% {
    -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
    transform: translate(0px, -1px) rotate(-0.5deg);
  }
  32% {
    -webkit-transform: translate(-1px, 0px) rotate(-0.5deg);
    transform: translate(-1px, 0px) rotate(-0.5deg);
  }
  34% {
    -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
    transform: translate(0px, -1px) rotate(-0.5deg);
  }
  36% {
    -webkit-transform: translate(0px, 0px) rotate(-0.5deg);
    transform: translate(0px, 0px) rotate(-0.5deg);
  }
  38% {
    -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
    transform: translate(-1px, -1px) rotate(-0.5deg);
  }
  40% {
    -webkit-transform: translate(0px, 0px) rotate(-0.5deg);
    transform: translate(0px, 0px) rotate(-0.5deg);
  }
  42% {
    -webkit-transform: translate(-1px, 0px) rotate(-0.5deg);
    transform: translate(-1px, 0px) rotate(-0.5deg);
  }
  44% {
    -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
    transform: translate(0px, -1px) rotate(-0.5deg);
  }
  46% {
    -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
    transform: translate(-1px, -1px) rotate(-0.5deg);
  }
  48% {
    -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
    transform: translate(-1px, -1px) rotate(-0.5deg);
  }
  50% {
    -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
    transform: translate(0px, -1px) rotate(-0.5deg);
  }
  52% {
    -webkit-transform: translate(-1px, 0px) rotate(-0.5deg);
    transform: translate(-1px, 0px) rotate(-0.5deg);
  }
  54% {
    -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
    transform: translate(0px, -1px) rotate(-0.5deg);
  }
  56% {
    -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
    transform: translate(-1px, -1px) rotate(-0.5deg);
  }
  58% {
    -webkit-transform: translate(0px, 0px) rotate(-0.5deg);
    transform: translate(0px, 0px) rotate(-0.5deg);
  }
  60% {
    -webkit-transform: translate(-1px, 0px) rotate(-0.5deg);
    transform: translate(-1px, 0px) rotate(-0.5deg);
  }
  62% {
    -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
    transform: translate(-1px, -1px) rotate(-0.5deg);
  }
  64% {
    -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
    transform: translate(0px, -1px) rotate(-0.5deg);
  }
  66% {
    -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
    transform: translate(-1px, -1px) rotate(-0.5deg);
  }
  68% {
    -webkit-transform: translate(-1px, 0px) rotate(-0.5deg);
    transform: translate(-1px, 0px) rotate(-0.5deg);
  }
  70% {
    -webkit-transform: translate(0px, 0px) rotate(-0.5deg);
    transform: translate(0px, 0px) rotate(-0.5deg);
  }
  100% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
}
@-webkit-keyframes pushFromBottom {
  0%,
  70% {
    opacity: 0;
    -webkit-transform: translateY(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@keyframes pushFromBottom {
  0%,
  70% {
    opacity: 0;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
/*****************************************/
/* Cliff diving */
/*****************************************/
.fxCliffDiving li {
  -webkit-transform-origin: 50% 400%;
  transform-origin: 50% 400%;
}
.fxCliffDiving .navOutNext {
  opacity: 1;
  -webkit-animation: rotateOutCircLeft 0.9s forwards cubic-bezier(0.7, 0, 0.3, 1);
  animation: rotateOutCircLeft 0.9s forwards cubic-bezier(0.7, 0, 0.3, 1);
}
.fxCliffDiving .navInNext {
  opacity: 1;
  -webkit-animation: rotateInCircRight 0.9s forwards cubic-bezier(0.7, 0, 0.3, 1);
  animation: rotateInCircRight 0.9s forwards cubic-bezier(0.7, 0, 0.3, 1);
}
.fxCliffDiving .navOutPrev {
  opacity: 1;
  -webkit-animation: rotateOutCircRight 0.9s forwards cubic-bezier(0.7, 0, 0.3, 1);
  animation: rotateOutCircRight 0.9s forwards cubic-bezier(0.7, 0, 0.3, 1);
}
.fxCliffDiving .navInPrev {
  opacity: 1;
  -webkit-animation: rotateInCircLeft 0.9s forwards cubic-bezier(0.7, 0, 0.3, 1);
  animation: rotateInCircLeft 0.9s forwards cubic-bezier(0.7, 0, 0.3, 1);
}
.fxCliffDiving li::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  pointer-events: none;
  background-color: #000000;
  transition: opacity 0.9s cubic-bezier(0.7, 0, 0.3, 1);
}
.fxCliffDiving .navOutPrev::after,
.fxCliffDiving .navOutNext::after {
  opacity: 1;
}
@-webkit-keyframes rotateOutCircLeft {
  /* Fixes Chrome issue 35.0.1916.114 (easing breaks) */
  to {
    -webkit-transform: rotate(-20deg) translateX(-100%);
  }
}
@keyframes rotateOutCircLeft {
  /* Fixes Chrome issue 35.0.1916.114 (easing breaks) */
  to {
    -webkit-transform: rotate(-20deg) translateX(-100%);
    transform: rotate(-20deg) translateX(-100%);
  }
}
@-webkit-keyframes rotateInCircRight {
  from {
    -webkit-transform: rotate(20deg) translateX(100%);
  }
  to {
    -webkit-transform: rotate(0deg) translateX(0);
  }
}
@keyframes rotateInCircRight {
  from {
    -webkit-transform: rotate(20deg) translateX(100%);
    transform: rotate(20deg) translateX(100%);
  }
  to {
    -webkit-transform: rotate(0deg) translateX(0);
    transform: rotate(0deg) translateX(0);
  }
}
@-webkit-keyframes rotateOutCircRight {
  /* Fixes Chrome issue 35.0.1916.114 (easing breaks) */
  to {
    -webkit-transform: rotate(20deg) translateX(100%);
  }
}
@keyframes rotateOutCircRight {
  /* Fixes Chrome issue 35.0.1916.114 (easing breaks) */
  to {
    -webkit-transform: rotate(20deg) translateX(100%);
    transform: rotate(20deg) translateX(100%);
  }
}
@-webkit-keyframes rotateInCircLeft {
  from {
    -webkit-transform: rotate(-20deg) translateX(-100%);
  }
  to {
    -webkit-transform: rotate(0deg) translateX(0);
  }
}
@keyframes rotateInCircLeft {
  from {
    -webkit-transform: rotate(-20deg) translateX(-100%);
    transform: rotate(-20deg) translateX(-100%);
  }
  to {
    -webkit-transform: rotate(0deg) translateX(0);
    transform: rotate(0deg) translateX(0);
  }
}
/*! jQuery UI - v1.11.0 - 2014-07-24
* http://jqueryui.com
* Includes: core.css, draggable.css, resizable.css, selectable.css, sortable.css, accordion.css, autocomplete.css, button.css, datepicker.css, dialog.css, menu.css, slider.css, tabs.css, tooltip.css
* Copyright 2014 jQuery Foundation and other contributors; Licensed MIT */
/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
  display: none;
}
.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
  content: "";
  display: table;
  border-collapse: collapse;
}
.ui-helper-clearfix:after {
  clear: both;
}
.ui-helper-clearfix {
  min-height: 0;
  /* support: IE7 */
}
.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: alpha(opacity=0);
}
.ui-front {
  z-index: 100;
}
/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
  cursor: default !important;
}
/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
}
/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.ui-draggable-handle {
  -ms-touch-action: none;
  touch-action: none;
}
.ui-resizable {
  position: relative;
}
.ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  display: block;
  -ms-touch-action: none;
  touch-action: none;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
  display: none;
}
.ui-resizable-n {
  cursor: n-resize;
  height: 7px;
  width: 100%;
  top: -5px;
  left: 0;
}
.ui-resizable-s {
  cursor: s-resize;
  height: 7px;
  width: 100%;
  bottom: -5px;
  left: 0;
}
.ui-resizable-e {
  cursor: e-resize;
  width: 7px;
  right: -5px;
  top: 0;
  height: 100%;
}
.ui-resizable-w {
  cursor: w-resize;
  width: 7px;
  left: -5px;
  top: 0;
  height: 100%;
}
.ui-resizable-se {
  cursor: se-resize;
  width: 12px;
  height: 12px;
  right: 1px;
  bottom: 1px;
}
.ui-resizable-sw {
  cursor: sw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  bottom: -5px;
}
.ui-resizable-nw {
  cursor: nw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  top: -5px;
}
.ui-resizable-ne {
  cursor: ne-resize;
  width: 9px;
  height: 9px;
  right: -5px;
  top: -5px;
}
.ui-selectable {
  -ms-touch-action: none;
  touch-action: none;
}
.ui-selectable-helper {
  position: absolute;
  z-index: 100;
  border: 1px dotted black;
}
.ui-sortable-handle {
  -ms-touch-action: none;
  touch-action: none;
}
.ui-accordion .ui-accordion-header {
  display: block;
  cursor: pointer;
  position: relative;
  margin: 2px 0 0 0;
  padding: .5em .5em .5em .7em;
  min-height: 0;
  /* support: IE7 */
  font-size: 100%;
}
.ui-accordion .ui-accordion-icons {
  padding-left: 2.2em;
}
.ui-accordion .ui-accordion-icons .ui-accordion-icons {
  padding-left: 2.2em;
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
  position: absolute;
  left: .5em;
  top: 50%;
  margin-top: -8px;
}
.ui-accordion .ui-accordion-content {
  padding: 1em 2.2em;
  border-top: 0;
  overflow: auto;
}
.ui-autocomplete {
  position: absolute;
  top: 0;
  left: 0;
  cursor: default;
}
.ui-button {
  display: inline-block;
  position: relative;
  padding: 0;
  line-height: normal;
  margin-right: .1em;
  cursor: pointer;
  vertical-align: middle;
  text-align: center;
  overflow: visible;
  /* removes extra width in IE */
}
.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
  text-decoration: none;
}
/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
  width: 2.2em;
}
/* button elements seem to need a little more width */
button.ui-button-icon-only {
  width: 2.4em;
}
.ui-button-icons-only {
  width: 3.4em;
}
button.ui-button-icons-only {
  width: 3.7em;
}
/* button text element */
.ui-button .ui-button-text {
  display: block;
  line-height: normal;
}
.ui-button-text-only .ui-button-text {
  padding: .4em 1em;
}
.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
  padding: .4em;
  text-indent: -9999999px;
}
.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
  padding: .4em 1em .4em 2.1em;
}
.ui-button-text-icon-secondary .ui-button-text,
.ui-button-text-icons .ui-button-text {
  padding: .4em 2.1em .4em 1em;
}
.ui-button-text-icons .ui-button-text {
  padding-left: 2.1em;
  padding-right: 2.1em;
}
/* no icon support for input elements, provide padding by default */
input.ui-button {
  padding: .4em 1em;
}
/* button icon element(s) */
.ui-button-icon-only .ui-icon,
.ui-button-text-icon-primary .ui-icon,
.ui-button-text-icon-secondary .ui-icon,
.ui-button-text-icons .ui-icon,
.ui-button-icons-only .ui-icon {
  position: absolute;
  top: 50%;
  margin-top: -8px;
}
.ui-button-icon-only .ui-icon {
  left: 50%;
  margin-left: -8px;
}
.ui-button-text-icon-primary .ui-button-icon-primary,
.ui-button-text-icons .ui-button-icon-primary,
.ui-button-icons-only .ui-button-icon-primary {
  left: .5em;
}
.ui-button-text-icon-secondary .ui-button-icon-secondary,
.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
  right: .5em;
}
/* button sets */
.ui-buttonset {
  margin-right: 7px;
}
.ui-buttonset .ui-button {
  margin-left: 0;
  margin-right: -0.3em;
}
/* workarounds */
/* reset extra padding in Firefox, see h5bp.com/l */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
  border: 0;
  padding: 0;
}
.ui-datepicker {
  width: 17em;
  padding: .2em .2em 0;
  display: none;
}
.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 2px;
  width: 1.8em;
  height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
  top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
  left: 2px;
}
.ui-datepicker .ui-datepicker-next {
  right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
  left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
  right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
  width: 49%;
}
.ui-datepicker table {
  width: 100%;
  font-size: .9em;
  border-collapse: collapse;
  margin: 0 0 .4em;
}
.ui-datepicker th {
  padding: .7em .3em;
  text-align: center;
  font-weight: bold;
  border: 0;
}
.ui-datepicker td {
  border: 0;
  padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
  display: block;
  padding: .2em;
  text-align: right;
  text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: .7em 0 0 0;
  padding: 0 .2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: .5em .2em .4em;
  cursor: pointer;
  padding: .2em .6em .3em .6em;
  width: auto;
  overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left;
}
/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
  width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
  float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left;
}
.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0;
}
/* RTL support */
.ui-datepicker-rtl {
  direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
  float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px;
}
.ui-dialog {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  padding: .2em;
  outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
  padding: .4em 1em;
  position: relative;
}
.ui-dialog .ui-dialog-title {
  float: left;
  margin: .1em 0;
  white-space: nowrap;
  width: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
  position: absolute;
  right: .3em;
  top: 50%;
  width: 20px;
  margin: -10px 0 0 0;
  padding: 1px;
  height: 20px;
}
.ui-dialog .ui-dialog-content {
  position: relative;
  border: 0;
  padding: .5em 1em;
  background: none;
  overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane {
  text-align: left;
  border-width: 1px 0 0 0;
  background-image: none;
  margin-top: .5em;
  padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
  margin: .5em .4em .5em 0;
  cursor: pointer;
}
.ui-dialog .ui-resizable-se {
  width: 12px;
  height: 12px;
  right: -5px;
  bottom: -5px;
  background-position: 16px 16px;
}
.ui-draggable .ui-dialog-titlebar {
  cursor: move;
}
.ui-menu {
  list-style: none;
  padding: 0;
  margin: 0;
  display: block;
  outline: none;
}
.ui-menu .ui-menu {
  position: absolute;
}
.ui-menu .ui-menu-item {
  position: relative;
  margin: 0;
  padding: 3px 1em 3px .4em;
  cursor: pointer;
  min-height: 0;
  /* support: IE7 */
  /* support: IE10, see #8844 */
  list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}
.ui-menu .ui-menu-divider {
  margin: 5px 0;
  height: 0;
  font-size: 0;
  line-height: 0;
  border-width: 1px 0 0 0;
}
.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
  margin: -1px;
}
/* icon support */
.ui-menu-icons {
  position: relative;
}
.ui-menu-icons .ui-menu-item {
  padding-left: 2em;
}
/* left-aligned */
.ui-menu .ui-icon {
  position: absolute;
  top: 0;
  bottom: 0;
  left: .2em;
  margin: auto 0;
}
/* right-aligned */
.ui-menu .ui-menu-icon {
  left: auto;
  right: 0;
}
.ui-slider {
  position: relative;
  text-align: left;
}
.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 1.2em;
  height: 1.2em;
  cursor: default;
  -ms-touch-action: none;
  touch-action: none;
}
.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: .7em;
  display: block;
  border: 0;
  background-position: 0 0;
}
/* For IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
  filter: inherit;
}
.ui-slider-horizontal {
  height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
  top: -0.3em;
  margin-left: -0.6em;
}
.ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
  left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
  right: 0;
}
.ui-slider-vertical {
  width: .8em;
  height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
  left: -0.3em;
  margin-left: 0;
  margin-bottom: -0.6em;
}
.ui-slider-vertical .ui-slider-range {
  left: 0;
  width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
  bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
  top: 0;
}
.ui-tabs {
  position: relative;
  /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
  padding: .2em;
}
.ui-tabs .ui-tabs-nav {
  margin: 0;
  padding: .2em .2em 0;
}
.ui-tabs .ui-tabs-nav li {
  list-style: none;
  float: left;
  position: relative;
  top: 0;
  margin: 1px .2em 0 0;
  border-bottom-width: 0;
  padding: 0;
  white-space: nowrap;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
  float: left;
  padding: .5em 1em;
  text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
  margin-bottom: -1px;
  padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
  cursor: text;
}
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
  cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
  display: block;
  border-width: 0;
  padding: 1em 1.4em;
  background: none;
}
.ui-tooltip {
  padding: 8px;
  position: absolute;
  z-index: 9999;
  max-width: 300px;
  -webkit-box-shadow: 0 0 5px #aaa;
  box-shadow: 0 0 5px #aaa;
}
body .ui-tooltip {
  border-width: 2px;
}
/*!
 * jQuery UI CSS Framework 1.11.0
 * http://jqueryui.com
 *
 * Copyright 2014 jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/category/theming/
 */
/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
  display: none;
}
.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
  content: "";
  display: table;
  border-collapse: collapse;
}
.ui-helper-clearfix:after {
  clear: both;
}
.ui-helper-clearfix {
  min-height: 0;
  /* support: IE7 */
}
.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: alpha(opacity=0);
}
.ui-front {
  z-index: 100;
}
/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
  cursor: default !important;
}
/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
}
/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.ui-draggable-handle {
  -ms-touch-action: none;
  touch-action: none;
}
.ui-resizable {
  position: relative;
}
.ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  display: block;
  -ms-touch-action: none;
  touch-action: none;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
  display: none;
}
.ui-resizable-n {
  cursor: n-resize;
  height: 7px;
  width: 100%;
  top: -5px;
  left: 0;
}
.ui-resizable-s {
  cursor: s-resize;
  height: 7px;
  width: 100%;
  bottom: -5px;
  left: 0;
}
.ui-resizable-e {
  cursor: e-resize;
  width: 7px;
  right: -5px;
  top: 0;
  height: 100%;
}
.ui-resizable-w {
  cursor: w-resize;
  width: 7px;
  left: -5px;
  top: 0;
  height: 100%;
}
.ui-resizable-se {
  cursor: se-resize;
  width: 12px;
  height: 12px;
  right: 1px;
  bottom: 1px;
}
.ui-resizable-sw {
  cursor: sw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  bottom: -5px;
}
.ui-resizable-nw {
  cursor: nw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  top: -5px;
}
.ui-resizable-ne {
  cursor: ne-resize;
  width: 9px;
  height: 9px;
  right: -5px;
  top: -5px;
}
.ui-selectable {
  -ms-touch-action: none;
  touch-action: none;
}
.ui-selectable-helper {
  position: absolute;
  z-index: 100;
  border: 1px dotted black;
}
.ui-sortable-handle {
  -ms-touch-action: none;
  touch-action: none;
}
.ui-accordion .ui-accordion-header {
  display: block;
  cursor: pointer;
  position: relative;
  margin: 2px 0 0 0;
  padding: .5em .5em .5em .7em;
  min-height: 0;
  /* support: IE7 */
  font-size: 100%;
}
.ui-accordion .ui-accordion-icons {
  padding-left: 2.2em;
}
.ui-accordion .ui-accordion-icons .ui-accordion-icons {
  padding-left: 2.2em;
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
  position: absolute;
  left: .5em;
  top: 50%;
  margin-top: -8px;
}
.ui-accordion .ui-accordion-content {
  padding: 1em 2.2em;
  border-top: 0;
  overflow: auto;
}
.ui-autocomplete {
  position: absolute;
  top: 0;
  left: 0;
  cursor: default;
}
.ui-button {
  display: inline-block;
  position: relative;
  padding: 0;
  line-height: normal;
  margin-right: .1em;
  cursor: pointer;
  vertical-align: middle;
  text-align: center;
  overflow: visible;
  /* removes extra width in IE */
}
.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
  text-decoration: none;
}
/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
  width: 2.2em;
}
/* button elements seem to need a little more width */
button.ui-button-icon-only {
  width: 2.4em;
}
.ui-button-icons-only {
  width: 3.4em;
}
button.ui-button-icons-only {
  width: 3.7em;
}
/* button text element */
.ui-button .ui-button-text {
  display: block;
  line-height: normal;
}
.ui-button-text-only .ui-button-text {
  padding: .4em 1em;
}
.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
  padding: .4em;
  text-indent: -9999999px;
}
.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
  padding: .4em 1em .4em 2.1em;
}
.ui-button-text-icon-secondary .ui-button-text,
.ui-button-text-icons .ui-button-text {
  padding: .4em 2.1em .4em 1em;
}
.ui-button-text-icons .ui-button-text {
  padding-left: 2.1em;
  padding-right: 2.1em;
}
/* no icon support for input elements, provide padding by default */
input.ui-button {
  padding: .4em 1em;
}
/* button icon element(s) */
.ui-button-icon-only .ui-icon,
.ui-button-text-icon-primary .ui-icon,
.ui-button-text-icon-secondary .ui-icon,
.ui-button-text-icons .ui-icon,
.ui-button-icons-only .ui-icon {
  position: absolute;
  top: 50%;
  margin-top: -8px;
}
.ui-button-icon-only .ui-icon {
  left: 50%;
  margin-left: -8px;
}
.ui-button-text-icon-primary .ui-button-icon-primary,
.ui-button-text-icons .ui-button-icon-primary,
.ui-button-icons-only .ui-button-icon-primary {
  left: .5em;
}
.ui-button-text-icon-secondary .ui-button-icon-secondary,
.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
  right: .5em;
}
/* button sets */
.ui-buttonset {
  margin-right: 7px;
}
.ui-buttonset .ui-button {
  margin-left: 0;
  margin-right: -0.3em;
}
/* workarounds */
/* reset extra padding in Firefox, see h5bp.com/l */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
  border: 0;
  padding: 0;
}
.ui-datepicker {
  width: 17em;
  padding: .2em .2em 0;
  display: none;
}
.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 2px;
  width: 1.8em;
  height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
  top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
  left: 2px;
}
.ui-datepicker .ui-datepicker-next {
  right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
  left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
  right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
  width: 49%;
}
.ui-datepicker table {
  width: 100%;
  font-size: .9em;
  border-collapse: collapse;
  margin: 0 0 .4em;
}
.ui-datepicker th {
  padding: .7em .3em;
  text-align: center;
  font-weight: bold;
  border: 0;
}
.ui-datepicker td {
  border: 0;
  padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
  display: block;
  padding: .2em;
  text-align: right;
  text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: .7em 0 0 0;
  padding: 0 .2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: .5em .2em .4em;
  cursor: pointer;
  padding: .2em .6em .3em .6em;
  width: auto;
  overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left;
}
/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
  width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
  float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left;
}
.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0;
}
/* RTL support */
.ui-datepicker-rtl {
  direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
  float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px;
}
.ui-dialog {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  padding: .2em;
  outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
  padding: .4em 1em;
  position: relative;
}
.ui-dialog .ui-dialog-title {
  float: left;
  margin: .1em 0;
  white-space: nowrap;
  width: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
  position: absolute;
  right: .3em;
  top: 50%;
  width: 20px;
  margin: -10px 0 0 0;
  padding: 1px;
  height: 20px;
}
.ui-dialog .ui-dialog-content {
  position: relative;
  border: 0;
  padding: .5em 1em;
  background: none;
  overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane {
  text-align: left;
  border-width: 1px 0 0 0;
  background-image: none;
  margin-top: .5em;
  padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
  margin: .5em .4em .5em 0;
  cursor: pointer;
}
.ui-dialog .ui-resizable-se {
  width: 12px;
  height: 12px;
  right: -5px;
  bottom: -5px;
  background-position: 16px 16px;
}
.ui-draggable .ui-dialog-titlebar {
  cursor: move;
}
.ui-menu {
  list-style: none;
  padding: 0;
  margin: 0;
  display: block;
  outline: none;
}
.ui-menu .ui-menu {
  position: absolute;
}
.ui-menu .ui-menu-item {
  position: relative;
  margin: 0;
  padding: 3px 1em 3px .4em;
  cursor: pointer;
  min-height: 0;
  /* support: IE7 */
  /* support: IE10, see #8844 */
  list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}
.ui-menu .ui-menu-divider {
  margin: 5px 0;
  height: 0;
  font-size: 0;
  line-height: 0;
  border-width: 1px 0 0 0;
}
.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
  margin: -1px;
}
/* icon support */
.ui-menu-icons {
  position: relative;
}
.ui-menu-icons .ui-menu-item {
  padding-left: 2em;
}
/* left-aligned */
.ui-menu .ui-icon {
  position: absolute;
  top: 0;
  bottom: 0;
  left: .2em;
  margin: auto 0;
}
/* right-aligned */
.ui-menu .ui-menu-icon {
  left: auto;
  right: 0;
}
.ui-slider {
  position: relative;
  text-align: left;
}
.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 1.2em;
  height: 1.2em;
  cursor: default;
  -ms-touch-action: none;
  touch-action: none;
}
.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: .7em;
  display: block;
  border: 0;
  background-position: 0 0;
}
/* For IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
  filter: inherit;
}
.ui-slider-horizontal {
  height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
  top: -0.3em;
  margin-left: -0.6em;
}
.ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
  left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
  right: 0;
}
.ui-slider-vertical {
  width: .8em;
  height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
  left: -0.3em;
  margin-left: 0;
  margin-bottom: -0.6em;
}
.ui-slider-vertical .ui-slider-range {
  left: 0;
  width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
  bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
  top: 0;
}
.ui-tabs {
  position: relative;
  /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
  padding: .2em;
}
.ui-tabs .ui-tabs-nav {
  margin: 0;
  padding: .2em .2em 0;
}
.ui-tabs .ui-tabs-nav li {
  list-style: none;
  float: left;
  position: relative;
  top: 0;
  margin: 1px .2em 0 0;
  border-bottom-width: 0;
  padding: 0;
  white-space: nowrap;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
  float: left;
  padding: .5em 1em;
  text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
  margin-bottom: -1px;
  padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
  cursor: text;
}
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
  cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
  display: block;
  border-width: 0;
  padding: 1em 1.4em;
  background: none;
}
.ui-tooltip {
  padding: 8px;
  position: absolute;
  z-index: 9999;
  max-width: 300px;
  -webkit-box-shadow: 0 0 5px #aaa;
  box-shadow: 0 0 5px #aaa;
}
body .ui-tooltip {
  border-width: 2px;
}
body.skin #Top,
body.skin #general {
  max-width: 982px;
  margin: 0 auto;
}
body.skin #general .container-inner {
  width: 90%;
}
body.skin .module-slider .slider-visor .customPagination {
  padding: 0 5%;
}
#general {
  overflow: hidden;
}
#Top {
  text-align: center;
}
#Top.visible {
  text-align: center;
  background: #f1f1f1;
  border-bottom: 1px solid #fff;
  overflow: hidden;
  /*padding: 20px 0;*/
  letter-spacing: -0.2em;
}
#Top.visible * {
  letter-spacing: 0;
}
#Top.visible object,
#Top.visible iframe {
  display: block;
  margin: 0 auto;
}
/*#Top.visible:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 400;
  font-size: 0.688em;
  text-transform: uppercase;
  border: solid #e8e8e8;
  border-width: 1px 0 1px 1px;
  background-image: url('_gfx/publi@2x.png');
  width: 26px;
  height: 88px;
  background-size: 26px 88px;
  background-size: cover;
}*/
#ie8 #Top.visible:before {
  background-image: url('publi.png');
}
#Top #Top_ad_container {
  display: inline-block;
  vertical-align: middle;
}
#Middle1 > div {
  display: block;
}
.publi object,
.publi2 object,
.publi iframe,
.publi2 iframe {
  display: block;
}
@media only screen and (min-width: 112.5em) {
  body.skin .module-slider .slider-visor {
    padding-top: 340px;
  }
}
@media only screen and (max-width: 1116px) {
  body.skin #general .container-inner {
    width: auto;
  }
}
/* == Universia - Dónde quieres estudiar - Mixins genéricos == */
/* =====================

Generador del contenedor

===================== */
.container-inner {
  width: 100%;
  max-width: 1040px;
  margin: auto;
}
.container-inner:after {
  content: "";
  display: block;
  clear: both;
}
/* == Tweakpoint: Small Desktop == */
@media only screen and (max-width: 1116px) {
  .container-inner {
    margin-left: 38px;
    margin-right: 38px;
    width: auto;
  }
}
/* == Breakpoint: Tablet == */
@media only screen and (max-width: 900px) {
  .container-inner {
    margin-left: 38px;
    margin-right: 38px;
  }
}
/* == Breakpoint: Mobile == */
@media only screen and (max-width: 640px) {
  .container-inner {
    margin-left: 10px;
    margin-right: 10px;
  }
}
/* == Breakpoint: Small Mobile == */
@media only screen and (max-width: 320px) {
  .container-inner {
    margin-left: 10px;
    margin-right: 10px;
  }
}
/* ===================

Generador de clases

=================== */
.col1 {
  width: 5.86538462%;
  margin-right: 2.69230769%;
}
.col1.last-col {
  margin-right: 0;
}
.col1 .col1 {
  width: 100%;
  margin-right: 32.30769231%;
}
.col1 .col1.last-col {
  margin-right: 0;
}
.col2 {
  width: 14.42307692%;
  margin-right: 2.69230769%;
}
.col2.last-col {
  margin-right: 0;
}
.col2 .col2 {
  width: 100%;
  margin-right: 16.15384615%;
}
.col2 .col2.last-col {
  margin-right: 0;
}
.col2 .col1 {
  width: 41.92307692%;
  margin-right: 16.15384615%;
}
.col2 .col1.last-col {
  margin-right: 0;
}
.col3 {
  width: 22.98076923%;
  margin-right: 2.69230769%;
}
.col3.last-col {
  margin-right: 0;
}
.col3 .col3 {
  width: 100%;
  margin-right: 10.76923077%;
}
.col3 .col3.last-col {
  margin-right: 0;
}
.col3 .col2 {
  width: 63.07692308%;
  margin-right: 10.76923077%;
}
.col3 .col2.last-col {
  margin-right: 0;
}
.col3 .col1 {
  width: 26.15384615%;
  margin-right: 10.76923077%;
}
.col3 .col1.last-col {
  margin-right: 0;
}
.col4 {
  width: 31.53846154%;
  margin-right: 2.69230769%;
}
.col4.last-col {
  margin-right: 0;
}
.col4 .col4 {
  width: 100%;
  margin-right: 8.07692308%;
}
.col4 .col4.last-col {
  margin-right: 0;
}
.col4 .col3 {
  width: 72.98076923%;
  margin-right: 8.07692308%;
}
.col4 .col3.last-col {
  margin-right: 0;
}
.col4 .col2 {
  width: 45.96153846%;
  margin-right: 8.07692308%;
}
.col4 .col2.last-col {
  margin-right: 0;
}
.col4 .col1 {
  width: 18.94230769%;
  margin-right: 8.07692308%;
}
.col4 .col1.last-col {
  margin-right: 0;
}
.col5 {
  width: 40.09615385%;
  margin-right: 2.69230769%;
}
.col5.last-col {
  margin-right: 0;
}
.col5 .col5 {
  width: 100%;
  margin-right: 6.46153846%;
}
.col5 .col5.last-col {
  margin-right: 0;
}
.col5 .col4 {
  width: 78.70769231%;
  margin-right: 6.46153846%;
}
.col5 .col4.last-col {
  margin-right: 0;
}
.col5 .col3 {
  width: 57.41538462%;
  margin-right: 6.46153846%;
}
.col5 .col3.last-col {
  margin-right: 0;
}
.col5 .col2 {
  width: 36.12307692%;
  margin-right: 6.46153846%;
}
.col5 .col2.last-col {
  margin-right: 0;
}
.col5 .col1 {
  width: 14.83076923%;
  margin-right: 6.46153846%;
}
.col5 .col1.last-col {
  margin-right: 0;
}
.col6 {
  width: 48.65384615%;
  margin-right: 2.69230769%;
}
.col6.last-col {
  margin-right: 0;
}
.col6 .col6 {
  width: 100%;
  margin-right: 5.38461538%;
}
.col6 .col6.last-col {
  margin-right: 0;
}
.col6 .col5 {
  width: 82.43589744%;
  margin-right: 5.38461538%;
}
.col6 .col5.last-col {
  margin-right: 0;
}
.col6 .col4 {
  width: 64.87179487%;
  margin-right: 5.38461538%;
}
.col6 .col4.last-col {
  margin-right: 0;
}
.col6 .col3 {
  width: 47.30769231%;
  margin-right: 5.38461538%;
}
.col6 .col3.last-col {
  margin-right: 0;
}
.col6 .col2 {
  width: 29.74358974%;
  margin-right: 5.38461538%;
}
.col6 .col2.last-col {
  margin-right: 0;
}
.col6 .col1 {
  width: 12.17948718%;
  margin-right: 5.38461538%;
}
.col6 .col1.last-col {
  margin-right: 0;
}
.col7 {
  width: 57.21153846%;
  margin-right: 2.69230769%;
}
.col7.last-col {
  margin-right: 0;
}
.col7 .col7 {
  width: 100%;
  margin-right: 4.61538462%;
}
.col7 .col7.last-col {
  margin-right: 0;
}
.col7 .col6 {
  width: 85.05494505%;
  margin-right: 4.61538462%;
}
.col7 .col6.last-col {
  margin-right: 0;
}
.col7 .col5 {
  width: 70.10989011%;
  margin-right: 4.61538462%;
}
.col7 .col5.last-col {
  margin-right: 0;
}
.col7 .col4 {
  width: 55.16483516%;
  margin-right: 4.61538462%;
}
.col7 .col4.last-col {
  margin-right: 0;
}
.col7 .col3 {
  width: 40.21978022%;
  margin-right: 4.61538462%;
}
.col7 .col3.last-col {
  margin-right: 0;
}
.col7 .col2 {
  width: 25.27472527%;
  margin-right: 4.61538462%;
}
.col7 .col2.last-col {
  margin-right: 0;
}
.col7 .col1 {
  width: 10.32967033%;
  margin-right: 4.61538462%;
}
.col7 .col1.last-col {
  margin-right: 0;
}
.col8 {
  width: 65.76923077%;
  margin-right: 2.69230769%;
}
.col8.last-col {
  margin-right: 0;
}
.col8 .col8 {
  width: 100%;
  margin-right: 4.03846154%;
}
.col8 .col8.last-col {
  margin-right: 0;
}
.col8 .col7 {
  width: 86.99519231%;
  margin-right: 4.03846154%;
}
.col8 .col7.last-col {
  margin-right: 0;
}
.col8 .col6 {
  width: 73.99038462%;
  margin-right: 4.03846154%;
}
.col8 .col6.last-col {
  margin-right: 0;
}
.col8 .col5 {
  width: 60.98557692%;
  margin-right: 4.03846154%;
}
.col8 .col5.last-col {
  margin-right: 0;
}
.col8 .col4 {
  width: 47.98076923%;
  margin-right: 4.03846154%;
}
.col8 .col4.last-col {
  margin-right: 0;
}
.col8 .col3 {
  width: 34.97596154%;
  margin-right: 4.03846154%;
}
.col8 .col3.last-col {
  margin-right: 0;
}
.col8 .col2 {
  width: 21.97115385%;
  margin-right: 4.03846154%;
}
.col8 .col2.last-col {
  margin-right: 0;
}
.col8 .col1 {
  width: 8.96634615%;
  margin-right: 4.03846154%;
}
.col8 .col1.last-col {
  margin-right: 0;
}
.col9 {
  width: 74.32692308%;
  margin-right: 2.69230769%;
}
.col9.last-col {
  margin-right: 0;
}
.col9 .col9 {
  width: 100%;
  margin-right: 3.58974359%;
}
.col9 .col9.last-col {
  margin-right: 0;
}
.col9 .col8 {
  width: 88.49002849%;
  margin-right: 3.58974359%;
}
.col9 .col8.last-col {
  margin-right: 0;
}
.col9 .col7 {
  width: 76.98005698%;
  margin-right: 3.58974359%;
}
.col9 .col7.last-col {
  margin-right: 0;
}
.col9 .col6 {
  width: 65.47008547%;
  margin-right: 3.58974359%;
}
.col9 .col6.last-col {
  margin-right: 0;
}
.col9 .col5 {
  width: 53.96011396%;
  margin-right: 3.58974359%;
}
.col9 .col5.last-col {
  margin-right: 0;
}
.col9 .col4 {
  width: 42.45014245%;
  margin-right: 3.58974359%;
}
.col9 .col4.last-col {
  margin-right: 0;
}
.col9 .col3 {
  width: 30.94017094%;
  margin-right: 3.58974359%;
}
.col9 .col3.last-col {
  margin-right: 0;
}
.col9 .col2 {
  width: 19.43019943%;
  margin-right: 3.58974359%;
}
.col9 .col2.last-col {
  margin-right: 0;
}
.col9 .col1 {
  width: 7.92022792%;
  margin-right: 3.58974359%;
}
.col9 .col1.last-col {
  margin-right: 0;
}
.col10 {
  width: 82.88461538%;
  margin-right: 2.69230769%;
}
.col10.last-col {
  margin-right: 0;
}
.col10 .col10 {
  width: 100%;
  margin-right: 3.23076923%;
}
.col10 .col10.last-col {
  margin-right: 0;
}
.col10 .col9 {
  width: 89.67692308%;
  margin-right: 3.23076923%;
}
.col10 .col9.last-col {
  margin-right: 0;
}
.col10 .col8 {
  width: 79.35384615%;
  margin-right: 3.23076923%;
}
.col10 .col8.last-col {
  margin-right: 0;
}
.col10 .col7 {
  width: 69.03076923%;
  margin-right: 3.23076923%;
}
.col10 .col7.last-col {
  margin-right: 0;
}
.col10 .col6 {
  width: 58.70769231%;
  margin-right: 3.23076923%;
}
.col10 .col6.last-col {
  margin-right: 0;
}
.col10 .col5 {
  width: 48.38461538%;
  margin-right: 3.23076923%;
}
.col10 .col5.last-col {
  margin-right: 0;
}
.col10 .col4 {
  width: 38.06153846%;
  margin-right: 3.23076923%;
}
.col10 .col4.last-col {
  margin-right: 0;
}
.col10 .col3 {
  width: 27.73846154%;
  margin-right: 3.23076923%;
}
.col10 .col3.last-col {
  margin-right: 0;
}
.col10 .col2 {
  width: 17.41538462%;
  margin-right: 3.23076923%;
}
.col10 .col2.last-col {
  margin-right: 0;
}
.col10 .col1 {
  width: 7.09230769%;
  margin-right: 3.23076923%;
}
.col10 .col1.last-col {
  margin-right: 0;
}
.col11 {
  width: 91.44230769%;
  margin-right: 2.69230769%;
}
.col11.last-col {
  margin-right: 0;
}
.col11 .col11 {
  width: 100%;
  margin-right: 2.93706294%;
}
.col11 .col11.last-col {
  margin-right: 0;
}
.col11 .col10 {
  width: 90.64208519%;
  margin-right: 2.93706294%;
}
.col11 .col10.last-col {
  margin-right: 0;
}
.col11 .col9 {
  width: 81.28417038%;
  margin-right: 2.93706294%;
}
.col11 .col9.last-col {
  margin-right: 0;
}
.col11 .col8 {
  width: 71.92625556%;
  margin-right: 2.93706294%;
}
.col11 .col8.last-col {
  margin-right: 0;
}
.col11 .col7 {
  width: 62.56834075%;
  margin-right: 2.93706294%;
}
.col11 .col7.last-col {
  margin-right: 0;
}
.col11 .col6 {
  width: 53.21042594%;
  margin-right: 2.93706294%;
}
.col11 .col6.last-col {
  margin-right: 0;
}
.col11 .col5 {
  width: 43.85251113%;
  margin-right: 2.93706294%;
}
.col11 .col5.last-col {
  margin-right: 0;
}
.col11 .col4 {
  width: 34.49459631%;
  margin-right: 2.93706294%;
}
.col11 .col4.last-col {
  margin-right: 0;
}
.col11 .col3 {
  width: 25.1366815%;
  margin-right: 2.93706294%;
}
.col11 .col3.last-col {
  margin-right: 0;
}
.col11 .col2 {
  width: 15.77876669%;
  margin-right: 2.93706294%;
}
.col11 .col2.last-col {
  margin-right: 0;
}
.col11 .col1 {
  width: 6.42085188%;
  margin-right: 2.93706294%;
}
.col11 .col1.last-col {
  margin-right: 0;
}
.col12 {
  width: 100%;
  margin-right: 2.69230769%;
}
.col12.last-col {
  margin-right: 0;
}
.col12 .col12 {
  width: 100%;
  margin-right: 2.69230769%;
}
.col12 .col12.last-col {
  margin-right: 0;
}
.col12 .col11 {
  width: 91.44230769%;
  margin-right: 2.69230769%;
}
.col12 .col11.last-col {
  margin-right: 0;
}
.col12 .col10 {
  width: 82.88461538%;
  margin-right: 2.69230769%;
}
.col12 .col10.last-col {
  margin-right: 0;
}
.col12 .col9 {
  width: 74.32692308%;
  margin-right: 2.69230769%;
}
.col12 .col9.last-col {
  margin-right: 0;
}
.col12 .col8 {
  width: 65.76923077%;
  margin-right: 2.69230769%;
}
.col12 .col8.last-col {
  margin-right: 0;
}
.col12 .col7 {
  width: 57.21153846%;
  margin-right: 2.69230769%;
}
.col12 .col7.last-col {
  margin-right: 0;
}
.col12 .col6 {
  width: 48.65384615%;
  margin-right: 2.69230769%;
}
.col12 .col6.last-col {
  margin-right: 0;
}
.col12 .col5 {
  width: 40.09615385%;
  margin-right: 2.69230769%;
}
.col12 .col5.last-col {
  margin-right: 0;
}
.col12 .col4 {
  width: 31.53846154%;
  margin-right: 2.69230769%;
}
.col12 .col4.last-col {
  margin-right: 0;
}
.col12 .col3 {
  width: 22.98076923%;
  margin-right: 2.69230769%;
}
.col12 .col3.last-col {
  margin-right: 0;
}
.col12 .col2 {
  width: 14.42307692%;
  margin-right: 2.69230769%;
}
.col12 .col2.last-col {
  margin-right: 0;
}
.col12 .col1 {
  width: 5.86538462%;
  margin-right: 2.69230769%;
}
.col12 .col1.last-col {
  margin-right: 0;
}
/* == Tweakpoint: Small Desktop == */
@media only screen and (max-width: 1040px) {
  .col1 {
    width: 5.67081604%;
    margin-right: 2.90456432%;
  }
  .col1 .col1 {
    width: 100%;
    margin-right: 262.5%;
  }
  .col1 .col1.last-col {
    margin-right: 0;
  }
  .col1.last-col {
    margin-right: 0;
  }
  .col2 {
    width: 14.2461964%;
    margin-right: 2.90456432%;
  }
  .col2 .col2 {
    width: 100%;
    margin-right: 28.76712329%;
  }
  .col2 .col2.last-col {
    margin-right: 0;
  }
  .col2 .col1 {
    width: 35.61643836%;
    margin-right: 28.76712329%;
  }
  .col2 .col1.last-col {
    margin-right: 0;
  }
  .col2.last-col {
    margin-right: 0;
  }
  .col3 {
    width: 22.82157676%;
    margin-right: 2.90456432%;
  }
  .col3 .col3 {
    width: 100%;
    margin-right: 15.2173913%;
  }
  .col3 .col3.last-col {
    margin-right: 0;
  }
  .col3 .col2 {
    width: 61.5942029%;
    margin-right: 15.2173913%;
  }
  .col3 .col2.last-col {
    margin-right: 0;
  }
  .col3 .col1 {
    width: 23.1884058%;
    margin-right: 15.2173913%;
  }
  .col3 .col1.last-col {
    margin-right: 0;
  }
  .col3.last-col {
    margin-right: 0;
  }
  .col4 {
    width: 31.39695712%;
    margin-right: 2.90456432%;
  }
  .col4 .col4 {
    width: 100%;
    margin-right: 10.34482759%;
  }
  .col4 .col4.last-col {
    margin-right: 0;
  }
  .col4 .col3 {
    width: 72.4137931%;
    margin-right: 10.34482759%;
  }
  .col4 .col3.last-col {
    margin-right: 0;
  }
  .col4 .col2 {
    width: 44.82758621%;
    margin-right: 10.34482759%;
  }
  .col4 .col2.last-col {
    margin-right: 0;
  }
  .col4 .col1 {
    width: 17.24137931%;
    margin-right: 10.34482759%;
  }
  .col4 .col1.last-col {
    margin-right: 0;
  }
  .col4.last-col {
    margin-right: 0;
  }
  .col5 {
    width: 39.97233748%;
    margin-right: 2.90456432%;
  }
  .col5 .col5 {
    width: 100%;
    margin-right: 7.8358209%;
  }
  .col5 .col5.last-col {
    margin-right: 0;
  }
  .col5 .col4 {
    width: 78.43283582%;
    margin-right: 7.8358209%;
  }
  .col5 .col4.last-col {
    margin-right: 0;
  }
  .col5 .col3 {
    width: 56.86567164%;
    margin-right: 7.8358209%;
  }
  .col5 .col3.last-col {
    margin-right: 0;
  }
  .col5 .col2 {
    width: 35.29850746%;
    margin-right: 7.8358209%;
  }
  .col5 .col2.last-col {
    margin-right: 0;
  }
  .col5 .col1 {
    width: 13.73134328%;
    margin-right: 7.8358209%;
  }
  .col5 .col1.last-col {
    margin-right: 0;
  }
  .col5.last-col {
    margin-right: 0;
  }
  .col6 {
    width: 48.54771784%;
    margin-right: 2.90456432%;
  }
  .col6 .col6 {
    width: 100%;
    margin-right: 6.30630631%;
  }
  .col6 .col6.last-col {
    margin-right: 0;
  }
  .col6 .col5 {
    width: 82.28228228%;
    margin-right: 6.30630631%;
  }
  .col6 .col5.last-col {
    margin-right: 0;
  }
  .col6 .col4 {
    width: 64.56456456%;
    margin-right: 6.30630631%;
  }
  .col6 .col4.last-col {
    margin-right: 0;
  }
  .col6 .col3 {
    width: 46.84684685%;
    margin-right: 6.30630631%;
  }
  .col6 .col3.last-col {
    margin-right: 0;
  }
  .col6 .col2 {
    width: 29.12912913%;
    margin-right: 6.30630631%;
  }
  .col6 .col2.last-col {
    margin-right: 0;
  }
  .col6 .col1 {
    width: 11.41141141%;
    margin-right: 6.30630631%;
  }
  .col6 .col1.last-col {
    margin-right: 0;
  }
  .col6.last-col {
    margin-right: 0;
  }
  .col7 {
    width: 57.1230982%;
    margin-right: 2.90456432%;
  }
  .col7 .col7 {
    width: 100%;
    margin-right: 5.27638191%;
  }
  .col7 .col7.last-col {
    margin-right: 0;
  }
  .col7 .col6 {
    width: 84.96051687%;
    margin-right: 5.27638191%;
  }
  .col7 .col6.last-col {
    margin-right: 0;
  }
  .col7 .col5 {
    width: 69.92103374%;
    margin-right: 5.27638191%;
  }
  .col7 .col5.last-col {
    margin-right: 0;
  }
  .col7 .col4 {
    width: 54.88155061%;
    margin-right: 5.27638191%;
  }
  .col7 .col4.last-col {
    margin-right: 0;
  }
  .col7 .col3 {
    width: 39.84206748%;
    margin-right: 5.27638191%;
  }
  .col7 .col3.last-col {
    margin-right: 0;
  }
  .col7 .col2 {
    width: 24.80258435%;
    margin-right: 5.27638191%;
  }
  .col7 .col2.last-col {
    margin-right: 0;
  }
  .col7 .col1 {
    width: 9.76310122%;
    margin-right: 5.27638191%;
  }
  .col7 .col1.last-col {
    margin-right: 0;
  }
  .col7.last-col {
    margin-right: 0;
  }
  .col8 {
    width: 65.69847856%;
    margin-right: 2.90456432%;
  }
  .col8 .col8 {
    width: 100%;
    margin-right: 4.53563715%;
  }
  .col8 .col8.last-col {
    margin-right: 0;
  }
  .col8 .col7 {
    width: 86.93304536%;
    margin-right: 4.53563715%;
  }
  .col8 .col7.last-col {
    margin-right: 0;
  }
  .col8 .col6 {
    width: 73.86609071%;
    margin-right: 4.53563715%;
  }
  .col8 .col6.last-col {
    margin-right: 0;
  }
  .col8 .col5 {
    width: 60.79913607%;
    margin-right: 4.53563715%;
  }
  .col8 .col5.last-col {
    margin-right: 0;
  }
  .col8 .col4 {
    width: 47.73218143%;
    margin-right: 4.53563715%;
  }
  .col8 .col4.last-col {
    margin-right: 0;
  }
  .col8 .col3 {
    width: 34.66522678%;
    margin-right: 4.53563715%;
  }
  .col8 .col3.last-col {
    margin-right: 0;
  }
  .col8 .col2 {
    width: 21.59827214%;
    margin-right: 4.53563715%;
  }
  .col8 .col2.last-col {
    margin-right: 0;
  }
  .col8 .col1 {
    width: 8.53131749%;
    margin-right: 4.53563715%;
  }
  .col8 .col1.last-col {
    margin-right: 0;
  }
  .col8.last-col {
    margin-right: 0;
  }
  .col9 {
    width: 74.27385892%;
    margin-right: 2.90456432%;
  }
  .col9 .col9 {
    width: 100%;
    margin-right: 3.97727273%;
  }
  .col9 .col9.last-col {
    margin-right: 0;
  }
  .col9 .col8 {
    width: 88.4469697%;
    margin-right: 3.97727273%;
  }
  .col9 .col8.last-col {
    margin-right: 0;
  }
  .col9 .col7 {
    width: 76.89393939%;
    margin-right: 3.97727273%;
  }
  .col9 .col7.last-col {
    margin-right: 0;
  }
  .col9 .col6 {
    width: 65.34090909%;
    margin-right: 3.97727273%;
  }
  .col9 .col6.last-col {
    margin-right: 0;
  }
  .col9 .col5 {
    width: 53.78787879%;
    margin-right: 3.97727273%;
  }
  .col9 .col5.last-col {
    margin-right: 0;
  }
  .col9 .col4 {
    width: 42.23484848%;
    margin-right: 3.97727273%;
  }
  .col9 .col4.last-col {
    margin-right: 0;
  }
  .col9 .col3 {
    width: 30.68181818%;
    margin-right: 3.97727273%;
  }
  .col9 .col3.last-col {
    margin-right: 0;
  }
  .col9 .col2 {
    width: 19.12878788%;
    margin-right: 3.97727273%;
  }
  .col9 .col2.last-col {
    margin-right: 0;
  }
  .col9 .col1 {
    width: 7.57575758%;
    margin-right: 3.97727273%;
  }
  .col9 .col1.last-col {
    margin-right: 0;
  }
  .col9.last-col {
    margin-right: 0;
  }
  .col10 {
    width: 82.84923928%;
    margin-right: 2.90456432%;
  }
  .col10 .col10 {
    width: 100%;
    margin-right: 3.54131535%;
  }
  .col10 .col10.last-col {
    margin-right: 0;
  }
  .col10 .col9 {
    width: 89.64586847%;
    margin-right: 3.54131535%;
  }
  .col10 .col9.last-col {
    margin-right: 0;
  }
  .col10 .col8 {
    width: 79.29173693%;
    margin-right: 3.54131535%;
  }
  .col10 .col8.last-col {
    margin-right: 0;
  }
  .col10 .col7 {
    width: 68.9376054%;
    margin-right: 3.54131535%;
  }
  .col10 .col7.last-col {
    margin-right: 0;
  }
  .col10 .col6 {
    width: 58.58347386%;
    margin-right: 3.54131535%;
  }
  .col10 .col6.last-col {
    margin-right: 0;
  }
  .col10 .col5 {
    width: 48.22934233%;
    margin-right: 3.54131535%;
  }
  .col10 .col5.last-col {
    margin-right: 0;
  }
  .col10 .col4 {
    width: 37.87521079%;
    margin-right: 3.54131535%;
  }
  .col10 .col4.last-col {
    margin-right: 0;
  }
  .col10 .col3 {
    width: 27.52107926%;
    margin-right: 3.54131535%;
  }
  .col10 .col3.last-col {
    margin-right: 0;
  }
  .col10 .col2 {
    width: 17.16694772%;
    margin-right: 3.54131535%;
  }
  .col10 .col2.last-col {
    margin-right: 0;
  }
  .col10 .col1 {
    width: 6.81281619%;
    margin-right: 3.54131535%;
  }
  .col10 .col1.last-col {
    margin-right: 0;
  }
  .col10.last-col {
    margin-right: 0;
  }
  .col11 {
    width: 91.42461964%;
    margin-right: 2.90456432%;
  }
  .col11 .col11 {
    width: 100%;
    margin-right: 3.19148936%;
  }
  .col11 .col11.last-col {
    margin-right: 0;
  }
  .col11 .col10 {
    width: 90.61895551%;
    margin-right: 3.19148936%;
  }
  .col11 .col10.last-col {
    margin-right: 0;
  }
  .col11 .col9 {
    width: 81.23791103%;
    margin-right: 3.19148936%;
  }
  .col11 .col9.last-col {
    margin-right: 0;
  }
  .col11 .col8 {
    width: 71.85686654%;
    margin-right: 3.19148936%;
  }
  .col11 .col8.last-col {
    margin-right: 0;
  }
  .col11 .col7 {
    width: 62.47582205%;
    margin-right: 3.19148936%;
  }
  .col11 .col7.last-col {
    margin-right: 0;
  }
  .col11 .col6 {
    width: 53.09477756%;
    margin-right: 3.19148936%;
  }
  .col11 .col6.last-col {
    margin-right: 0;
  }
  .col11 .col5 {
    width: 43.71373308%;
    margin-right: 3.19148936%;
  }
  .col11 .col5.last-col {
    margin-right: 0;
  }
  .col11 .col4 {
    width: 34.33268859%;
    margin-right: 3.19148936%;
  }
  .col11 .col4.last-col {
    margin-right: 0;
  }
  .col11 .col3 {
    width: 24.9516441%;
    margin-right: 3.19148936%;
  }
  .col11 .col3.last-col {
    margin-right: 0;
  }
  .col11 .col2 {
    width: 15.57059961%;
    margin-right: 3.19148936%;
  }
  .col11 .col2.last-col {
    margin-right: 0;
  }
  .col11 .col1 {
    width: 6.18955513%;
    margin-right: 3.19148936%;
  }
  .col11 .col1.last-col {
    margin-right: 0;
  }
  .col11.last-col {
    margin-right: 0;
  }
  .col12 {
    width: 100%;
    margin-right: 2.90456432%;
  }
  .col12 .col12 {
    width: 100%;
    margin-right: 2.90456432%;
  }
  .col12 .col12.last-col {
    margin-right: 0;
  }
  .col12 .col11 {
    width: 91.42461964%;
    margin-right: 2.90456432%;
  }
  .col12 .col11.last-col {
    margin-right: 0;
  }
  .col12 .col10 {
    width: 82.84923928%;
    margin-right: 2.90456432%;
  }
  .col12 .col10.last-col {
    margin-right: 0;
  }
  .col12 .col9 {
    width: 74.27385892%;
    margin-right: 2.90456432%;
  }
  .col12 .col9.last-col {
    margin-right: 0;
  }
  .col12 .col8 {
    width: 65.69847856%;
    margin-right: 2.90456432%;
  }
  .col12 .col8.last-col {
    margin-right: 0;
  }
  .col12 .col7 {
    width: 57.1230982%;
    margin-right: 2.90456432%;
  }
  .col12 .col7.last-col {
    margin-right: 0;
  }
  .col12 .col6 {
    width: 48.54771784%;
    margin-right: 2.90456432%;
  }
  .col12 .col6.last-col {
    margin-right: 0;
  }
  .col12 .col5 {
    width: 39.97233748%;
    margin-right: 2.90456432%;
  }
  .col12 .col5.last-col {
    margin-right: 0;
  }
  .col12 .col4 {
    width: 31.39695712%;
    margin-right: 2.90456432%;
  }
  .col12 .col4.last-col {
    margin-right: 0;
  }
  .col12 .col3 {
    width: 22.82157676%;
    margin-right: 2.90456432%;
  }
  .col12 .col3.last-col {
    margin-right: 0;
  }
  .col12 .col2 {
    width: 14.2461964%;
    margin-right: 2.90456432%;
  }
  .col12 .col2.last-col {
    margin-right: 0;
  }
  .col12 .col1 {
    width: 5.67081604%;
    margin-right: 2.90456432%;
  }
  .col12 .col1.last-col {
    margin-right: 0;
  }
  .col12.last-col {
    margin-right: 0;
  }
}
/* == Breakpoint: Tablet == */
@media only screen and (max-width: 900px) {
  .col1-md {
    width: 9.52669903%;
    margin-right: 3.39805825%;
  }
  .col1-md .col1-md {
    width: 100%;
    margin-right: 76.71232877%;
  }
  .col1-md .col1-md.last-col {
    margin-right: 0;
  }
  .col1-md.last-col {
    margin-right: 0;
  }
  .col2-md {
    width: 22.45145631%;
    margin-right: 3.39805825%;
  }
  .col2-md .col2-md {
    width: 100%;
    margin-right: 18.79194631%;
  }
  .col2-md .col2-md.last-col {
    margin-right: 0;
  }
  .col2-md .col1-md {
    width: 40.60402685%;
    margin-right: 18.79194631%;
  }
  .col2-md .col1-md.last-col {
    margin-right: 0;
  }
  .col2-md.last-col {
    margin-right: 0;
  }
  .col3-md {
    width: 35.37621359%;
    margin-right: 3.39805825%;
  }
  .col3-md .col3-md {
    width: 100%;
    margin-right: 10.70745698%;
  }
  .col3-md .col3-md.last-col {
    margin-right: 0;
  }
  .col3-md .col2-md {
    width: 63.09751434%;
    margin-right: 10.70745698%;
  }
  .col3-md .col2-md.last-col {
    margin-right: 0;
  }
  .col3-md .col1-md {
    width: 26.19502868%;
    margin-right: 10.70745698%;
  }
  .col3-md .col1-md.last-col {
    margin-right: 0;
  }
  .col3-md.last-col {
    margin-right: 0;
  }
  .col4-md {
    width: 48.30097087%;
    margin-right: 3.39805825%;
  }
  .col4-md .col4-md {
    width: 100%;
    margin-right: 7.48663102%;
  }
  .col4-md .col4-md.last-col {
    margin-right: 0;
  }
  .col4-md .col3-md {
    width: 73.12834225%;
    margin-right: 7.48663102%;
  }
  .col4-md .col3-md.last-col {
    margin-right: 0;
  }
  .col4-md .col2-md {
    width: 46.25668449%;
    margin-right: 7.48663102%;
  }
  .col4-md .col2-md.last-col {
    margin-right: 0;
  }
  .col4-md .col1-md {
    width: 19.38502674%;
    margin-right: 7.48663102%;
  }
  .col4-md .col1-md.last-col {
    margin-right: 0;
  }
  .col4-md.last-col {
    margin-right: 0;
  }
  .col5-md {
    width: 61.22572816%;
    margin-right: 3.39805825%;
  }
  .col5-md .col5-md {
    width: 100%;
    margin-right: 5.75539568%;
  }
  .col5-md .col5-md.last-col {
    margin-right: 0;
  }
  .col5-md .col4-md {
    width: 78.84892086%;
    margin-right: 5.75539568%;
  }
  .col5-md .col4-md.last-col {
    margin-right: 0;
  }
  .col5-md .col3-md {
    width: 57.69784173%;
    margin-right: 5.75539568%;
  }
  .col5-md .col3-md.last-col {
    margin-right: 0;
  }
  .col5-md .col2-md {
    width: 36.54676259%;
    margin-right: 5.75539568%;
  }
  .col5-md .col2-md.last-col {
    margin-right: 0;
  }
  .col5-md .col1-md {
    width: 15.39568345%;
    margin-right: 5.75539568%;
  }
  .col5-md .col1-md.last-col {
    margin-right: 0;
  }
  .col5-md.last-col {
    margin-right: 0;
  }
  .col6-md {
    width: 74.15048544%;
    margin-right: 3.39805825%;
  }
  .col6-md .col6-md {
    width: 100%;
    margin-right: 4.67445743%;
  }
  .col6-md .col6-md.last-col {
    margin-right: 0;
  }
  .col6-md .col5-md {
    width: 82.5542571%;
    margin-right: 4.67445743%;
  }
  .col6-md .col5-md.last-col {
    margin-right: 0;
  }
  .col6-md .col4-md {
    width: 65.10851419%;
    margin-right: 4.67445743%;
  }
  .col6-md .col4-md.last-col {
    margin-right: 0;
  }
  .col6-md .col3-md {
    width: 47.66277129%;
    margin-right: 4.67445743%;
  }
  .col6-md .col3-md.last-col {
    margin-right: 0;
  }
  .col6-md .col2-md {
    width: 30.21702838%;
    margin-right: 4.67445743%;
  }
  .col6-md .col2-md.last-col {
    margin-right: 0;
  }
  .col6-md .col1-md {
    width: 12.77128548%;
    margin-right: 4.67445743%;
  }
  .col6-md .col1-md.last-col {
    margin-right: 0;
  }
  .col6-md.last-col {
    margin-right: 0;
  }
  .col7-md {
    width: 87.07524272%;
    margin-right: 3.39805825%;
  }
  .col7-md .col7-md {
    width: 100%;
    margin-right: 3.93534786%;
  }
  .col7-md .col7-md.last-col {
    margin-right: 0;
  }
  .col7-md .col6-md {
    width: 85.15209316%;
    margin-right: 3.93534786%;
  }
  .col7-md .col6-md.last-col {
    margin-right: 0;
  }
  .col7-md .col5-md {
    width: 70.30418633%;
    margin-right: 3.93534786%;
  }
  .col7-md .col5-md.last-col {
    margin-right: 0;
  }
  .col7-md .col4-md {
    width: 55.45627949%;
    margin-right: 3.93534786%;
  }
  .col7-md .col4-md.last-col {
    margin-right: 0;
  }
  .col7-md .col3-md {
    width: 40.60837265%;
    margin-right: 3.93534786%;
  }
  .col7-md .col3-md.last-col {
    margin-right: 0;
  }
  .col7-md .col2-md {
    width: 25.76046582%;
    margin-right: 3.93534786%;
  }
  .col7-md .col2-md.last-col {
    margin-right: 0;
  }
  .col7-md .col1-md {
    width: 10.91255898%;
    margin-right: 3.93534786%;
  }
  .col7-md .col1-md.last-col {
    margin-right: 0;
  }
  .col7-md.last-col {
    margin-right: 0;
  }
  .col8-md {
    width: 100%;
    margin-right: 3.39805825%;
  }
  .col8-md .col8-md {
    width: 100%;
    margin-right: 3.39805825%;
  }
  .col8-md .col8-md.last-col {
    margin-right: 0;
  }
  .col8-md .col7-md {
    width: 87.07524272%;
    margin-right: 3.39805825%;
  }
  .col8-md .col7-md.last-col {
    margin-right: 0;
  }
  .col8-md .col6-md {
    width: 74.15048544%;
    margin-right: 3.39805825%;
  }
  .col8-md .col6-md.last-col {
    margin-right: 0;
  }
  .col8-md .col5-md {
    width: 61.22572816%;
    margin-right: 3.39805825%;
  }
  .col8-md .col5-md.last-col {
    margin-right: 0;
  }
  .col8-md .col4-md {
    width: 48.30097087%;
    margin-right: 3.39805825%;
  }
  .col8-md .col4-md.last-col {
    margin-right: 0;
  }
  .col8-md .col3-md {
    width: 35.37621359%;
    margin-right: 3.39805825%;
  }
  .col8-md .col3-md.last-col {
    margin-right: 0;
  }
  .col8-md .col2-md {
    width: 22.45145631%;
    margin-right: 3.39805825%;
  }
  .col8-md .col2-md.last-col {
    margin-right: 0;
  }
  .col8-md .col1-md {
    width: 9.52669903%;
    margin-right: 3.39805825%;
  }
  .col8-md .col1-md.last-col {
    margin-right: 0;
  }
  .col8-md.last-col {
    margin-right: 0;
  }
  .col1-md-sub {
    width: 31.06796117%;
    margin-right: 3.39805825%;
  }
  .col1-md-sub .col1-md-sub {
    width: 100%;
    margin-right: 12.5%;
  }
  .col1-md-sub .col1-md-sub.last-col {
    margin-right: 0;
  }
  .col1-md-sub.last-col {
    margin-right: 0;
  }
  .col2-md-sub {
    width: 65.53398058%;
    margin-right: 3.39805825%;
  }
  .col2-md-sub .col2-md-sub {
    width: 100%;
    margin-right: 5.34351145%;
  }
  .col2-md-sub .col2-md-sub.last-col {
    margin-right: 0;
  }
  .col2-md-sub .col1-md-sub {
    width: 47.32824427%;
    margin-right: 5.34351145%;
  }
  .col2-md-sub .col1-md-sub.last-col {
    margin-right: 0;
  }
  .col2-md-sub.last-col {
    margin-right: 0;
  }
  .col3-md-sub {
    width: 100%;
    margin-right: 3.39805825%;
  }
  .col3-md-sub .col3-md-sub {
    width: 100%;
    margin-right: 3.39805825%;
  }
  .col3-md-sub .col3-md-sub.last-col {
    margin-right: 0;
  }
  .col3-md-sub .col2-md-sub {
    width: 65.53398058%;
    margin-right: 3.39805825%;
  }
  .col3-md-sub .col2-md-sub.last-col {
    margin-right: 0;
  }
  .col3-md-sub .col1-md-sub {
    width: 31.06796117%;
    margin-right: 3.39805825%;
  }
  .col3-md-sub .col1-md-sub.last-col {
    margin-right: 0;
  }
  .col3-md-sub.last-col {
    margin-right: 0;
  }
}
/* == Breakpoint: Tablet Small == */
@media only screen and (max-width: 768px) {
  .col1-md-sub {
    width: 30.63583815%;
    margin-right: 4.04624277%;
  }
  .col1-md-sub .col1-md-sub {
    width: 100%;
    margin-right: 15.55555556%;
  }
  .col1-md-sub .col1-md-sub.last-col {
    margin-right: 0;
  }
  .col1-md-sub.last-col {
    margin-right: 0;
  }
  .col2-md-sub {
    width: 65.31791908%;
    margin-right: 4.04624277%;
  }
  .col2-md-sub .col2-md-sub {
    width: 100%;
    margin-right: 6.42201835%;
  }
  .col2-md-sub .col2-md-sub.last-col {
    margin-right: 0;
  }
  .col2-md-sub .col1-md-sub {
    width: 46.78899083%;
    margin-right: 6.42201835%;
  }
  .col2-md-sub .col1-md-sub.last-col {
    margin-right: 0;
  }
  .col2-md-sub.last-col {
    margin-right: 0;
  }
  .col3-md-sub {
    width: 100%;
    margin-right: 4.04624277%;
  }
  .col3-md-sub .col3-md-sub {
    width: 100%;
    margin-right: 4.04624277%;
  }
  .col3-md-sub .col3-md-sub.last-col {
    margin-right: 0;
  }
  .col3-md-sub .col2-md-sub {
    width: 65.31791908%;
    margin-right: 4.04624277%;
  }
  .col3-md-sub .col2-md-sub.last-col {
    margin-right: 0;
  }
  .col3-md-sub .col1-md-sub {
    width: 30.63583815%;
    margin-right: 4.04624277%;
  }
  .col3-md-sub .col1-md-sub.last-col {
    margin-right: 0;
  }
  .col3-md-sub.last-col {
    margin-right: 0;
  }
}
/* == Breakpoint: Mobile == */
@media only screen and (max-width: 640px) {
  .col1-sm {
    width: 21.61290323%;
    margin-right: 4.51612903%;
  }
  .col1-sm .col1-sm {
    width: 100%;
    margin-right: 20%;
  }
  .col1-sm .col1-sm.last-col {
    margin-right: 0;
  }
  .col1-sm.last-col {
    margin-right: 0;
  }
  .col2-sm {
    width: 47.74193548%;
    margin-right: 4.51612903%;
  }
  .col2-sm .col2-sm {
    width: 100%;
    margin-right: 9.33333333%;
  }
  .col2-sm .col2-sm.last-col {
    margin-right: 0;
  }
  .col2-sm .col1-sm {
    width: 45.33333333%;
    margin-right: 9.33333333%;
  }
  .col2-sm .col1-sm.last-col {
    margin-right: 0;
  }
  .col2-sm.last-col {
    margin-right: 0;
  }
  .col3-sm {
    width: 73.87096774%;
    margin-right: 4.51612903%;
  }
  .col3-sm .col3-sm {
    width: 100%;
    margin-right: 6.08695652%;
  }
  .col3-sm .col3-sm.last-col {
    margin-right: 0;
  }
  .col3-sm .col2-sm {
    width: 64.63768116%;
    margin-right: 6.08695652%;
  }
  .col3-sm .col2-sm.last-col {
    margin-right: 0;
  }
  .col3-sm .col1-sm {
    width: 29.27536232%;
    margin-right: 6.08695652%;
  }
  .col3-sm .col1-sm.last-col {
    margin-right: 0;
  }
  .col3-sm.last-col {
    margin-right: 0;
  }
  .col4-sm {
    width: 100%;
    margin-right: 4.51612903%;
  }
  .col4-sm .col4-sm {
    width: 100%;
    margin-right: 4.51612903%;
  }
  .col4-sm .col4-sm.last-col {
    margin-right: 0;
  }
  .col4-sm .col3-sm {
    width: 73.87096774%;
    margin-right: 4.51612903%;
  }
  .col4-sm .col3-sm.last-col {
    margin-right: 0;
  }
  .col4-sm .col2-sm {
    width: 47.74193548%;
    margin-right: 4.51612903%;
  }
  .col4-sm .col2-sm.last-col {
    margin-right: 0;
  }
  .col4-sm .col1-sm {
    width: 21.61290323%;
    margin-right: 4.51612903%;
  }
  .col4-sm .col1-sm.last-col {
    margin-right: 0;
  }
  .col4-sm.last-col {
    margin-right: 0;
  }
}
/* == Breakpoint: Small Mobile == */
@media only screen and (max-width: 320px) {
  .col1-sm {
    width: 18%;
    margin-right: 9.33333333%;
  }
  .col1-sm .col1-sm {
    width: 100%;
    margin-right: 46.66666667%;
  }
  .col1-sm .col1-sm.last-col {
    margin-right: 0;
  }
  .col1-sm.last-col {
    margin-right: 0;
  }
  .col2-sm {
    width: 45.33333333%;
    margin-right: 9.33333333%;
  }
  .col2-sm .col2-sm {
    width: 100%;
    margin-right: 20%;
  }
  .col2-sm .col2-sm.last-col {
    margin-right: 0;
  }
  .col2-sm .col1-sm {
    width: 40%;
    margin-right: 20%;
  }
  .col2-sm .col1-sm.last-col {
    margin-right: 0;
  }
  .col2-sm.last-col {
    margin-right: 0;
  }
  .col3-sm {
    width: 72.66666667%;
    margin-right: 9.33333333%;
  }
  .col3-sm .col3-sm {
    width: 100%;
    margin-right: 12.72727273%;
  }
  .col3-sm .col3-sm.last-col {
    margin-right: 0;
  }
  .col3-sm .col2-sm {
    width: 62.42424242%;
    margin-right: 12.72727273%;
  }
  .col3-sm .col2-sm.last-col {
    margin-right: 0;
  }
  .col3-sm .col1-sm {
    width: 24.84848485%;
    margin-right: 12.72727273%;
  }
  .col3-sm .col1-sm.last-col {
    margin-right: 0;
  }
  .col3-sm.last-col {
    margin-right: 0;
  }
  .col4-sm {
    width: 100%;
    margin-right: 9.33333333%;
  }
  .col4-sm .col4-sm {
    width: 100%;
    margin-right: 9.33333333%;
  }
  .col4-sm .col4-sm.last-col {
    margin-right: 0;
  }
  .col4-sm .col3-sm {
    width: 72.66666667%;
    margin-right: 9.33333333%;
  }
  .col4-sm .col3-sm.last-col {
    margin-right: 0;
  }
  .col4-sm .col2-sm {
    width: 45.33333333%;
    margin-right: 9.33333333%;
  }
  .col4-sm .col2-sm.last-col {
    margin-right: 0;
  }
  .col4-sm .col1-sm {
    width: 18%;
    margin-right: 9.33333333%;
  }
  .col4-sm .col1-sm.last-col {
    margin-right: 0;
  }
  .col4-sm.last-col {
    margin-right: 0;
  }
}
/* -----------------
--------------------

Estilo retícula

--------------------
------------------*/
.grid {
  height: 100%;
  width: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  max-width: 1116px;
  padding: 0 38px;
  position: absolute;
  min-height: 100%;
  z-index: 99;
  pointer-events: none;
  display: none;
  margin: auto;
}
.grid div {
  position: relative;
  float: left;
  height: 100% !important;
  background-color: rgba(100, 255, 242, 0.2);
}
.showGrid .grid {
  display: block;
}
/* -----------------
--------------------

Viewers

--------------------
------------------*/
.only-tablet,
.only-tablet-inline {
  display: none;
}
.only-mobile,
.only-mobile-inline {
  display: none;
}
.hide-mobile {
  display: block;
}
.hide-desktop {
  display: none;
}
.showGrid .grid-tablet {
  display: none;
}
.showGrid .grid-mobile {
  display: none;
}
.showGrid .grid-mobile {
  display: block;
}
/* == Breakpoint: Tablet == */
@media only screen and (max-width: 900px) {
  .only-desktop {
    display: none;
  }
  .only-tablet {
    display: block;
  }
  .only-tablet-inline {
    display: inline;
  }
  .hide-mobile {
    display: block;
  }
  .hide-desktop {
    display: block;
  }
  .grid {
    max-width: 976px;
    padding: 0 38px;
  }
  .showGrid .grid-desktop {
    display: none;
  }
  .showGrid .grid-tablet {
    display: block;
  }
  .showGrid .grid-mobile {
    display: block;
  }
}
/* == Breakpoint: Mobile == */
@media only screen and (max-width: 640px) {
  .only-tablet {
    display: none;
  }
  .only-mobile {
    display: block;
  }
  .only-mobile-inline {
    display: inline;
  }
  .hide-mobile {
    display: none;
  }
  .grid {
    max-width: 660px;
    padding: 0 10px;
  }
  .showGrid .grid-tablet {
    display: none;
  }
  .showGrid .grid-mobile {
    display: block;
  }
}
@font-face {
  font-family: "universia-icons";
  src: url("universia-icons.eot");
  src: url("universia-icons.eot.1") format("embedded-opentype"), url("universia-icons.woff") format("woff"), url("universia-icons.ttf") format("truetype"), url("universia-icons.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  @font-face {
    font-family: 'universia-icons';
    src: url("universia-icons.svg") format("svg");
    font-weight: normal;
    font-style: normal;
  }
}
[data-icon]:before {
  font-family: "universia-icons" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "universia-icons" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-bag:before {
  content: "\e000";
}
.icon-bookmark:before {
  content: "\e001";
}
.icon-brujula:before {
  content: "\e002";
}
.icon-comments:before {
  content: "\e003";
}
.icon-comparador:before {
  content: "\e004";
}
.icon-currency:before {
  content: "\e005";
}
.icon-expand:before {
  content: "\e006";
}
.icon-gear:before {
  content: "\e007";
}
.icon-bubble:before {
  content: "\e008";
}
.icon-user:before {
  content: "\e009";
}
.icon-world:before {
  content: "\e00a";
}
.icon-facebook:before {
  content: "\e00b";
}
.icon-twitter:before {
  content: "\e00c";
}
.icon-arrowmore:before {
  content: "\e00d";
}
.icon-arrowdown:before {
  content: "\e00e";
  position: relative;
  top: 2px;
}
.icon-linkedin:before {
  content: "\e00f";
}
.icon-pinterest:before {
  content: "\e010";
}
.icon-rss:before {
  content: "\e011";
}
.icon-gplus:before {
  content: "\e012";
}

@font-face {
    font-family: 'Universia-DQE';
    src:url('Universia-DQE.eot@-yarcqi');
    src:url('Universia-DQE.eot') format('embedded-opentype'),
    url('Universia-DQE.ttf@-yarcqi') format('truetype'),
    url('Universia-DQE.woff@-yarcqi') format('woff'),
    url('Universia-DQE.svg@-yarcqi') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="icons-"], [class*=" icons-"] {
    font-family: 'Universia-DQE';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icons-close:before {
  content: "\e600";
}
.icons-arrowup-small:before {
  content: "\e601";
}
.icons-arrowdown-small:before {
  content: "\e602";
}
.icons-search:before {
  content: "\e603";
}
.icons-comparison:before {
  content: "\e604";
}
.icon-justice4:before {
    content: "\e63c";
}
.icons-arrow-link:before {
  content: "\e605";
}
.icons-twitter:before {
  content: "\e606";
}
.icons-plus:before {
  content: "\e607";
}
.icons-facebook:before {
  content: "\e608";
}
.icons-rss:before {
  content: "\e609";
}
.icons-pinterest:before {
  content: "\e60a";
}
.icons-linkedin:before {
  content: "\e60b";
}
.icons-gplus:before {
  content: "\e60c";
}
.icons-bookmark:before {
  content: "\e60d";
}
.icons-close-circle:before {
  content: "\e60e";
}
.icons-external-link:before {
  content: "\e60f";
}
.icons-agronomy:before {
  content: "\e610";
}
.icons-art:before {
  content: "\e611";
}
.icons-education:before {
  content: "\e612";
}
.icons-engineering:before {
  content: "\e613";
}
.icons-health:before {
  content: "\e614";
}
.icons-humanities:before {
  content: "\e615";
}
.icons-science:before {
  content: "\e616";
}
.icons-services:before {
  content: "\e617";
}
.icons-badge:before {
  content: "\e618";
}
.icons-plus-circle:before {
  content: "\e619";
}
.icons-arrow-right:before {
  content: "\e61a";
}
.icons-window:before {
  content: "\e61b";
}
.icons-circle:before {
  content: "\e61c";
}
.icons-cross:before {
  content: "\e61d";
}
.icons-info:before {
  content: "\e61e";
  padding-left: 1px;
}
.icons-list-big:before {
  content: "\e61f";
}
.icons-list-small:before {
  content: "\e620";
}
.icons-check-circle:before {
  content: "\e621";
}
.icons-check:before {
  content: "\e622";
}
.icons-warning:before {
  content: "\e623";
}
.icons-arrow-left:before {
  content: "\e624";
}
.icons-hard-check:before {
  content: "\e625";
}
.icons-watch:before {
  content: "\e626";
}
.icons-interview:before {
  content: "\e627";
}
.icons-review:before {
  content: "\e628";
}
.icons-download:before {
  content: "\e629";
}
.icons-print:before {
  content: "\e62a";
}
.icons-like:before {
  content: "\e62b";
}
.icons-filter:before {
  content: "\e62c";
}
.icons-calendar:before {
  content: "\e62d";
}
.icons-calendar3:before {
  content: "\e63e";
}
.icons-delete:before {
  content: "\e62e";
}
.icons-cap:before {
  content: "\e62f";
}
.icons-book:before {
  content: "\e630";
}
.icons-briefcase:before {
  content: "\e631";
}
.icons-compass:before {
  content: "\e632";
}
.icons-education2:before {
  content: "\e633";
}
.icons-house:before {
  content: "\e634";
}
.icons-compass-invert:before {
  content: "\e635";
}
.icons-camera:before {
  content: "\e636";
}
.icons-hearth:before {
  content: "\e637";
}
.icons-map:before {
  content: "\e638";
}
.icons-monument:before {
  content: "\e639";
}
.icons-reload:before {
  content: "\e63a";
}
.icons-transport:before {
  content: "\e63b";
}
.icons-compare:before {
  content: "\e63d";
}
.icons-clendar2:before {
  content: "\e63e";
}
.icons-vacancies:before {
  content: "\e63f";
}
.icons-price:before {
  content: "\e640";
}
.icons-saveSearch:before {
  content: "\e63c";
}
.icons-cloudy:before {
  content: "\e642";
}
.icons-share:before {
  content: "\e643";
}
.icons-notifications:before {
  content: "\e644";
}
.icons-question:before {
  content: "\e645";
}
.icons-housing:before {
  content: "\e64a";
}
.icons-transport2:before {
  content: "\e649";
}
.icons-edit:before {
  content: "\e648";
}
.icons-insurrance:before {
  content: "\e647";
}
.icons-bin:before {
  content: "\e646";
}
.icons-star:before {
  content: "\e641";
}
