/*=======================================================================================
 * plugins css include list
   ---------------------------
 * 
 * Owl Carousel v2.3.4
 * Jquery Fancybox min css
 * Auto Type Css Style
 * Loaders css
 * Animation min css
/*=========================================================================================
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 ============================================================================================*/
.owl-carousel, .owl-carousel .owl-item {
    -webkit-tap-highlight-color: transparent;
    position: relative;
}
.owl-carousel {
    display: none;
    width: 100%;
    z-index: 1;
}
.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    touch-action: manipulation;
    -moz-backface-visibility: hidden;
}
.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;
    -webkit-transform: translate3d(0, 0, 0);
}
.owl-carousel .owl-item, .owl-carousel .owl-wrapper {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
}
.owl-carousel .owl-item {
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-touch-callout: none;
}
.owl-carousel .owl-item img {
    display: block;
    width: 100%}
.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {
    display: none;
}
.no-js .owl-carousel, .owl-carousel.owl-loaded {
    display: block;
}
.owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev {
    cursor: pointer;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {
    background: 0 0;
    color: inherit;
    border: none;
    padding: 0!important;
    font: inherit;
}
.owl-carousel.owl-loading {
    opacity: 0;
    display: block;
}
.owl-carousel.owl-hidden {
    opacity: 0;
}
.owl-carousel.owl-refresh .owl-item {
    visibility: hidden;
}
.owl-carousel.owl-drag .owl-item {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.owl-carousel.owl-grab {
    cursor: move;
    cursor: grab;
}
.owl-carousel.owl-rtl {
    direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
    float: right;
}
.owl-carousel .animated {
    animation-duration: 1s;
    animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
    z-index: 0;
}
.owl-carousel .owl-animated-out {
    z-index: 1;
}
.owl-carousel .fadeOut {
    animation-name: fadeOut;
}
@keyframes fadeOut {
    0% {
    opacity: 1;
}
100% {
    opacity: 0;
}
}.owl-height {
    transition: height .5s ease-in-out;
}
.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity .4s ease;
}
.owl-carousel .owl-item .owl-lazy:not([src]), .owl-carousel .owl-item .owl-lazy[src^=""] {
    max-height: 0;
}
.owl-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d;
}
.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(owl.video.play.png) no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    transition: transform .1s ease;
}
.owl-carousel .owl-video-play-icon:hover {
    -ms-transform: scale(1.3, 1.3);
    transform: scale(1.3, 1.3);
}
.owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn {
    display: none;
}
.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity .4s ease;
}
.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%}

/*============================================================================================
 * Jquery Fancybox min css
 =============================================================================================*/
 body.compensate-for-scrollbar {
    overflow: hidden;
}
.fancybox-active {
    height: auto;
}
.fancybox-is-hidden {
    left: -9999px;
    margin: 0;
    position: absolute!important;
    top: -9999px;
    visibility: hidden;
}
.fancybox-container {
    -webkit-backface-visibility: hidden;
    height: 100%;
    left: 0;
    outline: none;
    position: fixed;
    -webkit-tap-highlight-color: transparent;
    top: 0;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    transform: translateZ(0);
    width: 100%;
    z-index: 99992;
}
.fancybox-container * {
    box-sizing: border-box;
}
.fancybox-bg, .fancybox-inner, .fancybox-outer, .fancybox-stage {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}
.fancybox-outer {
    -webkit-overflow-scrolling: touch;
    overflow-y: auto;
}
.fancybox-bg {
    background: #1e1e1e;
    opacity: 0;
    transition-duration: inherit;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.47, 0, .74, .71);
}
.fancybox-is-open .fancybox-bg {
    opacity: .9;
    transition-timing-function: cubic-bezier(.22, .61, .36, 1);
}
.fancybox-caption, .fancybox-infobar, .fancybox-navigation .fancybox-button, .fancybox-toolbar {
    direction: ltr;
    opacity: 0;
    position: absolute;
    transition: opacity .25s ease, visibility 0s ease .25s;
    visibility: hidden;
    z-index: 99997;
}
.fancybox-show-caption .fancybox-caption, .fancybox-show-infobar .fancybox-infobar, .fancybox-show-nav .fancybox-navigation .fancybox-button, .fancybox-show-toolbar .fancybox-toolbar {
    opacity: 1;
    transition: opacity .25s ease 0s, visibility 0s ease 0s;
    visibility: visible;
}
.fancybox-infobar {
    color: #ccc;
    font-size: 13px;
    -webkit-font-smoothing: subpixel-antialiased;
    height: 44px;
    left: 0;
    line-height: 44px;
    min-width: 44px;
    mix-blend-mode: difference;
    padding: 0 10px;
    pointer-events: none;
    top: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.fancybox-toolbar {
    right: 0;
    top: 0;
}
.fancybox-stage {
    direction: ltr;
    overflow: visible;
    transform: translateZ(0);
    z-index: 99994;
}
.fancybox-is-open .fancybox-stage {
    overflow: hidden;
}
.fancybox-slide {
    -webkit-backface-visibility: hidden;
    display: none;
    height: 100%;
    left: 0;
    outline: none;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: absolute;
    text-align: center;
    top: 0;
    transition-property: transform, opacity;
    white-space: normal;
    width: 100%;
    z-index: 99994;
}
.fancybox-slide:before {
    content: "";
    display: inline-block;
    font-size: 0;
    height: 100%;
    vertical-align: middle;
    width: 0;
}
.fancybox-is-sliding .fancybox-slide, .fancybox-slide--current, .fancybox-slide--next, .fancybox-slide--previous {
    display: block;
}
.fancybox-slide--image {
    overflow: hidden;
    padding: 44px 0;
}
.fancybox-slide--image:before {
    display: none;
}
.fancybox-slide--html {
    padding: 6px;
}
.fancybox-content {
    background: #fff;
    display: inline-block;
    margin: 0;
    max-width: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: relative;
    text-align: left;
    vertical-align: middle;
}
.fancybox-slide--image .fancybox-content {
    animation-timing-function: cubic-bezier(.5, 0, .14, 1);
    -webkit-backface-visibility: hidden;
    background: transparent;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    left: 0;
    max-width: none;
    overflow: visible;
    padding: 0;
    position: absolute;
    top: 0;
    transform-origin: top left;
    transition-property: transform, opacity;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 99995;
}
.fancybox-can-zoomOut .fancybox-content {
    cursor: zoom-out;
}
.fancybox-can-zoomIn .fancybox-content {
    cursor: zoom-in;
}
.fancybox-can-pan .fancybox-content, .fancybox-can-swipe .fancybox-content {
    cursor: grab;
}
.fancybox-is-grabbing .fancybox-content {
    cursor: grabbing;
}
.fancybox-container [data-selectable=true] {
    cursor: text;
}
.fancybox-image, .fancybox-spaceball {
    background: transparent;
    border: 0;
    height: 100%;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none;
    padding: 0;
    position: absolute;
    top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%}
.fancybox-spaceball {
    z-index: 1;
}
.fancybox-slide--iframe .fancybox-content, .fancybox-slide--map .fancybox-content, .fancybox-slide--pdf .fancybox-content, .fancybox-slide--video .fancybox-content {
    height: 100%;
    overflow: visible;
    padding: 0;
    width: 100%}
.fancybox-slide--video .fancybox-content {
    background: #000;
}
.fancybox-slide--map .fancybox-content {
    background: #e5e3df;
}
.fancybox-slide--iframe .fancybox-content {
    background: #fff;
}
.fancybox-iframe, .fancybox-video {
    background: transparent;
    border: 0;
    display: block;
    height: 100%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%}
.fancybox-iframe {
    left: 0;
    position: absolute;
    top: 0;
}
.fancybox-error {
    background: #fff;
    cursor: default;
    max-width: 400px;
    padding: 40px;
    width: 100%}
.fancybox-error p {
    color: #444;
    font-size: 16px;
    line-height: 20px;
    margin: 0;
    padding: 0;
}
.fancybox-button {
    background: rgba(30, 30, 30, .6);
    border: 0;
    border-radius: 0;
    box-shadow: none;
    cursor: pointer;
    display: inline-block;
    height: 44px;
    margin: 0;
    padding: 10px;
    position: relative;
    transition: color .2s;
    vertical-align: top;
    visibility: inherit;
    width: 44px;
}
.fancybox-button, .fancybox-button:link, .fancybox-button:visited {
    color: #ccc;
}
.fancybox-button:hover {
    color: #fff;
}
.fancybox-button:focus {
    outline: none;
}
.fancybox-button.fancybox-focus {
    outline: 1px dotted;
}
.fancybox-button[disabled], .fancybox-button[disabled]:hover {
    color: #888;
    cursor: default;
    outline: none;
}
.fancybox-button div {
    height: 100%}
.fancybox-button svg {
    display: block;
    height: 100%;
    overflow: visible;
    position: relative;
    width: 100%}
.fancybox-button svg path {
    fill: currentColor;
    stroke-width: 0;
}
.fancybox-button--fsenter svg:nth-child(2), .fancybox-button--fsexit svg:first-child, .fancybox-button--pause svg:first-child, .fancybox-button--play svg:nth-child(2) {
    display: none;
}
.fancybox-progress {
    background: #ff5268;
    height: 2px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: scaleX(0);
    transform-origin: 0;
    transition-property: transform;
    transition-timing-function: linear;
    z-index: 99998;
}
.fancybox-close-small {
    background: transparent;
    border: 0;
    border-radius: 0;
    color: #ccc;
    cursor: pointer;
    opacity: .8;
    padding: 8px;
    position: absolute;
    right: -12px;
    top: -44px;
    z-index: 401;
}
.fancybox-close-small:hover {
    color: #fff;
    opacity: 1;
}
.fancybox-slide--html .fancybox-close-small {
    color: currentColor;
    padding: 10px;
    right: 0;
    top: 0;
}
.fancybox-slide--image.fancybox-is-scaling .fancybox-content {
    overflow: hidden;
}
.fancybox-is-scaling .fancybox-close-small, .fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
    display: none;
}
.fancybox-navigation .fancybox-button {
    background-clip: content-box;
    height: 100px;
    opacity: 0;
    position: absolute;
    top: calc(50% - 50px);
    width: 70px;
}
.fancybox-navigation .fancybox-button div {
    padding: 7px;
}
.fancybox-navigation .fancybox-button--arrow_left {
    left: 0;
    left: env(safe-area-inset-left);
    padding: 31px 26px 31px 6px;
}
.fancybox-navigation .fancybox-button--arrow_right {
    padding: 31px 6px 31px 26px;
    right: 0;
    right: env(safe-area-inset-right);
}
.fancybox-caption {
    background: linear-gradient(0deg, rgba(0, 0, 0, .85) 0, rgba(0, 0, 0, .3) 50%, rgba(0, 0, 0, .15) 65%, rgba(0, 0, 0, .075) 75.5%, rgba(0, 0, 0, .037) 82.85%, rgba(0, 0, 0, .019) 88%, transparent);
    bottom: 0;
    color: #eee;
    font-size: 14px;
    font-weight: 400;
    left: 0;
    line-height: 1.5;
    padding: 75px 44px 25px;
    pointer-events: none;
    right: 0;
    text-align: center;
    z-index: 99996;
}
@supports (padding:max(0px)) {
    .fancybox-caption {
    padding: 75px max(44px, env(safe-area-inset-right)) max(25px, env(safe-area-inset-bottom)) max(44px, env(safe-area-inset-left));
}
}.fancybox-caption--separate {
    margin-top: -50px;
}
.fancybox-caption__body {
    max-height: 50vh;
    overflow: auto;
    pointer-events: all;
}
.fancybox-caption a, .fancybox-caption a:link, .fancybox-caption a:visited {
    color: #ccc;
    text-decoration: none;
}
.fancybox-caption a:hover {
    color: #fff;
    text-decoration: underline;
}
.fancybox-loading {
    animation: a 1s linear infinite;
    background: transparent;
    border: 4px solid #888;
    border-bottom-color: #fff;
    border-radius: 50%;
    height: 50px;
    left: 50%;
    margin: -25px 0 0 -25px;
    opacity: .7;
    padding: 0;
    position: absolute;
    top: 50%;
    width: 50px;
    z-index: 99999;
}
@keyframes a {
    to {
    transform: rotate(1turn);
}
}.fancybox-animated {
    transition-timing-function: cubic-bezier(0, 0, .25, 1);
}
.fancybox-fx-slide.fancybox-slide--previous {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
}
.fancybox-fx-slide.fancybox-slide--next {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
}
.fancybox-fx-slide.fancybox-slide--current {
    opacity: 1;
    transform: translateZ(0);
}
.fancybox-fx-fade.fancybox-slide--next, .fancybox-fx-fade.fancybox-slide--previous {
    opacity: 0;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1);
}
.fancybox-fx-fade.fancybox-slide--current {
    opacity: 1;
}
.fancybox-fx-zoom-in-out.fancybox-slide--previous {
    opacity: 0;
    transform: scale3d(1.5, 1.5, 1.5);
}
.fancybox-fx-zoom-in-out.fancybox-slide--next {
    opacity: 0;
    transform: scale3d(.5, .5, .5);
}
.fancybox-fx-zoom-in-out.fancybox-slide--current {
    opacity: 1;
    transform: scaleX(1);
}
.fancybox-fx-rotate.fancybox-slide--previous {
    opacity: 0;
    transform: rotate(-1turn);
}
.fancybox-fx-rotate.fancybox-slide--next {
    opacity: 0;
    transform: rotate(1turn);
}
.fancybox-fx-rotate.fancybox-slide--current {
    opacity: 1;
    transform: rotate(0deg);
}
.fancybox-fx-circular.fancybox-slide--previous {
    opacity: 0;
    transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
}
.fancybox-fx-circular.fancybox-slide--next {
    opacity: 0;
    transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
}
.fancybox-fx-circular.fancybox-slide--current {
    opacity: 1;
    transform: scaleX(1) translateZ(0);
}
.fancybox-fx-tube.fancybox-slide--previous {
    transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg);
}
.fancybox-fx-tube.fancybox-slide--next {
    transform: translate3d(100%, 0, 0) scale(.1) skew(10deg);
}
.fancybox-fx-tube.fancybox-slide--current {
    transform: translateZ(0) scale(1);
}
@media (max-height:576px) {
    .fancybox-slide {
    padding-left: 6px;
    padding-right: 6px;
}
.fancybox-slide--image {
    padding: 6px 0;
}
.fancybox-close-small {
    right: -6px;
}
.fancybox-slide--image .fancybox-close-small {
    background: #4e4e4e;
    color: #f2f4f6;
    height: 36px;
    opacity: 1;
    padding: 6px;
    right: 0;
    top: 0;
    width: 36px;
}
.fancybox-caption {
    padding-left: 12px;
    padding-right: 12px;
}
@supports (padding:max(0px)) {
    .fancybox-caption {
    padding-left: max(12px, env(safe-area-inset-left));
    padding-right: max(12px, env(safe-area-inset-right));
}
}}.fancybox-share {
    background: #f4f4f4;
    border-radius: 3px;
    max-width: 90%;
    padding: 30px;
    text-align: center;
}
.fancybox-share h1 {
    color: #222;
    font-size: 35px;
    font-weight: 700;
    margin: 0 0 20px;
}
.fancybox-share p {
    margin: 0;
    padding: 0;
}
.fancybox-share__button {
    border: 0;
    border-radius: 3px;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    line-height: 40px;
    margin: 0 5px 10px;
    min-width: 130px;
    padding: 0 15px;
    text-decoration: none;
    transition: all .2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
}
.fancybox-share__button:link, .fancybox-share__button:visited {
    color: #fff;
}
.fancybox-share__button:hover {
    text-decoration: none;
}
.fancybox-share__button--fb {
    background: #3b5998;
}
.fancybox-share__button--fb:hover {
    background: #344e86;
}
.fancybox-share__button--pt {
    background: #bd081d;
}
.fancybox-share__button--pt:hover {
    background: #aa0719;
}
.fancybox-share__button--tw {
    background: #1da1f2;
}
.fancybox-share__button--tw:hover {
    background: #0d95e8;
}
.fancybox-share__button svg {
    height: 25px;
    margin-right: 7px;
    position: relative;
    top: -1px;
    vertical-align: middle;
    width: 25px;
}
.fancybox-share__button svg path {
    fill: #fff;
}
.fancybox-share__input {
    background: transparent;
    border: 0;
    border-bottom: 1px solid #d7d7d7;
    border-radius: 0;
    color: #5d5b5b;
    font-size: 14px;
    margin: 10px 0 0;
    outline: none;
    padding: 10px 15px;
    width: 100%}
.fancybox-thumbs {
    background: #ddd;
    bottom: 0;
    display: none;
    margin: 0;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    padding: 2px 2px 4px;
    position: absolute;
    right: 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    top: 0;
    width: 212px;
    z-index: 99995;
}
.fancybox-thumbs-x {
    overflow-x: auto;
    overflow-y: hidden;
}
.fancybox-show-thumbs .fancybox-thumbs {
    display: block;
}
.fancybox-show-thumbs .fancybox-inner {
    right: 212px;
}
.fancybox-thumbs__list {
    font-size: 0;
    height: 100%;
    list-style: none;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
    position: absolute;
    position: relative;
    white-space: nowrap;
    width: 100%}
.fancybox-thumbs-x .fancybox-thumbs__list {
    overflow: hidden;
}
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
    width: 7px;
}
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
    background: #fff;
    border-radius: 10px;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
}
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
    background: #2a2a2a;
    border-radius: 10px;
}
.fancybox-thumbs__list a {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-color: rgba(0, 0, 0, .1);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
    float: left;
    height: 75px;
    margin: 2px;
    max-height: calc(100% - 8px);
    max-width: calc(50% - 4px);
    outline: none;
    overflow: hidden;
    padding: 0;
    position: relative;
    -webkit-tap-highlight-color: transparent;
    width: 100px;
}
.fancybox-thumbs__list a:before {
    border: 6px solid #ff5268;
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: all .2s cubic-bezier(.25, .46, .45, .94);
    z-index: 99991;
}
.fancybox-thumbs__list a:focus:before {
    opacity: .5;
}
.fancybox-thumbs__list a.fancybox-thumbs-active:before {
    opacity: 1;
}
@media (max-width:576px) {
    .fancybox-thumbs {
    width: 110px;
}
.fancybox-show-thumbs .fancybox-inner {
    right: 110px;
}
.fancybox-thumbs__list a {
    max-width: calc(100% - 10px);
}
}
 
/*============================================================================================
 * Primary style
 * Auto Type Css Style
 =============================================================================================*/
*,  *::after,  *::before  {
    
  -webkit-box-sizing:  border-box;
    
  -moz-box-sizing:  border-box;
    
  box-sizing:  border-box;
    
}

html *  {
    
  -webkit-font-smoothing:  antialiased;
    
  -moz-osx-font-smoothing:  grayscale;
    
}
.cd-title  {
    
  position:  relative;
    
  height:  160px;
    
  line-height:  230px;
    
  text-align:  center;
    
}

@media only screen and (min-width:  768px)  {
    
  .cd-title  {
    
    line-height:  250px;
    
  }
}
@media only screen and (min-width:  1170px)  {
    
  .cd-title  {
    
    height:  200px;
    
    line-height:  300px;
    
  }
  .cd-title h1  {
    
    font-size:  3rem;
    
  }
}

.cd-intro  {
    
  width:  90%;
    
  max-width:  768px;
    
  text-align:  center;
    
}

.cd-intro  {
    
  margin:  4em auto;
    
}
@media only screen and (min-width:  768px)  {
    
  .cd-intro  {
    
    margin:  5em auto;
    
  }
}
@media only screen and (min-width:  1170px)  {
    
  .cd-intro  {
    
    margin:  6em auto;
    
  }
}
.cd-words-wrapper  {
    
  display:  inline-block;
    
  position:  relative;
    
  text-align:  left;
    
}
.cd-words-wrapper b  {
    
  display:  inline-block;
    
  position:  absolute;
    
  white-space:  nowrap;
    
  left:  0;
    
  top:  0;
    
}
.cd-words-wrapper b.is-visible  {
    
  position:  relative;
    
}
.no-js .cd-words-wrapper b  {
    
  opacity:  0;
    
}
.no-js .cd-words-wrapper b.is-visible  {
    
  opacity:  1;
    
}

/* -------------------------------- 

xrotate-1 

-------------------------------- */
.cd-headline.rotate-1 .cd-words-wrapper  {
    
  -webkit-perspective:  300px;
    
  -moz-perspective:  300px;
    
  perspective:  300px;
    
}
.cd-headline.rotate-1 b  {
    
  opacity:  0;
    
  -webkit-transform-origin:  50% 100%;
    
  -moz-transform-origin:  50% 100%;
    
  -ms-transform-origin:  50% 100%;
    
  -o-transform-origin:  50% 100%;
    
  transform-origin:  50% 100%;
    
  -webkit-transform:  rotateX(180deg);
    
  -moz-transform:  rotateX(180deg);
    
  -ms-transform:  rotateX(180deg);
    
  -o-transform:  rotateX(180deg);
    
  transform:  rotateX(180deg);
    
}
.cd-headline.rotate-1 b.is-visible  {
    
  opacity:  1;
    
  -webkit-transform:  rotateX(0deg);
    
  -moz-transform:  rotateX(0deg);
    
  -ms-transform:  rotateX(0deg);
    
  -o-transform:  rotateX(0deg);
    
  transform:  rotateX(0deg);
    
  -webkit-animation:  cd-rotate-1-in 1.2s;
    
  -moz-animation:  cd-rotate-1-in 1.2s;
    
  animation:  cd-rotate-1-in 1.2s;
    
}
.cd-headline.rotate-1 b.is-hidden  {
    
  -webkit-transform:  rotateX(180deg);
    
  -moz-transform:  rotateX(180deg);
    
  -ms-transform:  rotateX(180deg);
    
  -o-transform:  rotateX(180deg);
    
  transform:  rotateX(180deg);
    
  -webkit-animation:  cd-rotate-1-out 1.2s;
    
  -moz-animation:  cd-rotate-1-out 1.2s;
    
  animation:  cd-rotate-1-out 1.2s;
    
}

@-webkit-keyframes cd-rotate-1-in  {
    
  0%  {
    
    -webkit-transform:  rotateX(180deg);
    
    opacity:  0;
    
  }
  35%  {
    
    -webkit-transform:  rotateX(120deg);
    
    opacity:  0;
    
  }
  65%  {
    
    opacity:  0;
    
  }
  100%  {
    
    -webkit-transform:  rotateX(360deg);
    
    opacity:  1;
    
  }
}
@-moz-keyframes cd-rotate-1-in  {
    
  0%  {
    
    -moz-transform:  rotateX(180deg);
    
    opacity:  0;
    
  }
  35%  {
    
    -moz-transform:  rotateX(120deg);
    
    opacity:  0;
    
  }
  65%  {
    
    opacity:  0;
    
  }
  100%  {
    
    -moz-transform:  rotateX(360deg);
    
    opacity:  1;
    
  }
}
@keyframes cd-rotate-1-in  {
    
  0%  {
    
    -webkit-transform:  rotateX(180deg);
    
    -moz-transform:  rotateX(180deg);
    
    -ms-transform:  rotateX(180deg);
    
    -o-transform:  rotateX(180deg);
    
    transform:  rotateX(180deg);
    
    opacity:  0;
    
  }
  35%  {
    
    -webkit-transform:  rotateX(120deg);
    
    -moz-transform:  rotateX(120deg);
    
    -ms-transform:  rotateX(120deg);
    
    -o-transform:  rotateX(120deg);
    
    transform:  rotateX(120deg);
    
    opacity:  0;
    
  }
  65%  {
    
    opacity:  0;
    
  }
  100%  {
    
    -webkit-transform:  rotateX(360deg);
    
    -moz-transform:  rotateX(360deg);
    
    -ms-transform:  rotateX(360deg);
    
    -o-transform:  rotateX(360deg);
    
    transform:  rotateX(360deg);
    
    opacity:  1;
    
  }
}
@-webkit-keyframes cd-rotate-1-out  {
    
  0%  {
    
    -webkit-transform:  rotateX(0deg);
    
    opacity:  1;
    
  }
  35%  {
    
    -webkit-transform:  rotateX(-40deg);
    
    opacity:  1;
    
  }
  65%  {
    
    opacity:  0;
    
  }
  100%  {
    
    -webkit-transform:  rotateX(180deg);
    
    opacity:  0;
    
  }
}
@-moz-keyframes cd-rotate-1-out  {
    
  0%  {
    
    -moz-transform:  rotateX(0deg);
    
    opacity:  1;
    
  }
  35%  {
    
    -moz-transform:  rotateX(-40deg);
    
    opacity:  1;
    
  }
  65%  {
    
    opacity:  0;
    
  }
  100%  {
    
    -moz-transform:  rotateX(180deg);
    
    opacity:  0;
    
  }
}
@keyframes cd-rotate-1-out  {
    
  0%  {
    
    -webkit-transform:  rotateX(0deg);
    
    -moz-transform:  rotateX(0deg);
    
    -ms-transform:  rotateX(0deg);
    
    -o-transform:  rotateX(0deg);
    
    transform:  rotateX(0deg);
    
    opacity:  1;
    
  }
  35%  {
    
    -webkit-transform:  rotateX(-40deg);
    
    -moz-transform:  rotateX(-40deg);
    
    -ms-transform:  rotateX(-40deg);
    
    -o-transform:  rotateX(-40deg);
    
    transform:  rotateX(-40deg);
    
    opacity:  1;
    
  }
  65%  {
    
    opacity:  0;
    
  }
  100%  {
    
    -webkit-transform:  rotateX(180deg);
    
    -moz-transform:  rotateX(180deg);
    
    -ms-transform:  rotateX(180deg);
    
    -o-transform:  rotateX(180deg);
    
    transform:  rotateX(180deg);
    
    opacity:  0;
    
  }
}
/* -------------------------------- 

xtype 

-------------------------------- */
.cd-headline.type .cd-words-wrapper  {
    
  vertical-align:  top;
    
  overflow:  hidden;
    
}
.cd-headline.type .cd-words-wrapper: :after  {
    
  /* vertical bar */
  content:  '';
    
  position:  absolute;
    
  right:  0;
    
  top:  50%;
    
  bottom:  auto;
    
  -webkit-transform:  translateY(-50%);
    
  -moz-transform:  translateY(-50%);
    
  -ms-transform:  translateY(-50%);
    
  -o-transform:  translateY(-50%);
    
  transform:  translateY(-50%);
    
  height:  90%;
    
  width:  1px;
    
  background-color:  #aebcb9;
    
}
.cd-headline.type .cd-words-wrapper.waiting: :after  {
    
  -webkit-animation:  cd-pulse 1s infinite;
    
  -moz-animation:  cd-pulse 1s infinite;
    
  animation:  cd-pulse 1s infinite;
    
}
.cd-headline.type .cd-words-wrapper.selected  {
    
  background-color:  #aebcb9;
    
}
.cd-headline.type .cd-words-wrapper.selected: :after  {
    
  visibility:  hidden;
    
}
.cd-headline.type .cd-words-wrapper.selected b  {
    
  color:  #0d0d0d;
    
}
.cd-headline.type b  {
    
  visibility:  hidden;
    
}
.cd-headline.type b.is-visible  {
    
  visibility:  visible;
    
}
.cd-headline.type i  {
    
  position:  absolute;
    
  visibility:  hidden;
    
}
.cd-headline.type i.in  {
    
  position:  relative;
    
  visibility:  visible;
    
}

@-webkit-keyframes cd-pulse  {
    
  0%  {
    
    -webkit-transform:  translateY(-50%) scale(1);
    
    opacity:  1;
    
  }
  40%  {
    
    -webkit-transform:  translateY(-50%) scale(0.9);
    
    opacity:  0;
    
  }
  100%  {
    
    -webkit-transform:  translateY(-50%) scale(0);
    
    opacity:  0;
    
  }
}
@-moz-keyframes cd-pulse  {
    
  0%  {
    
    -moz-transform:  translateY(-50%) scale(1);
    
    opacity:  1;
    
  }
  40%  {
    
    -moz-transform:  translateY(-50%) scale(0.9);
    
    opacity:  0;
    
  }
  100%  {
    
    -moz-transform:  translateY(-50%) scale(0);
    
    opacity:  0;
    
  }
}
@keyframes cd-pulse  {
    
  0%  {
    
    -webkit-transform:  translateY(-50%) scale(1);
    
    -moz-transform:  translateY(-50%) scale(1);
    
    -ms-transform:  translateY(-50%) scale(1);
    
    -o-transform:  translateY(-50%) scale(1);
    
    transform:  translateY(-50%) scale(1);
    
    opacity:  1;
    
  }
  40%  {
    
    -webkit-transform:  translateY(-50%) scale(0.9);
    
    -moz-transform:  translateY(-50%) scale(0.9);
    
    -ms-transform:  translateY(-50%) scale(0.9);
    
    -o-transform:  translateY(-50%) scale(0.9);
    
    transform:  translateY(-50%) scale(0.9);
    
    opacity:  0;
    
  }
  100%  {
    
    -webkit-transform:  translateY(-50%) scale(0);
    
    -moz-transform:  translateY(-50%) scale(0);
    
    -ms-transform:  translateY(-50%) scale(0);
    
    -o-transform:  translateY(-50%) scale(0);
    
    transform:  translateY(-50%) scale(0);
    
    opacity:  0;
    
  }
}
/* -------------------------------- 

xrotate-2 

-------------------------------- */
.cd-headline.rotate-2 .cd-words-wrapper  {
    
  -webkit-perspective:  300px;
    
  -moz-perspective:  300px;
    
  perspective:  300px;
    
}
.cd-headline.rotate-2 i,  .cd-headline.rotate-2 em  {
    
  display:  inline-block;
    
  -webkit-backface-visibility:  hidden;
    
  backface-visibility:  hidden;
    
}
.cd-headline.rotate-2 b  {
    
  opacity:  0;
    
}
.cd-headline.rotate-2 i  {
    
  -webkit-transform-style:  preserve-3d;
    
  -moz-transform-style:  preserve-3d;
    
  -ms-transform-style:  preserve-3d;
    
  -o-transform-style:  preserve-3d;
    
  transform-style:  preserve-3d;
    
  -webkit-transform:  translateZ(-20px) rotateX(90deg);
    
  -moz-transform:  translateZ(-20px) rotateX(90deg);
    
  -ms-transform:  translateZ(-20px) rotateX(90deg);
    
  -o-transform:  translateZ(-20px) rotateX(90deg);
    
  transform:  translateZ(-20px) rotateX(90deg);
    
  opacity:  0;
    
}
.is-visible .cd-headline.rotate-2 i  {
    
  opacity:  1;
    
}
.cd-headline.rotate-2 i.in  {
    
  -webkit-animation:  cd-rotate-2-in 0.4s forwards;
    
  -moz-animation:  cd-rotate-2-in 0.4s forwards;
    
  animation:  cd-rotate-2-in 0.4s forwards;
    
}
.cd-headline.rotate-2 i.out  {
    
  -webkit-animation:  cd-rotate-2-out 0.4s forwards;
    
  -moz-animation:  cd-rotate-2-out 0.4s forwards;
    
  animation:  cd-rotate-2-out 0.4s forwards;
    
}
.cd-headline.rotate-2 em  {
    
  -webkit-transform:  translateZ(20px);
    
  -moz-transform:  translateZ(20px);
    
  -ms-transform:  translateZ(20px);
    
  -o-transform:  translateZ(20px);
    
  transform:  translateZ(20px);
    
}

.no-csstransitions .cd-headline.rotate-2 i  {
    
  -webkit-transform:  rotateX(0deg);
    
  -moz-transform:  rotateX(0deg);
    
  -ms-transform:  rotateX(0deg);
    
  -o-transform:  rotateX(0deg);
    
  transform:  rotateX(0deg);
    
  opacity:  0;
    
}
.no-csstransitions .cd-headline.rotate-2 i em  {
    
  -webkit-transform:  scale(1);
    
  -moz-transform:  scale(1);
    
  -ms-transform:  scale(1);
    
  -o-transform:  scale(1);
    
  transform:  scale(1);
    
}

.no-csstransitions .cd-headline.rotate-2 .is-visible i  {
    
  opacity:  1;
    
}

@-webkit-keyframes cd-rotate-2-in  {
    
  0%  {
    
    opacity:  0;
    
    -webkit-transform:  translateZ(-20px) rotateX(90deg);
    
  }
  60%  {
    
    opacity:  1;
    
    -webkit-transform:  translateZ(-20px) rotateX(-10deg);
    
  }
  100%  {
    
    opacity:  1;
    
    -webkit-transform:  translateZ(-20px) rotateX(0deg);
    
  }
}
@-moz-keyframes cd-rotate-2-in  {
    
  0%  {
    
    opacity:  0;
    
    -moz-transform:  translateZ(-20px) rotateX(90deg);
    
  }
  60%  {
    
    opacity:  1;
    
    -moz-transform:  translateZ(-20px) rotateX(-10deg);
    
  }
  100%  {
    
    opacity:  1;
    
    -moz-transform:  translateZ(-20px) rotateX(0deg);
    
  }
}
@keyframes cd-rotate-2-in  {
    
  0%  {
    
    opacity:  0;
    
    -webkit-transform:  translateZ(-20px) rotateX(90deg);
    
    -moz-transform:  translateZ(-20px) rotateX(90deg);
    
    -ms-transform:  translateZ(-20px) rotateX(90deg);
    
    -o-transform:  translateZ(-20px) rotateX(90deg);
    
    transform:  translateZ(-20px) rotateX(90deg);
    
  }
  60%  {
    
    opacity:  1;
    
    -webkit-transform:  translateZ(-20px) rotateX(-10deg);
    
    -moz-transform:  translateZ(-20px) rotateX(-10deg);
    
    -ms-transform:  translateZ(-20px) rotateX(-10deg);
    
    -o-transform:  translateZ(-20px) rotateX(-10deg);
    
    transform:  translateZ(-20px) rotateX(-10deg);
    
  }
  100%  {
    
    opacity:  1;
    
    -webkit-transform:  translateZ(-20px) rotateX(0deg);
    
    -moz-transform:  translateZ(-20px) rotateX(0deg);
    
    -ms-transform:  translateZ(-20px) rotateX(0deg);
    
    -o-transform:  translateZ(-20px) rotateX(0deg);
    
    transform:  translateZ(-20px) rotateX(0deg);
    
  }
}
@-webkit-keyframes cd-rotate-2-out  {
    
  0%  {
    
    opacity:  1;
    
    -webkit-transform:  translateZ(-20px) rotateX(0);
    
  }
  60%  {
    
    opacity:  0;
    
    -webkit-transform:  translateZ(-20px) rotateX(-100deg);
    
  }
  100%  {
    
    opacity:  0;
    
    -webkit-transform:  translateZ(-20px) rotateX(-90deg);
    
  }
}
@-moz-keyframes cd-rotate-2-out  {
    
  0%  {
    
    opacity:  1;
    
    -moz-transform:  translateZ(-20px) rotateX(0);
    
  }
  60%  {
    
    opacity:  0;
    
    -moz-transform:  translateZ(-20px) rotateX(-100deg);
    
  }
  100%  {
    
    opacity:  0;
    
    -moz-transform:  translateZ(-20px) rotateX(-90deg);
    
  }
}
@keyframes cd-rotate-2-out  {
    
  0%  {
    
    opacity:  1;
    
    -webkit-transform:  translateZ(-20px) rotateX(0);
    
    -moz-transform:  translateZ(-20px) rotateX(0);
    
    -ms-transform:  translateZ(-20px) rotateX(0);
    
    -o-transform:  translateZ(-20px) rotateX(0);
    
    transform:  translateZ(-20px) rotateX(0);
    
  }
  60%  {
    
    opacity:  0;
    
    -webkit-transform:  translateZ(-20px) rotateX(-100deg);
    
    -moz-transform:  translateZ(-20px) rotateX(-100deg);
    
    -ms-transform:  translateZ(-20px) rotateX(-100deg);
    
    -o-transform:  translateZ(-20px) rotateX(-100deg);
    
    transform:  translateZ(-20px) rotateX(-100deg);
    
  }
  100%  {
    
    opacity:  0;
    
    -webkit-transform:  translateZ(-20px) rotateX(-90deg);
    
    -moz-transform:  translateZ(-20px) rotateX(-90deg);
    
    -ms-transform:  translateZ(-20px) rotateX(-90deg);
    
    -o-transform:  translateZ(-20px) rotateX(-90deg);
    
    transform:  translateZ(-20px) rotateX(-90deg);
    
  }
}
/* -------------------------------- 

xloading-bar 

-------------------------------- */
.cd-headline.loading-bar span  {
    
  display:  inline-block;
    
  padding:  .2em 0;
    
}
.cd-headline.loading-bar .cd-words-wrapper  {
    
  overflow:  hidden;
    
  vertical-align:  top;
    
}
.cd-headline.loading-bar .cd-words-wrapper: :after  {
    
  /* loading bar */
  content:  '';
    
  position:  absolute;
    
  left:  0;
    
  bottom:  0;
    
  height:  3px;
    
  width:  0;
    
  background:  #0096a7;
    
  z-index:  2;
    
  -webkit-transition:  width 0.3s -0.1s;
    
  -moz-transition:  width 0.3s -0.1s;
    
  transition:  width 0.3s -0.1s;
    
}
.cd-headline.loading-bar .cd-words-wrapper.is-loading: :after  {
    
  width:  100%;
    
  -webkit-transition:  width 3s;
    
  -moz-transition:  width 3s;
    
  transition:  width 3s;
    
}
.cd-headline.loading-bar b  {
    
  top:  .2em;
    
  opacity:  0;
    
  -webkit-transition:  opacity 0.3s;
    
  -moz-transition:  opacity 0.3s;
    
  transition:  opacity 0.3s;
    
}
.cd-headline.loading-bar b.is-visible  {
    
  opacity:  1;
    
  top:  0;
    
}

/* -------------------------------- 

xslide 

-------------------------------- */
.cd-headline.slide span  {
    
  display:  inline-block;
    
  padding:  .2em 0;
    
}
.cd-headline.slide .cd-words-wrapper  {
    
  overflow:  hidden;
    
  vertical-align:  top;
    
}
.cd-headline.slide b  {
    
  opacity:  0;
    
  top:  .2em;
    
}
.cd-headline.slide b.is-visible  {
    
  top:  0;
    
  opacity:  1;
    
  -webkit-animation:  slide-in 0.6s;
    
  -moz-animation:  slide-in 0.6s;
    
  animation:  slide-in 0.6s;
    
}
.cd-headline.slide b.is-hidden  {
    
  -webkit-animation:  slide-out 0.6s;
    
  -moz-animation:  slide-out 0.6s;
    
  animation:  slide-out 0.6s;
    
}

@-webkit-keyframes slide-in  {
    
  0%  {
    
    opacity:  0;
    
    -webkit-transform:  translateY(-100%);
    
  }
  60%  {
    
    opacity:  1;
    
    -webkit-transform:  translateY(20%);
    
  }
  100%  {
    
    opacity:  1;
    
    -webkit-transform:  translateY(0);
    
  }
}
@-moz-keyframes slide-in  {
    
  0%  {
    
    opacity:  0;
    
    -moz-transform:  translateY(-100%);
    
  }
  60%  {
    
    opacity:  1;
    
    -moz-transform:  translateY(20%);
    
  }
  100%  {
    
    opacity:  1;
    
    -moz-transform:  translateY(0);
    
  }
}
@keyframes slide-in  {
    
  0%  {
    
    opacity:  0;
    
    -webkit-transform:  translateY(-100%);
    
    -moz-transform:  translateY(-100%);
    
    -ms-transform:  translateY(-100%);
    
    -o-transform:  translateY(-100%);
    
    transform:  translateY(-100%);
    
  }
  60%  {
    
    opacity:  1;
    
    -webkit-transform:  translateY(20%);
    
    -moz-transform:  translateY(20%);
    
    -ms-transform:  translateY(20%);
    
    -o-transform:  translateY(20%);
    
    transform:  translateY(20%);
    
  }
  100%  {
    
    opacity:  1;
    
    -webkit-transform:  translateY(0);
    
    -moz-transform:  translateY(0);
    
    -ms-transform:  translateY(0);
    
    -o-transform:  translateY(0);
    
    transform:  translateY(0);
    
  }
}
@-webkit-keyframes slide-out  {
    
  0%  {
    
    opacity:  1;
    
    -webkit-transform:  translateY(0);
    
  }
  60%  {
    
    opacity:  0;
    
    -webkit-transform:  translateY(120%);
    
  }
  100%  {
    
    opacity:  0;
    
    -webkit-transform:  translateY(100%);
    
  }
}
@-moz-keyframes slide-out  {
    
  0%  {
    
    opacity:  1;
    
    -moz-transform:  translateY(0);
    
  }
  60%  {
    
    opacity:  0;
    
    -moz-transform:  translateY(120%);
    
  }
  100%  {
    
    opacity:  0;
    
    -moz-transform:  translateY(100%);
    
  }
}
@keyframes slide-out  {
    
  0%  {
    
    opacity:  1;
    
    -webkit-transform:  translateY(0);
    
    -moz-transform:  translateY(0);
    
    -ms-transform:  translateY(0);
    
    -o-transform:  translateY(0);
    
    transform:  translateY(0);
    
  }
  60%  {
    
    opacity:  0;
    
    -webkit-transform:  translateY(120%);
    
    -moz-transform:  translateY(120%);
    
    -ms-transform:  translateY(120%);
    
    -o-transform:  translateY(120%);
    
    transform:  translateY(120%);
    
  }
  100%  {
    
    opacity:  0;
    
    -webkit-transform:  translateY(100%);
    
    -moz-transform:  translateY(100%);
    
    -ms-transform:  translateY(100%);
    
    -o-transform:  translateY(100%);
    
    transform:  translateY(100%);
    
  }
}
/* -------------------------------- 

xclip 

-------------------------------- */
.cd-headline.clip span  {
    
  display:  inline-block;
    
  padding:  .2em 0;
    
}
.cd-headline.clip .cd-words-wrapper  {
    
  overflow:  hidden;
    
  vertical-align:  top;
    
}
.cd-headline.clip .cd-words-wrapper: :after  {
    
  /* line */
  content:  '';
    
  position:  absolute;
    
  top:  0;
    
  right:  0;
    
  width:  2px;
    
  height:  100%;
    
}
.cd-headline.clip b  {
    
  opacity:  0;
    
}
.cd-headline.clip b.is-visible  {
    
  opacity:  1;
    
}

/* -------------------------------- 

xzoom 

-------------------------------- */
.cd-headline.zoom .cd-words-wrapper  {
    
  -webkit-perspective:  300px;
    
  -moz-perspective:  300px;
    
  perspective:  300px;
    
}
.cd-headline.zoom b  {
    
  opacity:  0;
    
}
.cd-headline.zoom b.is-visible  {
    
  opacity:  1;
    
  -webkit-animation:  zoom-in 0.8s;
    
  -moz-animation:  zoom-in 0.8s;
    
  animation:  zoom-in 0.8s;
    
}
.cd-headline.zoom b.is-hidden  {
    
  -webkit-animation:  zoom-out 0.8s;
    
  -moz-animation:  zoom-out 0.8s;
    
  animation:  zoom-out 0.8s;
    
}

@-webkit-keyframes zoom-in  {
    
  0%  {
    
    opacity:  0;
    
    -webkit-transform:  translateZ(100px);
    
  }
  100%  {
    
    opacity:  1;
    
    -webkit-transform:  translateZ(0);
    
  }
}
@-moz-keyframes zoom-in  {
    
  0%  {
    
    opacity:  0;
    
    -moz-transform:  translateZ(100px);
    
  }
  100%  {
    
    opacity:  1;
    
    -moz-transform:  translateZ(0);
    
  }
}
@keyframes zoom-in  {
    
  0%  {
    
    opacity:  0;
    
    -webkit-transform:  translateZ(100px);
    
    -moz-transform:  translateZ(100px);
    
    -ms-transform:  translateZ(100px);
    
    -o-transform:  translateZ(100px);
    
    transform:  translateZ(100px);
    
  }
  100%  {
    
    opacity:  1;
    
    -webkit-transform:  translateZ(0);
    
    -moz-transform:  translateZ(0);
    
    -ms-transform:  translateZ(0);
    
    -o-transform:  translateZ(0);
    
    transform:  translateZ(0);
    
  }
}
@-webkit-keyframes zoom-out  {
    
  0%  {
    
    opacity:  1;
    
    -webkit-transform:  translateZ(0);
    
  }
  100%  {
    
    opacity:  0;
    
    -webkit-transform:  translateZ(-100px);
    
  }
}
@-moz-keyframes zoom-out  {
    
  0%  {
    
    opacity:  1;
    
    -moz-transform:  translateZ(0);
    
  }
  100%  {
    
    opacity:  0;
    
    -moz-transform:  translateZ(-100px);
    
  }
}
@keyframes zoom-out  {
    
  0%  {
    
    opacity:  1;
    
    -webkit-transform:  translateZ(0);
    
    -moz-transform:  translateZ(0);
    
    -ms-transform:  translateZ(0);
    
    -o-transform:  translateZ(0);
    
    transform:  translateZ(0);
    
  }
  100%  {
    
    opacity:  0;
    
    -webkit-transform:  translateZ(-100px);
    
    -moz-transform:  translateZ(-100px);
    
    -ms-transform:  translateZ(-100px);
    
    -o-transform:  translateZ(-100px);
    
    transform:  translateZ(-100px);
    
  }
}
/* -------------------------------- 

xrotate-3 

-------------------------------- */
.cd-headline.rotate-3 .cd-words-wrapper  {
    
  -webkit-perspective:  300px;
    
  -moz-perspective:  300px;
    
  perspective:  300px;
    
}
.cd-headline.rotate-3 b  {
    
  opacity:  0;
    
}
.cd-headline.rotate-3 i  {
    
  display:  inline-block;
    
  -webkit-transform:  rotateY(180deg);
    
  -moz-transform:  rotateY(180deg);
    
  -ms-transform:  rotateY(180deg);
    
  -o-transform:  rotateY(180deg);
    
  transform:  rotateY(180deg);
    
  -webkit-backface-visibility:  hidden;
    
  backface-visibility:  hidden;
    
}
.is-visible .cd-headline.rotate-3 i  {
    
  -webkit-transform:  rotateY(0deg);
    
  -moz-transform:  rotateY(0deg);
    
  -ms-transform:  rotateY(0deg);
    
  -o-transform:  rotateY(0deg);
    
  transform:  rotateY(0deg);
    
}
.cd-headline.rotate-3 i.in  {
    
  -webkit-animation:  cd-rotate-3-in 0.6s forwards;
    
  -moz-animation:  cd-rotate-3-in 0.6s forwards;
    
  animation:  cd-rotate-3-in 0.6s forwards;
    
}
.cd-headline.rotate-3 i.out  {
    
  -webkit-animation:  cd-rotate-3-out 0.6s forwards;
    
  -moz-animation:  cd-rotate-3-out 0.6s forwards;
    
  animation:  cd-rotate-3-out 0.6s forwards;
    
}

.no-csstransitions .cd-headline.rotate-3 i  {
    
  -webkit-transform:  rotateY(0deg);
    
  -moz-transform:  rotateY(0deg);
    
  -ms-transform:  rotateY(0deg);
    
  -o-transform:  rotateY(0deg);
    
  transform:  rotateY(0deg);
    
  opacity:  0;
    
}

.no-csstransitions .cd-headline.rotate-3 .is-visible i  {
    
  opacity:  1;
    
}

@-webkit-keyframes cd-rotate-3-in  {
    
  0%  {
    
    -webkit-transform:  rotateY(180deg);
    
  }
  100%  {
    
    -webkit-transform:  rotateY(0deg);
    
  }
}
@-moz-keyframes cd-rotate-3-in  {
    
  0%  {
    
    -moz-transform:  rotateY(180deg);
    
  }
  100%  {
    
    -moz-transform:  rotateY(0deg);
    
  }
}
@keyframes cd-rotate-3-in  {
    
  0%  {
    
    -webkit-transform:  rotateY(180deg);
    
    -moz-transform:  rotateY(180deg);
    
    -ms-transform:  rotateY(180deg);
    
    -o-transform:  rotateY(180deg);
    
    transform:  rotateY(180deg);
    
  }
  100%  {
    
    -webkit-transform:  rotateY(0deg);
    
    -moz-transform:  rotateY(0deg);
    
    -ms-transform:  rotateY(0deg);
    
    -o-transform:  rotateY(0deg);
    
    transform:  rotateY(0deg);
    
  }
}
@-webkit-keyframes cd-rotate-3-out  {
    
  0%  {
    
    -webkit-transform:  rotateY(0);
    
  }
  100%  {
    
    -webkit-transform:  rotateY(-180deg);
    
  }
}
@-moz-keyframes cd-rotate-3-out  {
    
  0%  {
    
    -moz-transform:  rotateY(0);
    
  }
  100%  {
    
    -moz-transform:  rotateY(-180deg);
    
  }
}
@keyframes cd-rotate-3-out  {
    
  0%  {
    
    -webkit-transform:  rotateY(0);
    
    -moz-transform:  rotateY(0);
    
    -ms-transform:  rotateY(0);
    
    -o-transform:  rotateY(0);
    
    transform:  rotateY(0);
    
  }
  100%  {
    
    -webkit-transform:  rotateY(-180deg);
    
    -moz-transform:  rotateY(-180deg);
    
    -ms-transform:  rotateY(-180deg);
    
    -o-transform:  rotateY(-180deg);
    
    transform:  rotateY(-180deg);
    
  }
}
/* -------------------------------- 

xscale 

-------------------------------- */
.cd-headline.scale b  {
    
  opacity:  0;
    
}
.cd-headline.scale i  {
    
  display:  inline-block;
    
  opacity:  0;
    
  -webkit-transform:  scale(0);
    
  -moz-transform:  scale(0);
    
  -ms-transform:  scale(0);
    
  -o-transform:  scale(0);
    
  transform:  scale(0);
    
}
.is-visible .cd-headline.scale i  {
    
  opacity:  1;
    
}
.cd-headline.scale i.in  {
    
  -webkit-animation:  scale-up 0.6s forwards;
    
  -moz-animation:  scale-up 0.6s forwards;
    
  animation:  scale-up 0.6s forwards;
    
}
.cd-headline.scale i.out  {
    
  -webkit-animation:  scale-down 0.6s forwards;
    
  -moz-animation:  scale-down 0.6s forwards;
    
  animation:  scale-down 0.6s forwards;
    
}

.no-csstransitions .cd-headline.scale i  {
    
  -webkit-transform:  scale(1);
    
  -moz-transform:  scale(1);
    
  -ms-transform:  scale(1);
    
  -o-transform:  scale(1);
    
  transform:  scale(1);
    
  opacity:  0;
    
}

.no-csstransitions .cd-headline.scale .is-visible i  {
    
  opacity:  1;
    
}

@-webkit-keyframes scale-up  {
    
  0%  {
    
    -webkit-transform:  scale(0);
    
    opacity:  0;
    
  }
  60%  {
    
    -webkit-transform:  scale(1.2);
    
    opacity:  1;
    
  }
  100%  {
    
    -webkit-transform:  scale(1);
    
    opacity:  1;
    
  }
}
@-moz-keyframes scale-up  {
    
  0%  {
    
    -moz-transform:  scale(0);
    
    opacity:  0;
    
  }
  60%  {
    
    -moz-transform:  scale(1.2);
    
    opacity:  1;
    
  }
  100%  {
    
    -moz-transform:  scale(1);
    
    opacity:  1;
    
  }
}
@keyframes scale-up  {
    
  0%  {
    
    -webkit-transform:  scale(0);
    
    -moz-transform:  scale(0);
    
    -ms-transform:  scale(0);
    
    -o-transform:  scale(0);
    
    transform:  scale(0);
    
    opacity:  0;
    
  }
  60%  {
    
    -webkit-transform:  scale(1.2);
    
    -moz-transform:  scale(1.2);
    
    -ms-transform:  scale(1.2);
    
    -o-transform:  scale(1.2);
    
    transform:  scale(1.2);
    
    opacity:  1;
    
  }
  100%  {
    
    -webkit-transform:  scale(1);
    
    -moz-transform:  scale(1);
    
    -ms-transform:  scale(1);
    
    -o-transform:  scale(1);
    
    transform:  scale(1);
    
    opacity:  1;
    
  }
}
@-webkit-keyframes scale-down  {
    
  0%  {
    
    -webkit-transform:  scale(1);
    
    opacity:  1;
    
  }
  60%  {
    
    -webkit-transform:  scale(0);
    
    opacity:  0;
    
  }
}
@-moz-keyframes scale-down  {
    
  0%  {
    
    -moz-transform:  scale(1);
    
    opacity:  1;
    
  }
  60%  {
    
    -moz-transform:  scale(0);
    
    opacity:  0;
    
  }
}
@keyframes scale-down  {
    
  0%  {
    
    -webkit-transform:  scale(1);
    
    -moz-transform:  scale(1);
    
    -ms-transform:  scale(1);
    
    -o-transform:  scale(1);
    
    transform:  scale(1);
    
    opacity:  1;
    
  }
  60%  {
    
    -webkit-transform:  scale(0);
    
    -moz-transform:  scale(0);
    
    -ms-transform:  scale(0);
    
    -o-transform:  scale(0);
    
    transform:  scale(0);
    
    opacity:  0;
    
  }
}
/* -------------------------------- 

xpush 

-------------------------------- */
.cd-headline.push b  {
    
  opacity:  0;
    
}
.cd-headline.push b.is-visible  {
    
  opacity:  1;
    
  -webkit-animation:  push-in 0.6s;
    
  -moz-animation:  push-in 0.6s;
    
  animation:  push-in 0.6s;
    
}
.cd-headline.push b.is-hidden  {
    
  -webkit-animation:  push-out 0.6s;
    
  -moz-animation:  push-out 0.6s;
    
  animation:  push-out 0.6s;
    
}

@-webkit-keyframes push-in  {
    
  0%  {
    
    opacity:  0;
    
    -webkit-transform:  translateX(-100%);
    
  }
  60%  {
    
    opacity:  1;
    
    -webkit-transform:  translateX(10%);
    
  }
  100%  {
    
    opacity:  1;
    
    -webkit-transform:  translateX(0);
    
  }
}
@-moz-keyframes push-in  {
    
  0%  {
    
    opacity:  0;
    
    -moz-transform:  translateX(-100%);
    
  }
  60%  {
    
    opacity:  1;
    
    -moz-transform:  translateX(10%);
    
  }
  100%  {
    
    opacity:  1;
    
    -moz-transform:  translateX(0);
    
  }
}
@keyframes push-in  {
    
  0%  {
    
    opacity:  0;
    
    -webkit-transform:  translateX(-100%);
    
    -moz-transform:  translateX(-100%);
    
    -ms-transform:  translateX(-100%);
    
    -o-transform:  translateX(-100%);
    
    transform:  translateX(-100%);
    
  }
  60%  {
    
    opacity:  1;
    
    -webkit-transform:  translateX(10%);
    
    -moz-transform:  translateX(10%);
    
    -ms-transform:  translateX(10%);
    
    -o-transform:  translateX(10%);
    
    transform:  translateX(10%);
    
  }
  100%  {
    
    opacity:  1;
    
    -webkit-transform:  translateX(0);
    
    -moz-transform:  translateX(0);
    
    -ms-transform:  translateX(0);
    
    -o-transform:  translateX(0);
    
    transform:  translateX(0);
    
  }
}
@-webkit-keyframes push-out  {
    
  0%  {
    
    opacity:  1;
    
    -webkit-transform:  translateX(0);
    
  }
  60%  {
    
    opacity:  0;
    
    -webkit-transform:  translateX(110%);
    
  }
  100%  {
    
    opacity:  0;
    
    -webkit-transform:  translateX(100%);
    
  }
}
@-moz-keyframes push-out  {
    
  0%  {
    
    opacity:  1;
    
    -moz-transform:  translateX(0);
    
  }
  60%  {
    
    opacity:  0;
    
    -moz-transform:  translateX(110%);
    
  }
  100%  {
    
    opacity:  0;
    
    -moz-transform:  translateX(100%);
    
  }
}
@keyframes push-out  {
    
  0%  {
    
    opacity:  1;
    
    -webkit-transform:  translateX(0);
    
    -moz-transform:  translateX(0);
    
    -ms-transform:  translateX(0);
    
    -o-transform:  translateX(0);
    
    transform:  translateX(0);
    
  }
  60%  {
    
    opacity:  0;
    
    -webkit-transform:  translateX(110%);
    
    -moz-transform:  translateX(110%);
    
    -ms-transform:  translateX(110%);
    
    -o-transform:  translateX(110%);
    
    transform:  translateX(110%);
    
  }
  100%  {
    
    opacity:  0;
    
    -webkit-transform:  translateX(100%);
    
    -moz-transform:  translateX(100%);
    
    -ms-transform:  translateX(100%);
    
    -o-transform:  translateX(100%);
    
    transform:  translateX(100%);
    
  }
}

/*============================================================================
 * Loaders css
 =============================================================================*/
 .preloader  {
    
    height:  100%;
    
    left:  0;
    
    position:  fixed;
    
    top:  0;
    
    width:  100%;
    
    z-index:  9999;
    
}
#tout: first-child div  {
    
  display:  block;
    
  width:  100px;
    
  height:  100px;
    
  border:  3px solid;
    
  border-radius:  50%;
    
  position:  absolute;
    
  top:  0;
    
  right:  0;
    
  bottom:  0;
    
  left:  0;
    
  margin:  auto;
    
}

#tout: first-child>div>div  {
    
  width:  90px;
    
  height:  90px;
    
  border:  5px solid;
    
  border-radius:  50%;
    
  margin:  auto;
    
  overflow:  hidden;
    
}

#tout: first-child div div div  {
    
  width:  110px;
    
  height:  110px;
    
  margin:  auto;
    
  top:  360px;
    
  border-radius:  0%;
    
  border:  none;
    
  animation-name:  anim,  color;
    
  animation-duration:  5s;
    
  animation-timing-function: ease;
    
  animation-iteration-count: infinite;
    
  animation-direction:  alternate;
    
}

@keyframes anim {
    

  100%  {
     top: 0 }
}

/* @keyframes color {
    
  0%   {
     background-color:  green;
 }

  25%   {
     background-color:  green;
 }

  50%  {
     background-color:  red;
 }

  75%  {
     background-color:  yellow;
 }

  100%  {
     background-color:  blue;
 }

}
 */




/* Loader Simple */

.loader-circle, 
.loader-circle:after  {
    
  border-radius:  50%;
    
  width:  10em;
    
  height:  10em;
    
}
.loader-circle  {
    
  top:  0;
    
  right:  0;
    
  bottom:  0;
    
  left:  0;
    
  margin:  auto;
    
  font-size:  10px;
    
  position:  absolute;
    
  text-indent:  -9999em;
    
  border-top:  1.1em solid rgba(255,  255,  255,  0.2);
    
  border-right:  1.1em solid rgba(255,  255,  255,  0.2);
    
  border-bottom:  1.1em solid rgba(255,  255,  255,  0.2);
    
  border-left:  1.1em solid;
    
  -webkit-transform:  translateZ(0);
    
  -ms-transform:  translateZ(0);
    
  transform:  translateZ(0);
    
  -webkit-animation:  load8 1.1s infinite linear;
    
  animation:  load8 1.1s infinite linear;
    
}
@-webkit-keyframes load8  {
    
  0%  {
    
    -webkit-transform:  rotate(0deg);
    
    transform:  rotate(0deg);
    
  }
  100%  {
    
    -webkit-transform:  rotate(360deg);
    
    transform:  rotate(360deg);
    
  }
}
@keyframes load8  {
    
  0%  {
    
    -webkit-transform:  rotate(0deg);
    
    transform:  rotate(0deg);
    
  }
  100%  {
    
    -webkit-transform:  rotate(360deg);
    
    transform:  rotate(360deg);
    
  }
}

/*--- Loader texture --*/

#cupcake {
    
flex-direction: row;
    
-webkit-flex-direction: row;
    
-ms-flex-direction: row;
    
-mos-flex-direction: row;
    
-o-flex-direction: row;
    
justify-content: center;
    
-webkit-justify-content: center;
    
-ms-justify-content: center;
    
height: 100%;
    
width: 100%;
      
}

.letter {
    
    font-size: 60px;
    
	font-weight:  700
}

.box {
    
    display:  box;
    
	display:  -webkit-box;
    
	display:  -moz-box;
    
	display:  -ms-flexbox;
    
	display:  -webkit-flex;
    
	display:  flex;
    
}

.cupcakeCircle,  .cupcakeInner,  .cupcakeCore {
    
     border-radius: 50%;
    
    -webkit-border-radius: 50%;
    
    -moz-border-radius: 50%;
    
    -ms-border-radius: 50%;
    
}

.cupcake,  .letter,  .cupcakeCircle,  .cupcakeInner,  .cupcakeCore {
    
    flex: none;
    
    -webkit-flex: none;
    
    -moz-flex: none;
    
    -ms-flex: none;
    
    -o-flex: none;
    
}

.letter,  .cupcakeCircle {
    
    align-self: center;
    
    -webkit-align-self: center;
    
    -moz-align-self: center;
    
    -o-align-self: center;
    
    -ms-align-self: center;
    
}
.cupcakeCircle {
    
    align-items: center;
    
    -ms-align-items: center;
    
    justify-content: center;
    
    -ms-justify-content: center;
    
    height: 60px;
    
    width: 60px;
    
}

.cupcakeInner {
    
    align-self: center;
    
    -ms-align-self: center;
    
    justify-content: center;
    
    -ms-justify-content: center;
    
    height: 50%;
    
    width: 50%;
    
    -webkit-animation-name: cupcakeAnimate;
    
    -webkit-animation-duration: 500ms;
    
    -webkit-animation-direction: alternate;
    
    -webkit-animation-timing-function: ease-in-out;
    
    -webkit-animation-iteration-count: infinite;
    
    
}
.cupcakeCore {
    
    align-self: center;
    
    -ms-align-self: center;
    
    height: 25%;
    
    width: 25%;
    
    -webkit-animation-name: coreAnimate;
    
    -webkit-animation-duration: 1s;
    
    -webkit-animation-direction: alternate;
    
    -webkit-animation-timing-function: ease-in-out;
    
    -webkit-animation-iteration-count: infinite;
    
}

@-webkit-keyframes cupcakeAnimate {
    
        to {
     height: 90%;
     width: 90%;
 }

}
@keyframes cupcakeAnimate {
    
    to {
     height: 90%;
     width: 90%;
 }

}

@-webkit-keyframes coreAnimate {
    
    to {
     height: 90%;
     width: 90%;
 }

}
@keyframes coreAnimate {
    
    to {
     height: 90%;
     width: 90%;
 }

}

/*================================================================
 * Animation min css
 =================================================================*/
 @charset "UTF-8";
    
/*!
 * animate.css -http: //daneden.me/animate
 * Version - 3.5.0
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2016 Daniel Eden
 */

.animated  {
    
	-webkit-animation-duration:  1s;
    
	animation-duration:  1s;
    
	-webkit-animation-fill-mode:  both;
    
	animation-fill-mode:  both
}
.animated.infinite  {
    
	-webkit-animation-iteration-count:  infinite;
    
	animation-iteration-count:  infinite
}
.animated.hinge  {
    
	-webkit-animation-duration:  2s;
    
	animation-duration:  2s
}
.animated.bounceIn,  .animated.bounceOut,  .animated.flipOutX,  .animated.flipOutY  {
    
	-webkit-animation-duration:  .75s;
    
	animation-duration:  .75s
}
@-webkit-keyframes bounce  {
    
0%,  20%,  53%,  80%,  to  {
    
-webkit-animation-timing-function: cubic-bezier(.215,  .61,  .355,  1);
    
animation-timing-function: cubic-bezier(.215,  .61,  .355,  1);
    
-webkit-transform: translateZ(0);
    
transform: translateZ(0)
}
40%,  43%  {
    
-webkit-transform: translate3d(0,  -30px,  0);
    
transform: translate3d(0,  -30px,  0)
}
40%,  43%,  70%  {
    
-webkit-animation-timing-function: cubic-bezier(.755,  .05,  .855,  .06);
    
animation-timing-function: cubic-bezier(.755,  .05,  .855,  .06)
}
70%  {
    
-webkit-transform: translate3d(0,  -15px,  0);
    
transform: translate3d(0,  -15px,  0)
}
90%  {
    
-webkit-transform: translate3d(0,  -4px,  0);
    
transform: translate3d(0,  -4px,  0)
}
}
@keyframes bounce  {
    
0%,  20%,  53%,  80%,  to  {
    
-webkit-animation-timing-function: cubic-bezier(.215,  .61,  .355,  1);
    
animation-timing-function: cubic-bezier(.215,  .61,  .355,  1);
    
-webkit-transform: translateZ(0);
    
transform: translateZ(0)
}
40%,  43%  {
    
-webkit-transform: translate3d(0,  -30px,  0);
    
transform: translate3d(0,  -30px,  0)
}
40%,  43%,  70%  {
    
-webkit-animation-timing-function: cubic-bezier(.755,  .05,  .855,  .06);
    
animation-timing-function: cubic-bezier(.755,  .05,  .855,  .06)
}
70%  {
    
-webkit-transform: translate3d(0,  -15px,  0);
    
transform: translate3d(0,  -15px,  0)
}
90%  {
    
-webkit-transform: translate3d(0,  -4px,  0);
    
transform: translate3d(0,  -4px,  0)
}
}
.bounce  {
    
	-webkit-animation-name:  bounce;
    
	animation-name:  bounce;
    
	-webkit-transform-origin:  center bottom;
    
	transform-origin:  center bottom
}
@-webkit-keyframes flash  {
    
0%,  50%,  to  {
    
opacity: 1
}
25%,  75%  {
    
opacity: 0
}
}
@keyframes flash  {
    
0%,  50%,  to  {
    
opacity: 1
}
25%,  75%  {
    
opacity: 0
}
}
.flash  {
    
	-webkit-animation-name:  flash;
    
	animation-name:  flash
}
@-webkit-keyframes pulse  {
    
0%  {
    
-webkit-transform: scaleX(1);
    
transform: scaleX(1)
}
50%  {
    
-webkit-transform: scale3d(1.05,  1.05,  1.05);
    
transform: scale3d(1.05,  1.05,  1.05)
}
to  {
    
	-webkit-transform:  scaleX(1);
    
	transform:  scaleX(1)
}
}
@keyframes pulse  {
    
0%  {
    
-webkit-transform: scaleX(1);
    
transform: scaleX(1)
}
50%  {
    
-webkit-transform: scale3d(1.05,  1.05,  1.05);
    
transform: scale3d(1.05,  1.05,  1.05)
}
to  {
    
	-webkit-transform:  scaleX(1);
    
	transform:  scaleX(1)
}
}
.pulse  {
    
	-webkit-animation-name:  pulse;
    
	animation-name:  pulse
}
@-webkit-keyframes rubberBand  {
    
0%  {
    
-webkit-transform: scaleX(1);
    
transform: scaleX(1)
}
30%  {
    
-webkit-transform: scale3d(1.25,  .75,  1);
    
transform: scale3d(1.25,  .75,  1)
}
40%  {
    
-webkit-transform: scale3d(.75,  1.25,  1);
    
transform: scale3d(.75,  1.25,  1)
}
50%  {
    
-webkit-transform: scale3d(1.15,  .85,  1);
    
transform: scale3d(1.15,  .85,  1)
}
65%  {
    
-webkit-transform: scale3d(.95,  1.05,  1);
    
transform: scale3d(.95,  1.05,  1)
}
75%  {
    
-webkit-transform: scale3d(1.05,  .95,  1);
    
transform: scale3d(1.05,  .95,  1)
}
to  {
    
	-webkit-transform:  scaleX(1);
    
	transform:  scaleX(1)
}
}
@keyframes rubberBand  {
    
0%  {
    
-webkit-transform: scaleX(1);
    
transform: scaleX(1)
}
30%  {
    
-webkit-transform: scale3d(1.25,  .75,  1);
    
transform: scale3d(1.25,  .75,  1)
}
40%  {
    
-webkit-transform: scale3d(.75,  1.25,  1);
    
transform: scale3d(.75,  1.25,  1)
}
50%  {
    
-webkit-transform: scale3d(1.15,  .85,  1);
    
transform: scale3d(1.15,  .85,  1)
}
65%  {
    
-webkit-transform: scale3d(.95,  1.05,  1);
    
transform: scale3d(.95,  1.05,  1)
}
75%  {
    
-webkit-transform: scale3d(1.05,  .95,  1);
    
transform: scale3d(1.05,  .95,  1)
}
to  {
    
	-webkit-transform:  scaleX(1);
    
	transform:  scaleX(1)
}
}
.rubberBand  {
    
	-webkit-animation-name:  rubberBand;
    
	animation-name:  rubberBand
}
@-webkit-keyframes shake  {
    
0%,  to  {
    
-webkit-transform: translateZ(0);
    
transform: translateZ(0)
}
10%,  30%,  50%,  70%,  90%  {
    
-webkit-transform: translate3d(-10px,  0,  0);
    
transform: translate3d(-10px,  0,  0)
}
20%,  40%,  60%,  80%  {
    
-webkit-transform: translate3d(10px,  0,  0);
    
transform: translate3d(10px,  0,  0)
}
}
@keyframes shake  {
    
0%,  to  {
    
-webkit-transform: translateZ(0);
    
transform: translateZ(0)
}
10%,  30%,  50%,  70%,  90%  {
    
-webkit-transform: translate3d(-10px,  0,  0);
    
transform: translate3d(-10px,  0,  0)
}
20%,  40%,  60%,  80%  {
    
-webkit-transform: translate3d(10px,  0,  0);
    
transform: translate3d(10px,  0,  0)
}
}
.shake  {
    
	-webkit-animation-name:  shake;
    
	animation-name:  shake
}
@-webkit-keyframes headShake  {
    
0%  {
    
-webkit-transform: translateX(0);
    
transform: translateX(0)
}
6.5%  {
    
-webkit-transform: translateX(-6px) rotateY(-9deg);
    
transform: translateX(-6px) rotateY(-9deg)
}
18.5%  {
    
-webkit-transform: translateX(5px) rotateY(7deg);
    
transform: translateX(5px) rotateY(7deg)
}
31.5%  {
    
-webkit-transform: translateX(-3px) rotateY(-5deg);
    
transform: translateX(-3px) rotateY(-5deg)
}
43.5%  {
    
-webkit-transform: translateX(2px) rotateY(3deg);
    
transform: translateX(2px) rotateY(3deg)
}
50%  {
    
-webkit-transform: translateX(0);
    
transform: translateX(0)
}
}
@keyframes headShake  {
    
0%  {
    
-webkit-transform: translateX(0);
    
transform: translateX(0)
}
6.5%  {
    
-webkit-transform: translateX(-6px) rotateY(-9deg);
    
transform: translateX(-6px) rotateY(-9deg)
}
18.5%  {
    
-webkit-transform: translateX(5px) rotateY(7deg);
    
transform: translateX(5px) rotateY(7deg)
}
31.5%  {
    
-webkit-transform: translateX(-3px) rotateY(-5deg);
    
transform: translateX(-3px) rotateY(-5deg)
}
43.5%  {
    
-webkit-transform: translateX(2px) rotateY(3deg);
    
transform: translateX(2px) rotateY(3deg)
}
50%  {
    
-webkit-transform: translateX(0);
    
transform: translateX(0)
}
}
.headShake  {
    
	-webkit-animation-timing-function:  ease-in-out;
    
	animation-timing-function:  ease-in-out;
    
	-webkit-animation-name:  headShake;
    
	animation-name:  headShake
}
@-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)
}
to  {
    
	-webkit-transform:  rotate(0deg);
    
	transform:  rotate(0deg)
}
}
@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)
}
to  {
    
	-webkit-transform:  rotate(0deg);
    
	transform:  rotate(0deg)
}
}
.swing  {
    
	-webkit-transform-origin:  top center;
    
	transform-origin:  top center;
    
	-webkit-animation-name:  swing;
    
	animation-name:  swing
}
@-webkit-keyframes tada  {
    
0%  {
    
-webkit-transform: scaleX(1);
    
transform: scaleX(1)
}
10%,  20%  {
    
-webkit-transform: scale3d(.9,  .9,  .9) rotate(-3deg);
    
transform: scale3d(.9,  .9,  .9) rotate(-3deg)
}
30%,  50%,  70%,  90%  {
    
-webkit-transform: scale3d(1.1,  1.1,  1.1) rotate(3deg);
    
transform: scale3d(1.1,  1.1,  1.1) rotate(3deg)
}
40%,  60%,  80%  {
    
-webkit-transform: scale3d(1.1,  1.1,  1.1) rotate(-3deg);
    
transform: scale3d(1.1,  1.1,  1.1) rotate(-3deg)
}
to  {
    
	-webkit-transform:  scaleX(1);
    
	transform:  scaleX(1)
}
}
@keyframes tada  {
    
0%  {
    
-webkit-transform: scaleX(1);
    
transform: scaleX(1)
}
10%,  20%  {
    
-webkit-transform: scale3d(.9,  .9,  .9) rotate(-3deg);
    
transform: scale3d(.9,  .9,  .9) rotate(-3deg)
}
30%,  50%,  70%,  90%  {
    
-webkit-transform: scale3d(1.1,  1.1,  1.1) rotate(3deg);
    
transform: scale3d(1.1,  1.1,  1.1) rotate(3deg)
}
40%,  60%,  80%  {
    
-webkit-transform: scale3d(1.1,  1.1,  1.1) rotate(-3deg);
    
transform: scale3d(1.1,  1.1,  1.1) rotate(-3deg)
}
to  {
    
	-webkit-transform:  scaleX(1);
    
	transform:  scaleX(1)
}
}
.tada  {
    
	-webkit-animation-name:  tada;
    
	animation-name:  tada
}
@-webkit-keyframes wobble  {
    
0%  {
    
-webkit-transform: none;
    
transform: none
}
15%  {
    
-webkit-transform: translate3d(-25%,  0,  0) rotate(-5deg);
    
transform: translate3d(-25%,  0,  0) rotate(-5deg)
}
30%  {
    
-webkit-transform: translate3d(20%,  0,  0) rotate(3deg);
    
transform: translate3d(20%,  0,  0) rotate(3deg)
}
45%  {
    
-webkit-transform: translate3d(-15%,  0,  0) rotate(-3deg);
    
transform: translate3d(-15%,  0,  0) rotate(-3deg)
}
60%  {
    
-webkit-transform: translate3d(10%,  0,  0) rotate(2deg);
    
transform: translate3d(10%,  0,  0) rotate(2deg)
}
75%  {
    
-webkit-transform: translate3d(-5%,  0,  0) rotate(-1deg);
    
transform: translate3d(-5%,  0,  0) rotate(-1deg)
}
to  {
    
	-webkit-transform:  none;
    
	transform:  none
}
}
@keyframes wobble  {
    
0%  {
    
-webkit-transform: none;
    
transform: none
}
15%  {
    
-webkit-transform: translate3d(-25%,  0,  0) rotate(-5deg);
    
transform: translate3d(-25%,  0,  0) rotate(-5deg)
}
30%  {
    
-webkit-transform: translate3d(20%,  0,  0) rotate(3deg);
    
transform: translate3d(20%,  0,  0) rotate(3deg)
}
45%  {
    
-webkit-transform: translate3d(-15%,  0,  0) rotate(-3deg);
    
transform: translate3d(-15%,  0,  0) rotate(-3deg)
}
60%  {
    
-webkit-transform: translate3d(10%,  0,  0) rotate(2deg);
    
transform: translate3d(10%,  0,  0) rotate(2deg)
}
75%  {
    
-webkit-transform: translate3d(-5%,  0,  0) rotate(-1deg);
    
transform: translate3d(-5%,  0,  0) rotate(-1deg)
}
to  {
    
	-webkit-transform:  none;
    
	transform:  none
}
}
.wobble  {
    
	-webkit-animation-name:  wobble;
    
	animation-name:  wobble
}
@-webkit-keyframes jello  {
    
0%,  11.1%,  to  {
    
-webkit-transform: none;
    
transform: none
}
22.2%  {
    
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    
transform: skewX(-12.5deg) skewY(-12.5deg)
}
33.3%  {
    
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
    
transform: skewX(6.25deg) skewY(6.25deg)
}
44.4%  {
    
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    
transform: skewX(-3.125deg) skewY(-3.125deg)
}
55.5%  {
    
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    
transform: skewX(1.5625deg) skewY(1.5625deg)
}
66.6%  {
    
-webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
    
transform: skewX(-.78125deg) skewY(-.78125deg)
}
77.7%  {
    
-webkit-transform: skewX(.390625deg) skewY(.390625deg);
    
transform: skewX(.390625deg) skewY(.390625deg)
}
88.8%  {
    
-webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
    
transform: skewX(-.1953125deg) skewY(-.1953125deg)
}
}
@keyframes jello  {
    
0%,  11.1%,  to  {
    
-webkit-transform: none;
    
transform: none
}
22.2%  {
    
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    
transform: skewX(-12.5deg) skewY(-12.5deg)
}
33.3%  {
    
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
    
transform: skewX(6.25deg) skewY(6.25deg)
}
44.4%  {
    
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    
transform: skewX(-3.125deg) skewY(-3.125deg)
}
55.5%  {
    
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    
transform: skewX(1.5625deg) skewY(1.5625deg)
}
66.6%  {
    
-webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
    
transform: skewX(-.78125deg) skewY(-.78125deg)
}
77.7%  {
    
-webkit-transform: skewX(.390625deg) skewY(.390625deg);
    
transform: skewX(.390625deg) skewY(.390625deg)
}
88.8%  {
    
-webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
    
transform: skewX(-.1953125deg) skewY(-.1953125deg)
}
}
.jello  {
    
	-webkit-animation-name:  jello;
    
	animation-name:  jello;
    
	-webkit-transform-origin:  center;
    
	transform-origin:  center
}
@-webkit-keyframes bounceIn  {
    
0%,  20%,  40%,  60%,  80%,  to  {
    
-webkit-animation-timing-function: cubic-bezier(.215,  .61,  .355,  1);
    
animation-timing-function: cubic-bezier(.215,  .61,  .355,  1)
}
0%  {
    
opacity: 0;
    
-webkit-transform: scale3d(.3,  .3,  .3);
    
transform: scale3d(.3,  .3,  .3)
}
20%  {
    
-webkit-transform: scale3d(1.1,  1.1,  1.1);
    
transform: scale3d(1.1,  1.1,  1.1)
}
40%  {
    
-webkit-transform: scale3d(.9,  .9,  .9);
    
transform: scale3d(.9,  .9,  .9)
}
60%  {
    
opacity: 1;
    
-webkit-transform: scale3d(1.03,  1.03,  1.03);
    
transform: scale3d(1.03,  1.03,  1.03)
}
80%  {
    
-webkit-transform: scale3d(.97,  .97,  .97);
    
transform: scale3d(.97,  .97,  .97)
}
to  {
    
	opacity:  1;
    
	-webkit-transform:  scaleX(1);
    
	transform:  scaleX(1)
}
}
@keyframes bounceIn  {
    
0%,  20%,  40%,  60%,  80%,  to  {
    
-webkit-animation-timing-function: cubic-bezier(.215,  .61,  .355,  1);
    
animation-timing-function: cubic-bezier(.215,  .61,  .355,  1)
}
0%  {
    
opacity: 0;
    
-webkit-transform: scale3d(.3,  .3,  .3);
    
transform: scale3d(.3,  .3,  .3)
}
20%  {
    
-webkit-transform: scale3d(1.1,  1.1,  1.1);
    
transform: scale3d(1.1,  1.1,  1.1)
}
40%  {
    
-webkit-transform: scale3d(.9,  .9,  .9);
    
transform: scale3d(.9,  .9,  .9)
}
60%  {
    
opacity: 1;
    
-webkit-transform: scale3d(1.03,  1.03,  1.03);
    
transform: scale3d(1.03,  1.03,  1.03)
}
80%  {
    
-webkit-transform: scale3d(.97,  .97,  .97);
    
transform: scale3d(.97,  .97,  .97)
}
to  {
    
	opacity:  1;
    
	-webkit-transform:  scaleX(1);
    
	transform:  scaleX(1)
}
}
.bounceIn  {
    
	-webkit-animation-name:  bounceIn;
    
	animation-name:  bounceIn
}
@-webkit-keyframes bounceInDown  {
    
0%,  60%,  75%,  90%,  to  {
    
-webkit-animation-timing-function: cubic-bezier(.215,  .61,  .355,  1);
    
animation-timing-function: cubic-bezier(.215,  .61,  .355,  1)
}
0%  {
    
opacity: 0;
    
-webkit-transform: translate3d(0,  -3000px,  0);
    
transform: translate3d(0,  -3000px,  0)
}
60%  {
    
opacity: 1;
    
-webkit-transform: translate3d(0,  25px,  0);
    
transform: translate3d(0,  25px,  0)
}
75%  {
    
-webkit-transform: translate3d(0,  -10px,  0);
    
transform: translate3d(0,  -10px,  0)
}
90%  {
    
-webkit-transform: translate3d(0,  5px,  0);
    
transform: translate3d(0,  5px,  0)
}
to  {
    
	-webkit-transform:  none;
    
	transform:  none
}
}
@keyframes bounceInDown  {
    
0%,  60%,  75%,  90%,  to  {
    
-webkit-animation-timing-function: cubic-bezier(.215,  .61,  .355,  1);
    
animation-timing-function: cubic-bezier(.215,  .61,  .355,  1)
}
0%  {
    
opacity: 0;
    
-webkit-transform: translate3d(0,  -3000px,  0);
    
transform: translate3d(0,  -3000px,  0)
}
60%  {
    
opacity: 1;
    
-webkit-transform: translate3d(0,  25px,  0);
    
transform: translate3d(0,  25px,  0)
}
75%  {
    
-webkit-transform: translate3d(0,  -10px,  0);
    
transform: translate3d(0,  -10px,  0)
}
90%  {
    
-webkit-transform: translate3d(0,  5px,  0);
    
transform: translate3d(0,  5px,  0)
}
to  {
    
	-webkit-transform:  none;
    
	transform:  none
}
}
.bounceInDown  {
    
	-webkit-animation-name:  bounceInDown;
    
	animation-name:  bounceInDown
}
@-webkit-keyframes bounceInLeft  {
    
0%,  60%,  75%,  90%,  to  {
    
-webkit-animation-timing-function: cubic-bezier(.215,  .61,  .355,  1);
    
animation-timing-function: cubic-bezier(.215,  .61,  .355,  1)
}
0%  {
    
opacity: 0;
    
-webkit-transform: translate3d(-3000px,  0,  0);
    
transform: translate3d(-3000px,  0,  0)
}
60%  {
    
opacity: 1;
    
-webkit-transform: translate3d(25px,  0,  0);
    
transform: translate3d(25px,  0,  0)
}
75%  {
    
-webkit-transform: translate3d(-10px,  0,  0);
    
transform: translate3d(-10px,  0,  0)
}
90%  {
    
-webkit-transform: translate3d(5px,  0,  0);
    
transform: translate3d(5px,  0,  0)
}
to  {
    
	-webkit-transform:  none;
    
	transform:  none
}
}
@keyframes bounceInLeft  {
    
0%,  60%,  75%,  90%,  to  {
    
-webkit-animation-timing-function: cubic-bezier(.215,  .61,  .355,  1);
    
animation-timing-function: cubic-bezier(.215,  .61,  .355,  1)
}
0%  {
    
opacity: 0;
    
-webkit-transform: translate3d(-3000px,  0,  0);
    
transform: translate3d(-3000px,  0,  0)
}
60%  {
    
opacity: 1;
    
-webkit-transform: translate3d(25px,  0,  0);
    
transform: translate3d(25px,  0,  0)
}
75%  {
    
-webkit-transform: translate3d(-10px,  0,  0);
    
transform: translate3d(-10px,  0,  0)
}
90%  {
    
-webkit-transform: translate3d(5px,  0,  0);
    
transform: translate3d(5px,  0,  0)
}
to  {
    
	-webkit-transform:  none;
    
	transform:  none
}
}
.bounceInLeft  {
    
	-webkit-animation-name:  bounceInLeft;
    
	animation-name:  bounceInLeft
}
@-webkit-keyframes bounceInRight  {
    
0%,  60%,  75%,  90%,  to  {
    
-webkit-animation-timing-function: cubic-bezier(.215,  .61,  .355,  1);
    
animation-timing-function: cubic-bezier(.215,  .61,  .355,  1)
}
0%  {
    
opacity: 0;
    
-webkit-transform: translate3d(3000px,  0,  0);
    
transform: translate3d(3000px,  0,  0)
}
60%  {
    
opacity: 1;
    
-webkit-transform: translate3d(-25px,  0,  0);
    
transform: translate3d(-25px,  0,  0)
}
75%  {
    
-webkit-transform: translate3d(10px,  0,  0);
    
transform: translate3d(10px,  0,  0)
}
90%  {
    
-webkit-transform: translate3d(-5px,  0,  0);
    
transform: translate3d(-5px,  0,  0)
}
to  {
    
	-webkit-transform:  none;
    
	transform:  none
}
}
@keyframes bounceInRight  {
    
0%,  60%,  75%,  90%,  to  {
    
-webkit-animation-timing-function: cubic-bezier(.215,  .61,  .355,  1);
    
animation-timing-function: cubic-bezier(.215,  .61,  .355,  1)
}
0%  {
    
opacity: 0;
    
-webkit-transform: translate3d(3000px,  0,  0);
    
transform: translate3d(3000px,  0,  0)
}
60%  {
    
opacity: 1;
    
-webkit-transform: translate3d(-25px,  0,  0);
    
transform: translate3d(-25px,  0,  0)
}
75%  {
    
-webkit-transform: translate3d(10px,  0,  0);
    
transform: translate3d(10px,  0,  0)
}
90%  {
    
-webkit-transform: translate3d(-5px,  0,  0);
    
transform: translate3d(-5px,  0,  0)
}
to  {
    
	-webkit-transform:  none;
    
	transform:  none
}
}
.bounceInRight  {
    
	-webkit-animation-name:  bounceInRight;
    
	animation-name:  bounceInRight
}
@-webkit-keyframes bounceInUp  {
    
0%,  60%,  75%,  90%,  to  {
    
-webkit-animation-timing-function: cubic-bezier(.215,  .61,  .355,  1);
    
animation-timing-function: cubic-bezier(.215,  .61,  .355,  1)
}
0%  {
    
opacity: 0;
    
-webkit-transform: translate3d(0,  3000px,  0);
    
transform: translate3d(0,  3000px,  0)
}
60%  {
    
opacity: 1;
    
-webkit-transform: translate3d(0,  -20px,  0);
    
transform: translate3d(0,  -20px,  0)
}
75%  {
    
-webkit-transform: translate3d(0,  10px,  0);
    
transform: translate3d(0,  10px,  0)
}
90%  {
    
-webkit-transform: translate3d(0,  -5px,  0);
    
transform: translate3d(0,  -5px,  0)
}
to  {
    
	-webkit-transform:  translateZ(0);
    
	transform:  translateZ(0)
}
}
@keyframes bounceInUp  {
    
0%,  60%,  75%,  90%,  to  {
    
-webkit-animation-timing-function: cubic-bezier(.215,  .61,  .355,  1);
    
animation-timing-function: cubic-bezier(.215,  .61,  .355,  1)
}
0%  {
    
opacity: 0;
    
-webkit-transform: translate3d(0,  3000px,  0);
    
transform: translate3d(0,  3000px,  0)
}
60%  {
    
opacity: 1;
    
-webkit-transform: translate3d(0,  -20px,  0);
    
transform: translate3d(0,  -20px,  0)
}
75%  {
    
-webkit-transform: translate3d(0,  10px,  0);
    
transform: translate3d(0,  10px,  0)
}
90%  {
    
-webkit-transform: translate3d(0,  -5px,  0);
    
transform: translate3d(0,  -5px,  0)
}
to  {
    
	-webkit-transform:  translateZ(0);
    
	transform:  translateZ(0)
}
}
.bounceInUp  {
    
	-webkit-animation-name:  bounceInUp;
    
	animation-name:  bounceInUp
}
@-webkit-keyframes bounceOut  {
    
20%  {
    
-webkit-transform: scale3d(.9,  .9,  .9);
    
transform: scale3d(.9,  .9,  .9)
}
50%,  55%  {
    
opacity: 1;
    
-webkit-transform: scale3d(1.1,  1.1,  1.1);
    
transform: scale3d(1.1,  1.1,  1.1)
}
to  {
    
	opacity:  0;
    
	-webkit-transform:  scale3d(.3,  .3,  .3);
    
	transform:  scale3d(.3,  .3,  .3)
}
}
@keyframes bounceOut  {
    
20%  {
    
-webkit-transform: scale3d(.9,  .9,  .9);
    
transform: scale3d(.9,  .9,  .9)
}
50%,  55%  {
    
opacity: 1;
    
-webkit-transform: scale3d(1.1,  1.1,  1.1);
    
transform: scale3d(1.1,  1.1,  1.1)
}
to  {
    
	opacity:  0;
    
	-webkit-transform:  scale3d(.3,  .3,  .3);
    
	transform:  scale3d(.3,  .3,  .3)
}
}
.bounceOut  {
    
	-webkit-animation-name:  bounceOut;
    
	animation-name:  bounceOut
}
@-webkit-keyframes bounceOutDown  {
    
20%  {
    
-webkit-transform: translate3d(0,  10px,  0);
    
transform: translate3d(0,  10px,  0)
}
40%,  45%  {
    
opacity: 1;
    
-webkit-transform: translate3d(0,  -20px,  0);
    
transform: translate3d(0,  -20px,  0)
}
to  {
    
	opacity:  0;
    
	-webkit-transform:  translate3d(0,  2000px,  0);
    
	transform:  translate3d(0,  2000px,  0)
}
}
@keyframes bounceOutDown  {
    
20%  {
    
-webkit-transform: translate3d(0,  10px,  0);
    
transform: translate3d(0,  10px,  0)
}
40%,  45%  {
    
opacity: 1;
    
-webkit-transform: translate3d(0,  -20px,  0);
    
transform: translate3d(0,  -20px,  0)
}
to  {
    
	opacity:  0;
    
	-webkit-transform:  translate3d(0,  2000px,  0);
    
	transform:  translate3d(0,  2000px,  0)
}
}
.bounceOutDown  {
    
	-webkit-animation-name:  bounceOutDown;
    
	animation-name:  bounceOutDown
}
@-webkit-keyframes bounceOutLeft  {
    
20%  {
    
opacity: 1;
    
-webkit-transform: translate3d(20px,  0,  0);
    
transform: translate3d(20px,  0,  0)
}
to  {
    
	opacity:  0;
    
	-webkit-transform:  translate3d(-2000px,  0,  0);
    
	transform:  translate3d(-2000px,  0,  0)
}
}
@keyframes bounceOutLeft  {
    
20%  {
    
opacity: 1;
    
-webkit-transform: translate3d(20px,  0,  0);
    
transform: translate3d(20px,  0,  0)
}
to  {
    
	opacity:  0;
    
	-webkit-transform:  translate3d(-2000px,  0,  0);
    
	transform:  translate3d(-2000px,  0,  0)
}
}
.bounceOutLeft  {
    
	-webkit-animation-name:  bounceOutLeft;
    
	animation-name:  bounceOutLeft
}
@-webkit-keyframes bounceOutRight  {
    
20%  {
    
opacity: 1;
    
-webkit-transform: translate3d(-20px,  0,  0);
    
transform: translate3d(-20px,  0,  0)
}
to  {
    
	opacity:  0;
    
	-webkit-transform:  translate3d(2000px,  0,  0);
    
	transform:  translate3d(2000px,  0,  0)
}
}
@keyframes bounceOutRight  {
    
20%  {
    
opacity: 1;
    
-webkit-transform: translate3d(-20px,  0,  0);
    
transform: translate3d(-20px,  0,  0)
}
to  {
    
	opacity:  0;
    
	-webkit-transform:  translate3d(2000px,  0,  0);
    
	transform:  translate3d(2000px,  0,  0)
}
}
.bounceOutRight  {
    
	-webkit-animation-name:  bounceOutRight;
    
	animation-name:  bounceOutRight
}
@-webkit-keyframes bounceOutUp  {
    
20%  {
    
-webkit-transform: translate3d(0,  -10px,  0);
    
transform: translate3d(0,  -10px,  0)
}
40%,  45%  {
    
opacity: 1;
    
-webkit-transform: translate3d(0,  20px,  0);
    
transform: translate3d(0,  20px,  0)
}
to  {
    
	opacity:  0;
    
	-webkit-transform:  translate3d(0,  -2000px,  0);
    
	transform:  translate3d(0,  -2000px,  0)
}
}
@keyframes bounceOutUp  {
    
20%  {
    
-webkit-transform: translate3d(0,  -10px,  0);
    
transform: translate3d(0,  -10px,  0)
}
40%,  45%  {
    
opacity: 1;
    
-webkit-transform: translate3d(0,  20px,  0);
    
transform: translate3d(0,  20px,  0)
}
to  {
    
	opacity:  0;
    
	-webkit-transform:  translate3d(0,  -2000px,  0);
    
	transform:  translate3d(0,  -2000px,  0)
}
}
.bounceOutUp  {
    
	-webkit-animation-name:  bounceOutUp;
    
	animation-name:  bounceOutUp
}
@-webkit-keyframes fadeIn  {
    
0%  {
    
opacity: 0
}
to  {
    
	opacity:  1
}
}
@keyframes fadeIn  {
    
0%  {
    
opacity: 0
}
to  {
    
	opacity:  1
}
}
.fadeIn  {
    
	-webkit-animation-name:  fadeIn;
    
	animation-name:  fadeIn
}
@-webkit-keyframes fadeInDown  {
    
0%  {
    
opacity: 0;
    
-webkit-transform: translate3d(0,  -20px,  0);
    
transform: translate3d(0,  -20px,  0)
}
to  {
    
	opacity:  1;
    
	-webkit-transform:  none;
    
	transform:  none
}
}
@keyframes fadeInDown  {
    
0%  {
    
opacity: 0;
    
-webkit-transform: translate3d(0,  -20px,  0);
    
transform: translate3d(0,  -20px,  0)
}
to  {
    
	opacity:  1;
    
	-webkit-transform:  none;
    
	transform:  none
}
}
.fadeInDown  {
    
	-webkit-animation-name:  fadeInDown;
    
	animation-name:  fadeInDown
}
@-webkit-keyframes fadeInDownBig  {
    
0%  {
    
opacity: 0;
    
-webkit-transform: translate3d(0,  -2000px,  0);
    
transform: translate3d(0,  -2000px,  0)
}
to  {
    
	opacity:  1;
    
	-webkit-transform:  none;
    
	transform:  none
}
}
@keyframes fadeInDownBig  {
    
0%  {
    
opacity: 0;
    
-webkit-transform: translate3d(0,  -2000px,  0);
    
transform: translate3d(0,  -2000px,  0)
}
to  {
    
	opacity:  1;
    
	-webkit-transform:  none;
    
	transform:  none
}
}
.fadeInDownBig  {
    
	-webkit-animation-name:  fadeInDownBig;
    
	animation-name:  fadeInDownBig
}
@-webkit-keyframes fadeInLeft  {
    
0%  {
    
opacity: 0;
    
-webkit-transform: translate3d(-20px,  0,  0);
    
transform: translate3d(-20px,  0,  0)
}
to  {
    
	opacity:  1;
    
	-webkit-transform:  none;
    
	transform:  none
}
}
@keyframes fadeInLeft  {
    
0%  {
    
opacity: 0;
    
-webkit-transform: translate3d(-20px,  0,  0);
    
transform: translate3d(-20px,  0,  0)
}
to  {
    
	opacity:  1;
    
	-webkit-transform:  none;
    
	transform:  none
}
}
.fadeInLeft  {
    
	-webkit-animation-name:  fadeInLeft;
    
	animation-name:  fadeInLeft
}
@-webkit-keyframes fadeInLeftBig  {
    
0%  {
    
opacity: 0;
    
-webkit-transform: translate3d(-2000px,  0,  0);
    
transform: translate3d(-2000px,  0,  0)
}
to  {
    
	opacity:  1;
    
	-webkit-transform:  none;
    
	transform:  none
}
}
@keyframes fadeInLeftBig  {
    
0%  {
    
opacity: 0;
    
-webkit-transform: translate3d(-2000px,  0,  0);
    
transform: translate3d(-2000px,  0,  0)
}
to  {
    
	opacity:  1;
    
	-webkit-transform:  none;
    
	transform:  none
}
}
.fadeInLeftBig  {
    
	-webkit-animation-name:  fadeInLeftBig;
    
	animation-name:  fadeInLeftBig
}
@-webkit-keyframes fadeInRight  {
    
0%  {
    
opacity: 0;
    
-webkit-transform: translate3d(20px,  0,  0);
    
transform: translate3d(20px,  0,  0)
}
to  {
    
	opacity:  1;
    
	-webkit-transform:  none;
    
	transform:  none
}
}
@keyframes fadeInRight  {
    
0%  {
    
opacity: 0;
    
-webkit-transform: translate3d(20px,  0,  0);
    
transform: translate3d(20px,  0,  0)
}
to  {
    
	opacity:  1;
    
	-webkit-transform:  none;
    
	transform:  none
}
}
.fadeInRight  {
    
	-webkit-animation-name:  fadeInRight;
    
	animation-name:  fadeInRight
}
@-webkit-keyframes fadeInRightBig  {
    
0%  {
    
opacity: 0;
    
-webkit-transform: translate3d(2000px,  0,  0);
    
transform: translate3d(2000px,  0,  0)
}
to  {
    
	opacity:  1;
    
	-webkit-transform:  none;
    
	transform:  none
}
}
@keyframes fadeInRightBig  {
    
0%  {
    
opacity: 0;
    
-webkit-transform: translate3d(2000px,  0,  0);
    
transform: translate3d(2000px,  0,  0)
}
to  {
    
	opacity:  1;
    
	-webkit-transform:  none;
    
	transform:  none
}
}
.fadeInRightBig  {
    
	-webkit-animation-name:  fadeInRightBig;
    
	animation-name:  fadeInRightBig
}
@-webkit-keyframes fadeInUp  {
    
0%  {
    
opacity: 0;
    
-webkit-transform: translate3d(0,  20px,  0);
    
transform: translate3d(0,  20px,  0)
}
to  {
    
	opacity:  1;
    
	-webkit-transform:  none;
    
	transform:  none
}
}
@keyframes fadeInUp  {
    
0%  {
    
opacity: 0;
    
-webkit-transform: translate3d(0,  20px,  0);
    
transform: translate3d(0,  20px,  0)
}
to  {
    
	opacity:  1;
    
	-webkit-transform:  none;
    
	transform:  none
}
}
.fadeInUp  {
    
	-webkit-animation-name:  fadeInUp;
    
	animation-name:  fadeInUp
}
@-webkit-keyframes fadeInUpBig  {
    
0%  {
    
opacity: 0;
    
-webkit-transform: translate3d(0,  2000px,  0);
    
transform: translate3d(0,  2000px,  0)
}
to  {
    
	opacity:  1;
    
	-webkit-transform:  none;
    
	transform:  none
}
}
@keyframes fadeInUpBig  {
    
0%  {
    
opacity: 0;
    
-webkit-transform: translate3d(0,  2000px,  0);
    
transform: translate3d(0,  2000px,  0)
}
to  {
    
	opacity:  1;
    
	-webkit-transform:  none;
    
	transform:  none
}
}
.fadeInUpBig  {
    
	-webkit-animation-name:  fadeInUpBig;
    
	animation-name:  fadeInUpBig
}
@-webkit-keyframes fadeOut  {
    
0%  {
    
opacity: 1
}
to  {
    
	opacity:  0
}
}
@keyframes fadeOut  {
    
0%  {
    
opacity: 1
}
to  {
    
	opacity:  0
}
}
.fadeOut  {
    
	-webkit-animation-name:  fadeOut;
    
	animation-name:  fadeOut
}
@-webkit-keyframes fadeOutDown  {
    
0%  {
    
opacity: 1
}
to  {
    
	opacity:  0;
    
	-webkit-transform:  translate3d(0,  100%,  0);
    
	transform:  translate3d(0,  100%,  0)
}
}
@keyframes fadeOutDown  {
    
0%  {
    
opacity: 1
}
to  {
    
	opacity:  0;
    
	-webkit-transform:  translate3d(0,  100%,  0);
    
	transform:  translate3d(0,  100%,  0)
}
}
.fadeOutDown  {
    
	-webkit-animation-name:  fadeOutDown;
    
	animation-name:  fadeOutDown
}
@-webkit-keyframes fadeOutDownBig  {
    
0%  {
    
opacity: 1
}
to  {
    
	opacity:  0;
    
	-webkit-transform:  translate3d(0,  2000px,  0);
    
	transform:  translate3d(0,  2000px,  0)
}
}
@keyframes fadeOutDownBig  {
    
0%  {
    
opacity: 1
}
to  {
    
	opacity:  0;
    
	-webkit-transform:  translate3d(0,  2000px,  0);
    
	transform:  translate3d(0,  2000px,  0)
}
}
.fadeOutDownBig  {
    
	-webkit-animation-name:  fadeOutDownBig;
    
	animation-name:  fadeOutDownBig
}
@-webkit-keyframes fadeOutLeft  {
    
0%  {
    
opacity: 1
}
to  {
    
	opacity:  0;
    
	-webkit-transform:  translate3d(-100%,  0,  0);
    
	transform:  translate3d(-100%,  0,  0)
}
}
@keyframes fadeOutLeft  {
    
0%  {
    
opacity: 1
}
to  {
    
	opacity:  0;
    
	-webkit-transform:  translate3d(-100%,  0,  0);
    
	transform:  translate3d(-100%,  0,  0)
}
}
.fadeOutLeft  {
    
	-webkit-animation-name:  fadeOutLeft;
    
	animation-name:  fadeOutLeft
}
@-webkit-keyframes fadeOutLeftBig  {
    
0%  {
    
opacity: 1
}
to  {
    
	opacity:  0;
    
	-webkit-transform:  translate3d(-2000px,  0,  0);
    
	transform:  translate3d(-2000px,  0,  0)
}
}
@keyframes fadeOutLeftBig  {
    
0%  {
    
opacity: 1
}
to  {
    
	opacity:  0;
    
	-webkit-transform:  translate3d(-2000px,  0,  0);
    
	transform:  translate3d(-2000px,  0,  0)
}
}
.fadeOutLeftBig  {
    
	-webkit-animation-name:  fadeOutLeftBig;
    
	animation-name:  fadeOutLeftBig
}
@-webkit-keyframes fadeOutRight  {
    
0%  {
    
opacity: 1
}
to  {
    
	opacity:  0;
    
	-webkit-transform:  translate3d(100%,  0,  0);
    
	transform:  translate3d(100%,  0,  0)
}
}
@keyframes fadeOutRight  {
    
0%  {
    
opacity: 1
}
to  {
    
	opacity:  0;
    
	-webkit-transform:  translate3d(100%,  0,  0);
    
	transform:  translate3d(100%,  0,  0)
}
}
.fadeOutRight  {
    
	-webkit-animation-name:  fadeOutRight;
    
	animation-name:  fadeOutRight
}
@-webkit-keyframes fadeOutRightBig  {
    
0%  {
    
opacity: 1
}
to  {
    
	opacity:  0;
    
	-webkit-transform:  translate3d(2000px,  0,  0);
    
	transform:  translate3d(2000px,  0,  0)
}
}
@keyframes fadeOutRightBig  {
    
0%  {
    
opacity: 1
}
to  {
    
	opacity:  0;
    
	-webkit-transform:  translate3d(2000px,  0,  0);
    
	transform:  translate3d(2000px,  0,  0)
}
}
.fadeOutRightBig  {
    
	-webkit-animation-name:  fadeOutRightBig;
    
	animation-name:  fadeOutRightBig
}
@-webkit-keyframes fadeOutUp  {
    
0%  {
    
opacity: 1
}
to  {
    
	opacity:  0;
    
	-webkit-transform:  translate3d(0,  -100%,  0);
    
	transform:  translate3d(0,  -100%,  0)
}
}
@keyframes fadeOutUp  {
    
0%  {
    
opacity: 1
}
to  {
    
	opacity:  0;
    
	-webkit-transform:  translate3d(0,  -100%,  0);
    
	transform:  translate3d(0,  -100%,  0)
}
}
.fadeOutUp  {
    
	-webkit-animation-name:  fadeOutUp;
    
	animation-name:  fadeOutUp
}
@-webkit-keyframes fadeOutUpBig  {
    
0%  {
    
opacity: 1
}
to  {
    
	opacity:  0;
    
	-webkit-transform:  translate3d(0,  -2000px,  0);
    
	transform:  translate3d(0,  -2000px,  0)
}
}
@keyframes fadeOutUpBig  {
    
0%  {
    
opacity: 1
}
to  {
    
	opacity:  0;
    
	-webkit-transform:  translate3d(0,  -2000px,  0);
    
	transform:  translate3d(0,  -2000px,  0)
}
}
.fadeOutUpBig  {
    
	-webkit-animation-name:  fadeOutUpBig;
    
	animation-name:  fadeOutUpBig
}
@-webkit-keyframes flip  {
    
0%  {
    
-webkit-transform: perspective(400px) rotateY(-1turn);
    
transform: perspective(400px) rotateY(-1turn)
}
0%,  40%  {
    
-webkit-animation-timing-function: ease-out;
    
animation-timing-function: ease-out
}
40%  {
    
-webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg);
    
transform: perspective(400px) translateZ(150px) rotateY(-190deg)
}
50%  {
    
-webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg);
    
transform: perspective(400px) translateZ(150px) rotateY(-170deg)
}
50%,  80%  {
    
-webkit-animation-timing-function: ease-in;
    
animation-timing-function: ease-in
}
80%  {
    
-webkit-transform: perspective(400px) scale3d(.95,  .95,  .95);
    
transform: perspective(400px) scale3d(.95,  .95,  .95)
}
to  {
    
	-webkit-transform:  perspective(400px);
    
	transform:  perspective(400px);
    
	-webkit-animation-timing-function:  ease-in;
    
	animation-timing-function:  ease-in
}
}
@keyframes flip  {
    
0%  {
    
-webkit-transform: perspective(400px) rotateY(-1turn);
    
transform: perspective(400px) rotateY(-1turn)
}
0%,  40%  {
    
-webkit-animation-timing-function: ease-out;
    
animation-timing-function: ease-out
}
40%  {
    
-webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg);
    
transform: perspective(400px) translateZ(150px) rotateY(-190deg)
}
50%  {
    
-webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg);
    
transform: perspective(400px) translateZ(150px) rotateY(-170deg)
}
50%,  80%  {
    
-webkit-animation-timing-function: ease-in;
    
animation-timing-function: ease-in
}
80%  {
    
-webkit-transform: perspective(400px) scale3d(.95,  .95,  .95);
    
transform: perspective(400px) scale3d(.95,  .95,  .95)
}
to  {
    
	-webkit-transform:  perspective(400px);
    
	transform:  perspective(400px);
    
	-webkit-animation-timing-function:  ease-in;
    
	animation-timing-function:  ease-in
}
}
.animated.flip  {
    
	-webkit-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
}
0%,  40%  {
    
-webkit-animation-timing-function: ease-in;
    
animation-timing-function: ease-in
}
40%  {
    
-webkit-transform: perspective(400px) rotateX(-20deg);
    
transform: perspective(400px) rotateX(-20deg)
}
60%  {
    
-webkit-transform: perspective(400px) rotateX(10deg);
    
transform: perspective(400px) rotateX(10deg);
    
opacity: 1
}
80%  {
    
-webkit-transform: perspective(400px) rotateX(-5deg);
    
transform: perspective(400px) rotateX(-5deg)
}
to  {
    
	-webkit-transform:  perspective(400px);
    
	transform:  perspective(400px)
}
}
@keyframes flipInX  {
    
0%  {
    
-webkit-transform: perspective(400px) rotateX(90deg);
    
transform: perspective(400px) rotateX(90deg);
    
opacity: 0
}
0%,  40%  {
    
-webkit-animation-timing-function: ease-in;
    
animation-timing-function: ease-in
}
40%  {
    
-webkit-transform: perspective(400px) rotateX(-20deg);
    
transform: perspective(400px) rotateX(-20deg)
}
60%  {
    
-webkit-transform: perspective(400px) rotateX(10deg);
    
transform: perspective(400px) rotateX(10deg);
    
opacity: 1
}
80%  {
    
-webkit-transform: perspective(400px) rotateX(-5deg);
    
transform: perspective(400px) rotateX(-5deg)
}
to  {
    
	-webkit-transform:  perspective(400px);
    
	transform:  perspective(400px)
}
}
.flipInX  {
    
	-webkit-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
}
0%,  40%  {
    
-webkit-animation-timing-function: ease-in;
    
animation-timing-function: ease-in
}
40%  {
    
-webkit-transform: perspective(400px) rotateY(-20deg);
    
transform: perspective(400px) rotateY(-20deg)
}
60%  {
    
-webkit-transform: perspective(400px) rotateY(10deg);
    
transform: perspective(400px) rotateY(10deg);
    
opacity: 1
}
80%  {
    
-webkit-transform: perspective(400px) rotateY(-5deg);
    
transform: perspective(400px) rotateY(-5deg)
}
to  {
    
	-webkit-transform:  perspective(400px);
    
	transform:  perspective(400px)
}
}
@keyframes flipInY  {
    
0%  {
    
-webkit-transform: perspective(400px) rotateY(90deg);
    
transform: perspective(400px) rotateY(90deg);
    
opacity: 0
}
0%,  40%  {
    
-webkit-animation-timing-function: ease-in;
    
animation-timing-function: ease-in
}
40%  {
    
-webkit-transform: perspective(400px) rotateY(-20deg);
    
transform: perspective(400px) rotateY(-20deg)
}
60%  {
    
-webkit-transform: perspective(400px) rotateY(10deg);
    
transform: perspective(400px) rotateY(10deg);
    
opacity: 1
}
80%  {
    
-webkit-transform: perspective(400px) rotateY(-5deg);
    
transform: perspective(400px) rotateY(-5deg)
}
to  {
    
	-webkit-transform:  perspective(400px);
    
	transform:  perspective(400px)
}
}
.flipInY  {
    
	-webkit-backface-visibility:  visible!important;
    
	backface-visibility:  visible!important;
    
	-webkit-animation-name:  flipInY;
    
	animation-name:  flipInY
}
@-webkit-keyframes flipOutX  {
    
0%  {
    
-webkit-transform: perspective(400px);
    
transform: perspective(400px)
}
30%  {
    
-webkit-transform: perspective(400px) rotateX(-20deg);
    
transform: perspective(400px) rotateX(-20deg);
    
opacity: 1
}
to  {
    
	-webkit-transform:  perspective(400px) rotateX(90deg);
    
	transform:  perspective(400px) rotateX(90deg);
    
	opacity:  0
}
}
@keyframes flipOutX  {
    
0%  {
    
-webkit-transform: perspective(400px);
    
transform: perspective(400px)
}
30%  {
    
-webkit-transform: perspective(400px) rotateX(-20deg);
    
transform: perspective(400px) rotateX(-20deg);
    
opacity: 1
}
to  {
    
	-webkit-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;
    
	backface-visibility:  visible!important
}
@-webkit-keyframes flipOutY  {
    
0%  {
    
-webkit-transform: perspective(400px);
    
transform: perspective(400px)
}
30%  {
    
-webkit-transform: perspective(400px) rotateY(-15deg);
    
transform: perspective(400px) rotateY(-15deg);
    
opacity: 1
}
to  {
    
	-webkit-transform:  perspective(400px) rotateY(90deg);
    
	transform:  perspective(400px) rotateY(90deg);
    
	opacity:  0
}
}
@keyframes flipOutY  {
    
0%  {
    
-webkit-transform: perspective(400px);
    
transform: perspective(400px)
}
30%  {
    
-webkit-transform: perspective(400px) rotateY(-15deg);
    
transform: perspective(400px) rotateY(-15deg);
    
opacity: 1
}
to  {
    
	-webkit-transform:  perspective(400px) rotateY(90deg);
    
	transform:  perspective(400px) rotateY(90deg);
    
	opacity:  0
}
}
.flipOutY  {
    
	-webkit-backface-visibility:  visible!important;
    
	backface-visibility:  visible!important;
    
	-webkit-animation-name:  flipOutY;
    
	animation-name:  flipOutY
}
@-webkit-keyframes lightSpeedIn  {
    
0%  {
    
-webkit-transform: translate3d(100%,  0,  0) skewX(-30deg);
    
transform: translate3d(100%,  0,  0) skewX(-30deg);
    
opacity: 0
}
60%  {
    
-webkit-transform: skewX(20deg);
    
transform: skewX(20deg)
}
60%,  80%  {
    
opacity: 1
}
80%  {
    
-webkit-transform: skewX(-5deg);
    
transform: skewX(-5deg)
}
to  {
    
	-webkit-transform:  none;
    
	transform:  none;
    
	opacity:  1
}
}
@keyframes lightSpeedIn  {
    
0%  {
    
-webkit-transform: translate3d(100%,  0,  0) skewX(-30deg);
    
transform: translate3d(100%,  0,  0) skewX(-30deg);
    
opacity: 0
}
60%  {
    
-webkit-transform: skewX(20deg);
    
transform: skewX(20deg)
}
60%,  80%  {
    
opacity: 1
}
80%  {
    
-webkit-transform: skewX(-5deg);
    
transform: skewX(-5deg)
}
to  {
    
	-webkit-transform:  none;
    
	transform:  none;
    
	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%  {
    
opacity: 1
}
to  {
    
	-webkit-transform:  translate3d(100%,  0,  0) skewX(30deg);
    
	transform:  translate3d(100%,  0,  0) skewX(30deg);
    
	opacity:  0
}
}
@keyframes lightSpeedOut  {
    
0%  {
    
opacity: 1
}
to  {
    
	-webkit-transform:  translate3d(100%,  0,  0) skewX(30deg);
    
	transform:  translate3d(100%,  0,  0) 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%  {
    
transform-origin: center;
    
-webkit-transform: rotate(-200deg);
    
transform: rotate(-200deg);
    
opacity: 0
}
0%,  to  {
    
-webkit-transform-origin: center
}
to  {
    
	transform-origin:  center;
    
	-webkit-transform:  none;
    
	transform:  none;
    
	opacity:  1
}
}
@keyframes rotateIn  {
    
0%  {
    
transform-origin: center;
    
-webkit-transform: rotate(-200deg);
    
transform: rotate(-200deg);
    
opacity: 0
}
0%,  to  {
    
-webkit-transform-origin: center
}
to  {
    
	transform-origin:  center;
    
	-webkit-transform:  none;
    
	transform:  none;
    
	opacity:  1
}
}
.rotateIn  {
    
	-webkit-animation-name:  rotateIn;
    
	animation-name:  rotateIn
}
@-webkit-keyframes rotateInDownLeft  {
    
0%  {
    
transform-origin: left bottom;
    
-webkit-transform: rotate(-45deg);
    
transform: rotate(-45deg);
    
opacity: 0
}
0%,  to  {
    
-webkit-transform-origin: left bottom
}
to  {
    
	transform-origin:  left bottom;
    
	-webkit-transform:  none;
    
	transform:  none;
    
	opacity:  1
}
}
@keyframes rotateInDownLeft  {
    
0%  {
    
transform-origin: left bottom;
    
-webkit-transform: rotate(-45deg);
    
transform: rotate(-45deg);
    
opacity: 0
}
0%,  to  {
    
-webkit-transform-origin: left bottom
}
to  {
    
	transform-origin:  left bottom;
    
	-webkit-transform:  none;
    
	transform:  none;
    
	opacity:  1
}
}
.rotateInDownLeft  {
    
	-webkit-animation-name:  rotateInDownLeft;
    
	animation-name:  rotateInDownLeft
}
@-webkit-keyframes rotateInDownRight  {
    
0%  {
    
transform-origin: right bottom;
    
-webkit-transform: rotate(45deg);
    
transform: rotate(45deg);
    
opacity: 0
}
0%,  to  {
    
-webkit-transform-origin: right bottom
}
to  {
    
	transform-origin:  right bottom;
    
	-webkit-transform:  none;
    
	transform:  none;
    
	opacity:  1
}
}
@keyframes rotateInDownRight  {
    
0%  {
    
transform-origin: right bottom;
    
-webkit-transform: rotate(45deg);
    
transform: rotate(45deg);
    
opacity: 0
}
0%,  to  {
    
-webkit-transform-origin: right bottom
}
to  {
    
	transform-origin:  right bottom;
    
	-webkit-transform:  none;
    
	transform:  none;
    
	opacity:  1
}
}
.rotateInDownRight  {
    
	-webkit-animation-name:  rotateInDownRight;
    
	animation-name:  rotateInDownRight
}
@-webkit-keyframes rotateInUpLeft  {
    
0%  {
    
transform-origin: left bottom;
    
-webkit-transform: rotate(45deg);
    
transform: rotate(45deg);
    
opacity: 0
}
0%,  to  {
    
-webkit-transform-origin: left bottom
}
to  {
    
	transform-origin:  left bottom;
    
	-webkit-transform:  none;
    
	transform:  none;
    
	opacity:  1
}
}
@keyframes rotateInUpLeft  {
    
0%  {
    
transform-origin: left bottom;
    
-webkit-transform: rotate(45deg);
    
transform: rotate(45deg);
    
opacity: 0
}
0%,  to  {
    
-webkit-transform-origin: left bottom
}
to  {
    
	transform-origin:  left bottom;
    
	-webkit-transform:  none;
    
	transform:  none;
    
	opacity:  1
}
}
.rotateInUpLeft  {
    
	-webkit-animation-name:  rotateInUpLeft;
    
	animation-name:  rotateInUpLeft
}
@-webkit-keyframes rotateInUpRight  {
    
0%  {
    
transform-origin: right bottom;
    
-webkit-transform: rotate(-90deg);
    
transform: rotate(-90deg);
    
opacity: 0
}
0%,  to  {
    
-webkit-transform-origin: right bottom
}
to  {
    
	transform-origin:  right bottom;
    
	-webkit-transform:  none;
    
	transform:  none;
    
	opacity:  1
}
}
@keyframes rotateInUpRight  {
    
0%  {
    
transform-origin: right bottom;
    
-webkit-transform: rotate(-90deg);
    
transform: rotate(-90deg);
    
opacity: 0
}
0%,  to  {
    
-webkit-transform-origin: right bottom
}
to  {
    
	transform-origin:  right bottom;
    
	-webkit-transform:  none;
    
	transform:  none;
    
	opacity:  1
}
}
.rotateInUpRight  {
    
	-webkit-animation-name:  rotateInUpRight;
    
	animation-name:  rotateInUpRight
}
@-webkit-keyframes rotateOut  {
    
0%  {
    
transform-origin: center;
    
opacity: 1
}
0%,  to  {
    
-webkit-transform-origin: center
}
to  {
    
	transform-origin:  center;
    
	-webkit-transform:  rotate(200deg);
    
	transform:  rotate(200deg);
    
	opacity:  0
}
}
@keyframes rotateOut  {
    
0%  {
    
transform-origin: center;
    
opacity: 1
}
0%,  to  {
    
-webkit-transform-origin: center
}
to  {
    
	transform-origin:  center;
    
	-webkit-transform:  rotate(200deg);
    
	transform:  rotate(200deg);
    
	opacity:  0
}
}
.rotateOut  {
    
	-webkit-animation-name:  rotateOut;
    
	animation-name:  rotateOut
}
@-webkit-keyframes rotateOutDownLeft  {
    
0%  {
    
transform-origin: left bottom;
    
opacity: 1
}
0%,  to  {
    
-webkit-transform-origin: left bottom
}
to  {
    
	transform-origin:  left bottom;
    
	-webkit-transform:  rotate(45deg);
    
	transform:  rotate(45deg);
    
	opacity:  0
}
}
@keyframes rotateOutDownLeft  {
    
0%  {
    
transform-origin: left bottom;
    
opacity: 1
}
0%,  to  {
    
-webkit-transform-origin: left bottom
}
to  {
    
	transform-origin:  left bottom;
    
	-webkit-transform:  rotate(45deg);
    
	transform:  rotate(45deg);
    
	opacity:  0
}
}
.rotateOutDownLeft  {
    
	-webkit-animation-name:  rotateOutDownLeft;
    
	animation-name:  rotateOutDownLeft
}
@-webkit-keyframes rotateOutDownRight  {
    
0%  {
    
transform-origin: right bottom;
    
opacity: 1
}
0%,  to  {
    
-webkit-transform-origin: right bottom
}
to  {
    
	transform-origin:  right bottom;
    
	-webkit-transform:  rotate(-45deg);
    
	transform:  rotate(-45deg);
    
	opacity:  0
}
}
@keyframes rotateOutDownRight  {
    
0%  {
    
transform-origin: right bottom;
    
opacity: 1
}
0%,  to  {
    
-webkit-transform-origin: right bottom
}
to  {
    
	transform-origin:  right bottom;
    
	-webkit-transform:  rotate(-45deg);
    
	transform:  rotate(-45deg);
    
	opacity:  0
}
}
.rotateOutDownRight  {
    
	-webkit-animation-name:  rotateOutDownRight;
    
	animation-name:  rotateOutDownRight
}
@-webkit-keyframes rotateOutUpLeft  {
    
0%  {
    
transform-origin: left bottom;
    
opacity: 1
}
0%,  to  {
    
-webkit-transform-origin: left bottom
}
to  {
    
	transform-origin:  left bottom;
    
	-webkit-transform:  rotate(-45deg);
    
	transform:  rotate(-45deg);
    
	opacity:  0
}
}
@keyframes rotateOutUpLeft  {
    
0%  {
    
transform-origin: left bottom;
    
opacity: 1
}
0%,  to  {
    
-webkit-transform-origin: left bottom
}
to  {
    
	transform-origin:  left bottom;
    
	-webkit-transform:  rotate(-45deg);
    
	transform:  rotate(-45deg);
    
	opacity:  0
}
}
.rotateOutUpLeft  {
    
	-webkit-animation-name:  rotateOutUpLeft;
    
	animation-name:  rotateOutUpLeft
}
@-webkit-keyframes rotateOutUpRight  {
    
0%  {
    
transform-origin: right bottom;
    
opacity: 1
}
0%,  to  {
    
-webkit-transform-origin: right bottom
}
to  {
    
	transform-origin:  right bottom;
    
	-webkit-transform:  rotate(90deg);
    
	transform:  rotate(90deg);
    
	opacity:  0
}
}
@keyframes rotateOutUpRight  {
    
0%  {
    
transform-origin: right bottom;
    
opacity: 1
}
0%,  to  {
    
-webkit-transform-origin: right bottom
}
to  {
    
	transform-origin:  right bottom;
    
	-webkit-transform:  rotate(90deg);
    
	transform:  rotate(90deg);
    
	opacity:  0
}
}
.rotateOutUpRight  {
    
	-webkit-animation-name:  rotateOutUpRight;
    
	animation-name:  rotateOutUpRight
}
@-webkit-keyframes hinge  {
    
0%  {
    
transform-origin: top left
}
0%,  20%,  60%  {
    
-webkit-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);
    
transform-origin: top left
}
40%,  80%  {
    
-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;
    
opacity: 1
}
to  {
    
	-webkit-transform:  translate3d(0,  700px,  0);
    
	transform:  translate3d(0,  700px,  0);
    
	opacity:  0
}
}
@keyframes hinge  {
    
0%  {
    
transform-origin: top left
}
0%,  20%,  60%  {
    
-webkit-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);
    
transform-origin: top left
}
40%,  80%  {
    
-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;
    
opacity: 1
}
to  {
    
	-webkit-transform:  translate3d(0,  700px,  0);
    
	transform:  translate3d(0,  700px,  0);
    
	opacity:  0
}
}
.hinge  {
    
	-webkit-animation-name:  hinge;
    
	animation-name:  hinge
}
@-webkit-keyframes rollIn  {
    
0%  {
    
opacity: 0;
    
-webkit-transform: translate3d(-100%,  0,  0) rotate(-120deg);
    
transform: translate3d(-100%,  0,  0) rotate(-120deg)
}
to  {
    
	opacity:  1;
    
	-webkit-transform:  none;
    
	transform:  none
}
}
@keyframes rollIn  {
    
0%  {
    
opacity: 0;
    
-webkit-transform: translate3d(-100%,  0,  0) rotate(-120deg);
    
transform: translate3d(-100%,  0,  0) rotate(-120deg)
}
to  {
    
	opacity:  1;
    
	-webkit-transform:  none;
    
	transform:  none
}
}
.rollIn  {
    
	-webkit-animation-name:  rollIn;
    
	animation-name:  rollIn
}
@-webkit-keyframes rollOut  {
    
0%  {
    
opacity: 1
}
to  {
    
	opacity:  0;
    
	-webkit-transform:  translate3d(100%,  0,  0) rotate(120deg);
    
	transform:  translate3d(100%,  0,  0) rotate(120deg)
}
}
@keyframes rollOut  {
    
0%  {
    
opacity: 1
}
to  {
    
	opacity:  0;
    
	-webkit-transform:  translate3d(100%,  0,  0) rotate(120deg);
    
	transform:  translate3d(100%,  0,  0) rotate(120deg)
}
}
.rollOut  {
    
	-webkit-animation-name:  rollOut;
    
	animation-name:  rollOut
}
@-webkit-keyframes zoomIn  {
    
0%  {
    
opacity: 0;
    
-webkit-transform: scale3d(.3,  .3,  .3);
    
transform: scale3d(.3,  .3,  .3)
}
50%  {
    
opacity: 1
}
}
@keyframes zoomIn  {
    
0%  {
    
opacity: 0;
    
-webkit-transform: scale3d(.3,  .3,  .3);
    
transform: scale3d(.3,  .3,  .3)
}
50%  {
    
opacity: 1
}
}
.zoomIn  {
    
	-webkit-animation-name:  zoomIn;
    
	animation-name:  zoomIn
}
@-webkit-keyframes zoomInDown  {
    
0%  {
    
opacity: 0;
    
-webkit-transform: scale3d(.1,  .1,  .1) translate3d(0,  -1000px,  0);
    
transform: scale3d(.1,  .1,  .1) translate3d(0,  -1000px,  0);
    
-webkit-animation-timing-function: cubic-bezier(.55,  .055,  .675,  .19);
    
animation-timing-function: cubic-bezier(.55,  .055,  .675,  .19)
}
60%  {
    
opacity: 1;
    
-webkit-transform: scale3d(.475,  .475,  .475) translate3d(0,  60px,  0);
    
transform: scale3d(.475,  .475,  .475) translate3d(0,  60px,  0);
    
-webkit-animation-timing-function: cubic-bezier(.175,  .885,  .32,  1);
    
animation-timing-function: cubic-bezier(.175,  .885,  .32,  1)
}
}
@keyframes zoomInDown  {
    
0%  {
    
opacity: 0;
    
-webkit-transform: scale3d(.1,  .1,  .1) translate3d(0,  -1000px,  0);
    
transform: scale3d(.1,  .1,  .1) translate3d(0,  -1000px,  0);
    
-webkit-animation-timing-function: cubic-bezier(.55,  .055,  .675,  .19);
    
animation-timing-function: cubic-bezier(.55,  .055,  .675,  .19)
}
60%  {
    
opacity: 1;
    
-webkit-transform: scale3d(.475,  .475,  .475) translate3d(0,  60px,  0);
    
transform: scale3d(.475,  .475,  .475) translate3d(0,  60px,  0);
    
-webkit-animation-timing-function: cubic-bezier(.175,  .885,  .32,  1);
    
animation-timing-function: cubic-bezier(.175,  .885,  .32,  1)
}
}
.zoomInDown  {
    
	-webkit-animation-name:  zoomInDown;
    
	animation-name:  zoomInDown
}
@-webkit-keyframes zoomInLeft  {
    
0%  {
    
opacity: 0;
    
-webkit-transform: scale3d(.1,  .1,  .1) translate3d(-1000px,  0,  0);
    
transform: scale3d(.1,  .1,  .1) translate3d(-1000px,  0,  0);
    
-webkit-animation-timing-function: cubic-bezier(.55,  .055,  .675,  .19);
    
animation-timing-function: cubic-bezier(.55,  .055,  .675,  .19)
}
60%  {
    
opacity: 1;
    
-webkit-transform: scale3d(.475,  .475,  .475) translate3d(10px,  0,  0);
    
transform: scale3d(.475,  .475,  .475) translate3d(10px,  0,  0);
    
-webkit-animation-timing-function: cubic-bezier(.175,  .885,  .32,  1);
    
animation-timing-function: cubic-bezier(.175,  .885,  .32,  1)
}
}
@keyframes zoomInLeft  {
    
0%  {
    
opacity: 0;
    
-webkit-transform: scale3d(.1,  .1,  .1) translate3d(-1000px,  0,  0);
    
transform: scale3d(.1,  .1,  .1) translate3d(-1000px,  0,  0);
    
-webkit-animation-timing-function: cubic-bezier(.55,  .055,  .675,  .19);
    
animation-timing-function: cubic-bezier(.55,  .055,  .675,  .19)
}
60%  {
    
opacity: 1;
    
-webkit-transform: scale3d(.475,  .475,  .475) translate3d(10px,  0,  0);
    
transform: scale3d(.475,  .475,  .475) translate3d(10px,  0,  0);
    
-webkit-animation-timing-function: cubic-bezier(.175,  .885,  .32,  1);
    
animation-timing-function: cubic-bezier(.175,  .885,  .32,  1)
}
}
.zoomInLeft  {
    
	-webkit-animation-name:  zoomInLeft;
    
	animation-name:  zoomInLeft
}
@-webkit-keyframes zoomInRight  {
    
0%  {
    
opacity: 0;
    
-webkit-transform: scale3d(.1,  .1,  .1) translate3d(1000px,  0,  0);
    
transform: scale3d(.1,  .1,  .1) translate3d(1000px,  0,  0);
    
-webkit-animation-timing-function: cubic-bezier(.55,  .055,  .675,  .19);
    
animation-timing-function: cubic-bezier(.55,  .055,  .675,  .19)
}
60%  {
    
opacity: 1;
    
-webkit-transform: scale3d(.475,  .475,  .475) translate3d(-10px,  0,  0);
    
transform: scale3d(.475,  .475,  .475) translate3d(-10px,  0,  0);
    
-webkit-animation-timing-function: cubic-bezier(.175,  .885,  .32,  1);
    
animation-timing-function: cubic-bezier(.175,  .885,  .32,  1)
}
}
@keyframes zoomInRight  {
    
0%  {
    
opacity: 0;
    
-webkit-transform: scale3d(.1,  .1,  .1) translate3d(1000px,  0,  0);
    
transform: scale3d(.1,  .1,  .1) translate3d(1000px,  0,  0);
    
-webkit-animation-timing-function: cubic-bezier(.55,  .055,  .675,  .19);
    
animation-timing-function: cubic-bezier(.55,  .055,  .675,  .19)
}
60%  {
    
opacity: 1;
    
-webkit-transform: scale3d(.475,  .475,  .475) translate3d(-10px,  0,  0);
    
transform: scale3d(.475,  .475,  .475) translate3d(-10px,  0,  0);
    
-webkit-animation-timing-function: cubic-bezier(.175,  .885,  .32,  1);
    
animation-timing-function: cubic-bezier(.175,  .885,  .32,  1)
}
}
.zoomInRight  {
    
	-webkit-animation-name:  zoomInRight;
    
	animation-name:  zoomInRight
}
@-webkit-keyframes zoomInUp  {
    
0%  {
    
opacity: 0;
    
-webkit-transform: scale3d(.1,  .1,  .1) translate3d(0,  1000px,  0);
    
transform: scale3d(.1,  .1,  .1) translate3d(0,  1000px,  0);
    
-webkit-animation-timing-function: cubic-bezier(.55,  .055,  .675,  .19);
    
animation-timing-function: cubic-bezier(.55,  .055,  .675,  .19)
}
60%  {
    
opacity: 1;
    
-webkit-transform: scale3d(.475,  .475,  .475) translate3d(0,  -60px,  0);
    
transform: scale3d(.475,  .475,  .475) translate3d(0,  -60px,  0);
    
-webkit-animation-timing-function: cubic-bezier(.175,  .885,  .32,  1);
    
animation-timing-function: cubic-bezier(.175,  .885,  .32,  1)
}
}
@keyframes zoomInUp  {
    
0%  {
    
opacity: 0;
    
-webkit-transform: scale3d(.1,  .1,  .1) translate3d(0,  1000px,  0);
    
transform: scale3d(.1,  .1,  .1) translate3d(0,  1000px,  0);
    
-webkit-animation-timing-function: cubic-bezier(.55,  .055,  .675,  .19);
    
animation-timing-function: cubic-bezier(.55,  .055,  .675,  .19)
}
60%  {
    
opacity: 1;
    
-webkit-transform: scale3d(.475,  .475,  .475) translate3d(0,  -60px,  0);
    
transform: scale3d(.475,  .475,  .475) translate3d(0,  -60px,  0);
    
-webkit-animation-timing-function: cubic-bezier(.175,  .885,  .32,  1);
    
animation-timing-function: cubic-bezier(.175,  .885,  .32,  1)
}
}
.zoomInUp  {
    
	-webkit-animation-name:  zoomInUp;
    
	animation-name:  zoomInUp
}
@-webkit-keyframes zoomOut  {
    
0%  {
    
opacity: 1
}
50%  {
    
-webkit-transform: scale3d(.3,  .3,  .3);
    
transform: scale3d(.3,  .3,  .3)
}
50%,  to  {
    
opacity: 0
}
}
@keyframes zoomOut  {
    
0%  {
    
opacity: 1
}
50%  {
    
-webkit-transform: scale3d(.3,  .3,  .3);
    
transform: scale3d(.3,  .3,  .3)
}
50%,  to  {
    
opacity: 0
}
}
.zoomOut  {
    
	-webkit-animation-name:  zoomOut;
    
	animation-name:  zoomOut
}
@-webkit-keyframes zoomOutDown  {
    
40%  {
    
opacity: 1;
    
-webkit-transform: scale3d(.475,  .475,  .475) translate3d(0,  -60px,  0);
    
transform: scale3d(.475,  .475,  .475) translate3d(0,  -60px,  0);
    
-webkit-animation-timing-function: cubic-bezier(.55,  .055,  .675,  .19);
    
animation-timing-function: cubic-bezier(.55,  .055,  .675,  .19)
}
to  {
    
	opacity:  0;
    
	-webkit-transform:  scale3d(.1,  .1,  .1) translate3d(0,  2000px,  0);
    
	transform:  scale3d(.1,  .1,  .1) translate3d(0,  2000px,  0);
    
	-webkit-transform-origin:  center bottom;
    
	transform-origin:  center bottom;
    
	-webkit-animation-timing-function:  cubic-bezier(.175,  .885,  .32,  1);
    
	animation-timing-function:  cubic-bezier(.175,  .885,  .32,  1)
}
}
@keyframes zoomOutDown  {
    
40%  {
    
opacity: 1;
    
-webkit-transform: scale3d(.475,  .475,  .475) translate3d(0,  -60px,  0);
    
transform: scale3d(.475,  .475,  .475) translate3d(0,  -60px,  0);
    
-webkit-animation-timing-function: cubic-bezier(.55,  .055,  .675,  .19);
    
animation-timing-function: cubic-bezier(.55,  .055,  .675,  .19)
}
to  {
    
	opacity:  0;
    
	-webkit-transform:  scale3d(.1,  .1,  .1) translate3d(0,  2000px,  0);
    
	transform:  scale3d(.1,  .1,  .1) translate3d(0,  2000px,  0);
    
	-webkit-transform-origin:  center bottom;
    
	transform-origin:  center bottom;
    
	-webkit-animation-timing-function:  cubic-bezier(.175,  .885,  .32,  1);
    
	animation-timing-function:  cubic-bezier(.175,  .885,  .32,  1)
}
}
.zoomOutDown  {
    
	-webkit-animation-name:  zoomOutDown;
    
	animation-name:  zoomOutDown
}
@-webkit-keyframes zoomOutLeft  {
    
40%  {
    
opacity: 1;
    
-webkit-transform: scale3d(.475,  .475,  .475) translate3d(42px,  0,  0);
    
transform: scale3d(.475,  .475,  .475) translate3d(42px,  0,  0)
}
to  {
    
	opacity:  0;
    
	-webkit-transform:  scale(.1) translate3d(-2000px,  0,  0);
    
	transform:  scale(.1) translate3d(-2000px,  0,  0);
    
	-webkit-transform-origin:  left center;
    
	transform-origin:  left center
}
}
@keyframes zoomOutLeft  {
    
40%  {
    
opacity: 1;
    
-webkit-transform: scale3d(.475,  .475,  .475) translate3d(42px,  0,  0);
    
transform: scale3d(.475,  .475,  .475) translate3d(42px,  0,  0)
}
to  {
    
	opacity:  0;
    
	-webkit-transform:  scale(.1) translate3d(-2000px,  0,  0);
    
	transform:  scale(.1) translate3d(-2000px,  0,  0);
    
	-webkit-transform-origin:  left center;
    
	transform-origin:  left center
}
}
.zoomOutLeft  {
    
	-webkit-animation-name:  zoomOutLeft;
    
	animation-name:  zoomOutLeft
}
@-webkit-keyframes zoomOutRight  {
    
40%  {
    
opacity: 1;
    
-webkit-transform: scale3d(.475,  .475,  .475) translate3d(-42px,  0,  0);
    
transform: scale3d(.475,  .475,  .475) translate3d(-42px,  0,  0)
}
to  {
    
	opacity:  0;
    
	-webkit-transform:  scale(.1) translate3d(2000px,  0,  0);
    
	transform:  scale(.1) translate3d(2000px,  0,  0);
    
	-webkit-transform-origin:  right center;
    
	transform-origin:  right center
}
}
@keyframes zoomOutRight  {
    
40%  {
    
opacity: 1;
    
-webkit-transform: scale3d(.475,  .475,  .475) translate3d(-42px,  0,  0);
    
transform: scale3d(.475,  .475,  .475) translate3d(-42px,  0,  0)
}
to  {
    
	opacity:  0;
    
	-webkit-transform:  scale(.1) translate3d(2000px,  0,  0);
    
	transform:  scale(.1) translate3d(2000px,  0,  0);
    
	-webkit-transform-origin:  right center;
    
	transform-origin:  right center
}
}
.zoomOutRight  {
    
	-webkit-animation-name:  zoomOutRight;
    
	animation-name:  zoomOutRight
}
@-webkit-keyframes zoomOutUp  {
    
40%  {
    
opacity: 1;
    
-webkit-transform: scale3d(.475,  .475,  .475) translate3d(0,  60px,  0);
    
transform: scale3d(.475,  .475,  .475) translate3d(0,  60px,  0);
    
-webkit-animation-timing-function: cubic-bezier(.55,  .055,  .675,  .19);
    
animation-timing-function: cubic-bezier(.55,  .055,  .675,  .19)
}
to  {
    
	opacity:  0;
    
	-webkit-transform:  scale3d(.1,  .1,  .1) translate3d(0,  -2000px,  0);
    
	transform:  scale3d(.1,  .1,  .1) translate3d(0,  -2000px,  0);
    
	-webkit-transform-origin:  center bottom;
    
	transform-origin:  center bottom;
    
	-webkit-animation-timing-function:  cubic-bezier(.175,  .885,  .32,  1);
    
	animation-timing-function:  cubic-bezier(.175,  .885,  .32,  1)
}
}
@keyframes zoomOutUp  {
    
40%  {
    
opacity: 1;
    
-webkit-transform: scale3d(.475,  .475,  .475) translate3d(0,  60px,  0);
    
transform: scale3d(.475,  .475,  .475) translate3d(0,  60px,  0);
    
-webkit-animation-timing-function: cubic-bezier(.55,  .055,  .675,  .19);
    
animation-timing-function: cubic-bezier(.55,  .055,  .675,  .19)
}
to  {
    
	opacity:  0;
    
	-webkit-transform:  scale3d(.1,  .1,  .1) translate3d(0,  -2000px,  0);
    
	transform:  scale3d(.1,  .1,  .1) translate3d(0,  -2000px,  0);
    
	-webkit-transform-origin:  center bottom;
    
	transform-origin:  center bottom;
    
	-webkit-animation-timing-function:  cubic-bezier(.175,  .885,  .32,  1);
    
	animation-timing-function:  cubic-bezier(.175,  .885,  .32,  1)
}
}
.zoomOutUp  {
    
	-webkit-animation-name:  zoomOutUp;
    
	animation-name:  zoomOutUp
}
@-webkit-keyframes slideInDown  {
    
0%  {
    
-webkit-transform: translate3d(0,  -100%,  0);
    
transform: translate3d(0,  -100%,  0);
    
visibility: visible
}
to  {
    
	-webkit-transform:  translateZ(0);
    
	transform:  translateZ(0)
}
}
@keyframes slideInDown  {
    
0%  {
    
-webkit-transform: translate3d(0,  -100%,  0);
    
transform: translate3d(0,  -100%,  0);
    
visibility: visible
}
to  {
    
	-webkit-transform:  translateZ(0);
    
	transform:  translateZ(0)
}
}
.slideInDown  {
    
	-webkit-animation-name:  slideInDown;
    
	animation-name:  slideInDown
}
@-webkit-keyframes slideInLeft  {
    
0%  {
    
-webkit-transform: translate3d(-50px,  0,  0);
    
transform: translate3d(-50px,  0,  0);
    
visibility: visible
}
to  {
    
	-webkit-transform:  translateZ(0);
    
	transform:  translateZ(0)
}
}
@keyframes slideInLeft  {
    
0%  {
    
-webkit-transform: translate3d(-50px,  0,  0);
    
transform: translate3d(-50px,  0,  0);
    
visibility: visible
}
to  {
    
	-webkit-transform:  translateZ(0);
    
	transform:  translateZ(0)
}
}
.slideInLeft  {
    
	-webkit-animation-name:  slideInLeft;
    
	animation-name:  slideInLeft
}
@-webkit-keyframes slideInRight  {
    
0%  {
    
-webkit-transform: translate3d(50px,  0,  0);
    
transform: translate3d(50px,  0,  0);
    
visibility: visible
}
to  {
    
	-webkit-transform:  translateZ(0);
    
	transform:  translateZ(0)
}
}
@keyframes slideInRight  {
    
0%  {
    
-webkit-transform: translate3d(50px,  0,  0);
    
transform: translate3d(50px,  0,  0);
    
visibility: visible
}
to  {
    
	-webkit-transform:  translateZ(0);
    
	transform:  translateZ(0)
}
}
.slideInRight  {
    
	-webkit-animation-name:  slideInRight;
    
	animation-name:  slideInRight
}
@-webkit-keyframes slideInUp  {
    
0%  {
    
-webkit-transform: translate3d(0,  100%,  0);
    
transform: translate3d(0,  100%,  0);
    
visibility: visible
}
to  {
    
	-webkit-transform:  translateZ(0);
    
	transform:  translateZ(0)
}
}
@keyframes slideInUp  {
    
0%  {
    
-webkit-transform: translate3d(0,  100%,  0);
    
transform: translate3d(0,  100%,  0);
    
visibility: visible
}
to  {
    
	-webkit-transform:  translateZ(0);
    
	transform:  translateZ(0)
}
}
.slideInUp  {
    
	-webkit-animation-name:  slideInUp;
    
	animation-name:  slideInUp
}
@-webkit-keyframes slideOutDown  {
    
0%  {
    
-webkit-transform: translateZ(0);
    
transform: translateZ(0)
}
to  {
    
	visibility:  hidden;
    
	-webkit-transform:  translate3d(0,  100%,  0);
    
	transform:  translate3d(0,  100%,  0)
}
}
@keyframes slideOutDown  {
    
0%  {
    
-webkit-transform: translateZ(0);
    
transform: translateZ(0)
}
to  {
    
	visibility:  hidden;
    
	-webkit-transform:  translate3d(0,  100%,  0);
    
	transform:  translate3d(0,  100%,  0)
}
}
.slideOutDown  {
    
	-webkit-animation-name:  slideOutDown;
    
	animation-name:  slideOutDown
}
@-webkit-keyframes slideOutLeft  {
    
0%  {
    
-webkit-transform: translateZ(0);
    
transform: translateZ(0)
}
to  {
    
	visibility:  hidden;
    
	-webkit-transform:  translate3d(-100%,  0,  0);
    
	transform:  translate3d(-100%,  0,  0)
}
}
@keyframes slideOutLeft  {
    
0%  {
    
-webkit-transform: translateZ(0);
    
transform: translateZ(0)
}
to  {
    
	visibility:  hidden;
    
	-webkit-transform:  translate3d(-100%,  0,  0);
    
	transform:  translate3d(-100%,  0,  0)
}
}
.slideOutLeft  {
    
	-webkit-animation-name:  slideOutLeft;
    
	animation-name:  slideOutLeft
}
@-webkit-keyframes slideOutRight  {
    
0%  {
    
-webkit-transform: translateZ(0);
    
transform: translateZ(0)
}
to  {
    
	visibility:  hidden;
    
	-webkit-transform:  translate3d(100%,  0,  0);
    
	transform:  translate3d(100%,  0,  0)
}
}
@keyframes slideOutRight  {
    
0%  {
    
-webkit-transform: translateZ(0);
    
transform: translateZ(0)
}
to  {
    
	visibility:  hidden;
    
	-webkit-transform:  translate3d(100%,  0,  0);
    
	transform:  translate3d(100%,  0,  0)
}
}
.slideOutRight  {
    
	-webkit-animation-name:  slideOutRight;
    
	animation-name:  slideOutRight
}
@-webkit-keyframes slideOutUp  {
    
0%  {
    
-webkit-transform: translateZ(0);
    
transform: translateZ(0)
}
to  {
    
	visibility:  hidden;
    
	-webkit-transform:  translate3d(0,  -100%,  0);
    
	transform:  translate3d(0,  -100%,  0)
}
}
@keyframes slideOutUp  {
    
0%  {
    
-webkit-transform: translateZ(0);
    
transform: translateZ(0)
}
to  {
    
	visibility:  hidden;
    
	-webkit-transform:  translate3d(0,  -100%,  0);
    
	transform:  translate3d(0,  -100%,  0)
}
}
.slideOutUp  {
    
	-webkit-animation-name:  slideOutUp;
    
	animation-name:  slideOutUp
}