@charset "UTF-8";
   .sweet-alert,
   .sweet-overlay {
       position: fixed;
       display: none
   }
   
   .comments1 u, a, pa.claim {
       text-decoration: none
   }
   
   body.stop-scrolling {
       height: 100%;
       overflow: hidden
   }
   
   .sweet-overlay {
       background-color: #000;
       background-color: rgba(0, 0, 0, .4);
       left: 0;
       right: 0;
       top: 0;
       bottom: 0;
       z-index: 10000
   }
   
   .sweet-alert {
       background-color: #fff;
       font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
       width: 478px;
       padding: 17px;
       border-radius: 5px;
       text-align: center;
       left: 50%;
       top: 50%;
       margin-left: -256px;
       margin-top: -150px;
       overflow: hidden;
       z-index: 99999
   }
   
   @media all and (max-width:540px) {
       .sweet-alert {
           width: auto;
           margin-left: 0;
           margin-right: 0;
           left: 15px;
           right: 15px
       }
   }
   
   .sweet-alert h2 {
       color: #575757;
       font-size: 25px;
       text-align: center;
       font-weight: 600;
       text-transform: none;
       position: relative;
       margin: 25px 0;
       padding: 0;
       line-height: 40px;
       display: block
   }
   
   .sweet-alert p {
       color: #797979;
       font-size: 15px;
       font-weight: 300;
       position: relative;
       text-align: inherit;
       float: none;
       margin: 0;
       padding: 0;
       line-height: normal
   }
   
   .header,
   .instructions,
   a {
       text-align: center
   }
   
   .sweet-alert .sa-confirm-button-container {
       display: inline-block;
       position: relative
   }
   
   .la-ball-fall,
   .visible {
       display: block
   }
   
   .sweet-alert .la-ball-fall {
       position: absolute;
       left: 50%;
       top: 50%;
       margin-left: -27px;
       margin-top: 4px;
       opacity: 0;
       visibility: hidden
   }
   
   .sweet-alert button {
    background-color: #e84242;
    color: #000;
    border: none;
    box-shadow: none;
    font-size: 17px;
    font-weight: 500;
    -webkit-border-radius: 4px;
    border-radius: 5px;
    padding: 10px 32px;
    margin: 26px 5px 0;
    cursor: pointer;
}
   
   .sweet-alert button:focus {
       outline: 0;
       box-shadow: 0 0 2px rgba(128, 179, 235, .5), inset 0 0 0 1px rgba(0, 0, 0, .05)
   }
   
   .sweet-alert button:hover {
       background-color: #7ecff4
   }
   
   .sweet-alert button:active {
       background-color: #5dc2f1
   }
   
   .sweet-alert button::-moz-focus-inner {
       border: 0
   }
   
   .sweet-alert .sa-icon {
       width: 80px;
       height: 80px;
       border: 4px solid gray;
       -webkit-border-radius: 40px;
       border-radius: 50%;
       margin: 20px auto;
       padding: 0;
       position: relative;
       box-sizing: content-box
   }
   
   .sweet-alert .sa-icon.sa-success {
       border-color: #a5dc86
   }
   
   .sweet-alert .sa-icon.sa-success::after,
   .sweet-alert .sa-icon.sa-success::before {
       content: '';
       position: absolute;
       width: 60px;
       height: 120px;
       background: #fff
   }
   
   .sweet-alert .sa-icon.sa-success::before {
       -webkit-border-radius: 120px 0 0 120px;
       border-radius: 120px 0 0 120px;
       top: -7px;
       left: -33px;
       -webkit-transform: rotate(-45deg);
       transform: rotate(-45deg);
       -webkit-transform-origin: 60px 60px;
       transform-origin: 60px 60px
   }
   
   .sweet-alert .sa-icon.sa-success::after {
       -webkit-border-radius: 0 120px 120px 0;
       border-radius: 0 120px 120px 0;
       top: -11px;
       left: 30px;
       -webkit-transform: rotate(-45deg);
       transform: rotate(-45deg);
       -webkit-transform-origin: 0 60px;
       transform-origin: 0 60px
   }
   
   .sweet-alert .sa-icon.sa-success .sa-placeholder {
       width: 80px;
       height: 80px;
       border: 4px solid rgba(165, 220, 134, .2);
       -webkit-border-radius: 40px;
       border-radius: 50%;
       box-sizing: content-box;
       position: absolute;
       left: -4px;
       top: -4px;
       z-index: 2
   }
   
   .sweet-alert .sa-icon.sa-success .sa-fix {
       width: 5px;
       height: 90px;
       background-color: #fff;
       position: absolute;
       left: 28px;
       top: 8px;
       z-index: 1;
       -webkit-transform: rotate(-45deg);
       transform: rotate(-45deg)
   }
   
   .sweet-alert .sa-icon.sa-success .sa-line {
       height: 5px;
       background-color: #a5dc86;
       display: block;
       border-radius: 2px;
       position: absolute;
       z-index: 2
   }
   
   .sweet-alert .sa-icon.sa-success .sa-line.sa-tip {
       width: 25px;
       left: 14px;
       top: 46px;
       -webkit-transform: rotate(45deg);
       transform: rotate(45deg)
   }
   
   .sweet-alert .sa-icon.sa-success .sa-line.sa-long {
       width: 47px;
       right: 8px;
       top: 38px;
       -webkit-transform: rotate(-45deg);
       transform: rotate(-45deg)
   }
   
   @-webkit-keyframes showSweetAlert {
       0% {
           transform: scale(.7);
           -webkit-transform: scale(.7)
       }
       45% {
           transform: scale(1.05);
           -webkit-transform: scale(1.05)
       }
       80% {
           transform: scale(.95);
           -webkit-transform: scale(.95)
       }
       100% {
           transform: scale(1);
           -webkit-transform: scale(1)
       }
   }
   
   @keyframes showSweetAlert {
       0% {
           transform: scale(.7);
           -webkit-transform: scale(.7)
       }
       45% {
           transform: scale(1.05);
           -webkit-transform: scale(1.05)
       }
       80% {
           transform: scale(.95);
           -webkit-transform: scale(.95)
       }
       100% {
           transform: scale(1);
           -webkit-transform: scale(1)
       }
   }
   
   @-webkit-keyframes hideSweetAlert {
       0% {
           transform: scale(1);
           -webkit-transform: scale(1)
       }
       100% {
           transform: scale(.5);
           -webkit-transform: scale(.5)
       }
   }
   
   @keyframes hideSweetAlert {
       0% {
           transform: scale(1);
           -webkit-transform: scale(1)
       }
       100% {
           transform: scale(.5);
           -webkit-transform: scale(.5)
       }
   }
   
   @-webkit-keyframes slideFromTop {
       0% {
           top: 0
       }
       100% {
           top: 50%
       }
   }
   
   @keyframes slideFromTop {
       0% {
           top: 0
       }
       100% {
           top: 50%
       }
   }
   
   @-webkit-keyframes slideToTop {
       0% {
           top: 50%
       }
       100% {
           top: 0
       }
   }
   
   @keyframes slideToTop {
       0% {
           top: 50%
       }
       100% {
           top: 0
       }
   }
   
   @-webkit-keyframes slideFromBottom {
       0% {
           top: 70%
       }
       100% {
           top: 50%
       }
   }
   
   @keyframes slideFromBottom {
       0% {
           top: 70%
       }
       100% {
           top: 50%
       }
   }
   
   @-webkit-keyframes slideToBottom {
       0% {
           top: 50%
       }
       100% {
           top: 70%
       }
   }
   
   @keyframes slideToBottom {
       0% {
           top: 50%
       }
       100% {
           top: 70%
       }
   }
   
   @-webkit-keyframes animateSuccessTip {
       0%,
       54% {
           width: 0;
           left: 1px;
           top: 19px
       }
       70% {
           width: 50px;
           left: -8px;
           top: 37px
       }
       84% {
           width: 17px;
           left: 21px;
           top: 48px
       }
       100% {
           width: 25px;
           left: 14px;
           top: 45px
       }
   }
   
   @keyframes animateSuccessTip {
       0%,
       54% {
           width: 0;
           left: 1px;
           top: 19px
       }
       70% {
           width: 50px;
           left: -8px;
           top: 37px
       }
       84% {
           width: 17px;
           left: 21px;
           top: 48px
       }
       100% {
           width: 25px;
           left: 14px;
           top: 45px
       }
   }
   
   @-webkit-keyframes animateSuccessLong {
       0%,
       65% {
           width: 0;
           right: 46px;
           top: 54px
       }
       84% {
           width: 55px;
           right: 0;
           top: 35px
       }
       100% {
           width: 47px;
           right: 8px;
           top: 38px
       }
   }
   
   @keyframes animateSuccessLong {
       0%,
       65% {
           width: 0;
           right: 46px;
           top: 54px
       }
       84% {
           width: 55px;
           right: 0;
           top: 35px
       }
       100% {
           width: 47px;
           right: 8px;
           top: 38px
       }
   }
   
   @-webkit-keyframes rotatePlaceholder {
       0%,
       5% {
           transform: rotate(-45deg);
           -webkit-transform: rotate(-45deg)
       }
       100%,
       12% {
           transform: rotate(-405deg);
           -webkit-transform: rotate(-405deg)
       }
   }
   
   @keyframes rotatePlaceholder {
       0%,
       5% {
           transform: rotate(-45deg);
           -webkit-transform: rotate(-45deg)
       }
       100%,
       12% {
           transform: rotate(-405deg);
           -webkit-transform: rotate(-405deg)
       }
   }
   
   .animateSuccessTip {
       -webkit-animation: animateSuccessTip .75s;
       animation: animateSuccessTip .75s
   }
   
   .animateSuccessLong {
       -webkit-animation: animateSuccessLong .75s;
       animation: animateSuccessLong .75s
   }
   
   .sa-icon.sa-success.animate::after {
       -webkit-animation: rotatePlaceholder 4.25s ease-in;
       animation: rotatePlaceholder 4.25s ease-in
   }
   
   @-webkit-keyframes animateErrorIcon {
       0% {
           transform: rotateX(100deg);
           -webkit-transform: rotateX(100deg);
           opacity: 0
       }
       100% {
           transform: rotateX(0);
           -webkit-transform: rotateX(0);
           opacity: 1
       }
   }
   
   @keyframes animateErrorIcon {
       0% {
           transform: rotateX(100deg);
           -webkit-transform: rotateX(100deg);
           opacity: 0
       }
       100% {
           transform: rotateX(0);
           -webkit-transform: rotateX(0);
           opacity: 1
       }
   }
   
   .animateErrorIcon {
       -webkit-animation: animateErrorIcon .5s;
       animation: animateErrorIcon .5s
   }
   
   @-webkit-keyframes animateXMark {
       0%,
       50% {
           transform: scale(.4);
           -webkit-transform: scale(.4);
           margin-top: 26px;
           opacity: 0
       }
       80% {
           transform: scale(1.15);
           -webkit-transform: scale(1.15);
           margin-top: -6px
       }
       100% {
           transform: scale(1);
           -webkit-transform: scale(1);
           margin-top: 0;
           opacity: 1
       }
   }
   
   @keyframes animateXMark {
       0%,
       50% {
           transform: scale(.4);
           -webkit-transform: scale(.4);
           margin-top: 26px;
           opacity: 0
       }
       80% {
           transform: scale(1.15);
           -webkit-transform: scale(1.15);
           margin-top: -6px
       }
       100% {
           transform: scale(1);
           -webkit-transform: scale(1);
           margin-top: 0;
           opacity: 1
       }
   }
   
   .animateXMark {
       -webkit-animation: animateXMark .5s;
       animation: animateXMark .5s
   }
   
   @-webkit-keyframes pulseWarning {
       0% {
           border-color: #f8d486
       }
       100% {
           border-color: #f8bb86
       }
   }
   
   @keyframes pulseWarning {
       0% {
           border-color: #f8d486
       }
       100% {
           border-color: #f8bb86
       }
   }
   
   @-webkit-keyframes pulseWarningIns {
       0% {
           background-color: #f8d486
       }
       100% {
           background-color: #f8bb86
       }
   }
   
   @keyframes pulseWarningIns {
       0% {
           background-color: #f8d486
       }
       100% {
           background-color: #f8bb86
       }
   }
   
   @-webkit-keyframes rotate-loading {
       0% {
           transform: rotate(0)
       }
       100% {
           transform: rotate(360deg)
       }
   }
   
   @keyframes rotate-loading {
       0% {
           transform: rotate(0)
       }
       100% {
           transform: rotate(360deg)
       }
   }
   
   .la-ball-fall {
       font-size: 0;
       color: #fff;
       width: 54px;
       height: 18px
   }
   
   @-webkit-keyframes ball-fall {
       0% {
           opacity: 0;
           -webkit-transform: translateY(-145%);
           transform: translateY(-145%)
       }
       10%,
       90% {
           opacity: .5
       }
       20%,
       80% {
           opacity: 1;
           -webkit-transform: translateY(0);
           transform: translateY(0)
       }
       100% {
           opacity: 0;
           -webkit-transform: translateY(145%);
           transform: translateY(145%)
       }
   }
   
   @-moz-keyframes ball-fall {
       0% {
           opacity: 0;
           -moz-transform: translateY(-145%);
           transform: translateY(-145%)
       }
       10%,
       90% {
           opacity: .5
       }
       20%,
       80% {
           opacity: 1;
           -moz-transform: translateY(0);
           transform: translateY(0)
       }
       100% {
           opacity: 0;
           -moz-transform: translateY(145%);
           transform: translateY(145%)
       }
   }
   
   @-o-keyframes ball-fall {
       0% {
           opacity: 0;
           -o-transform: translateY(-145%);
           transform: translateY(-145%)
       }
       10%,
       90% {
           opacity: .5
       }
       20%,
       80% {
           opacity: 1;
           -o-transform: translateY(0);
           transform: translateY(0)
       }
       100% {
           opacity: 0;
           -o-transform: translateY(145%);
           transform: translateY(145%)
       }
   }
   
   @keyframes ball-fall {
       0% {
           opacity: 0;
           -webkit-transform: translateY(-145%);
           -moz-transform: translateY(-145%);
           -o-transform: translateY(-145%);
           transform: translateY(-145%)
       }
       10%,
       90% {
           opacity: .5
       }
       20%,
       80% {
           opacity: 1;
           -webkit-transform: translateY(0);
           -moz-transform: translateY(0);
           -o-transform: translateY(0);
           transform: translateY(0)
       }
       100% {
           opacity: 0;
           -webkit-transform: translateY(145%);
           -moz-transform: translateY(145%);
           -o-transform: translateY(145%);
           transform: translateY(145%)
       }
   }
   
   * {
       box-sizing: border-box
   }
   
   html {
       -webkit-text-size-adjust: 100%;
       -ms-text-size-adjust: 100%;
       text-size-adjust: 100%;
       font-size: 62.5%
   }
   
   body {
       font-size: 18px;
       font-size: 1.8rem;
       line-height: 1.5;
       color: #222
   }
   
   h1 {
       font-size: 28px;
       font-size: 2.8rem;
       margin: 20px 0
   }
   
   h2 {
       font-size: 36px;
       font-size: 3.6rem;
       margin: 0;
       line-height: 1
   }
   
   h3 {
       margin: 0;
       font-weight: 600
   }
   
   p {
       margin-top: 10px
   }
   
  .header {
    width: 100%;
    margin-bottom: 10px;
    padding: 10px 0;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 30px;
    background-color: #5788f4;
    color: #fff;
}
   
   .container,
   .hcontainer {
       max-width: 800px;
       width: 90%
   }
   
   .logo {
    width: 80px;
    position: absolute;
    left: 0;
    top: 0%;
    left: 18px;
}

   
   .container {
       margin: 10px auto
   }
   
   .hcontainer {
       margin: 0 auto
   }
   
   .boxes,
   .boxes cbox,
   .boxes img {
       width: 100%
   }
   
   .instructions {
       padding: 10px;
       background-color: #ff9;
       border-radius: 4px;
       color: #000000;
   }
   
   .boxes {
       margin: 10px 0
   }
   
   .box-o-t {
       position: absolute;
       top: -34%
   }
   
   .boxes .discover .box-o-b {
       z-index: 1;
       position: relative
   }
   
   .boxes .iphone {
       width: 76%;
       height: auto;
       position: absolute;
       z-index: 2;
       top: -20%;
       left: 12%;
       -webkit-transition-duration: .7s;
       transition-duration: .7s
   }
   
   .boxes .discover>.iphone {
       top: -60%
   }
   
   .boxes>div {
       position: relative;
       display: inline-block;
       width: 23.8%;
       height: 50%;
       -webkit-transition-duration: .2s;
       transition-duration: .2s;
       cursor: pointer
   }
   
   .boxes>div:hover {
       -webkit-transform: scale(1.1, 1.1);
       transform: scale(1.1, 1.1)
   }
   
   .comments1 {
       margin: 40px 0
   }
   
   .comments1 p {
       margin: 4px 0 8px
   }
   
   .comments1 b {
       color: #3b5998
   }
   
   .comments1 small {
       font-size: 12px
   }
   
   .comments1 u {
       color: #888;
       border-bottom: 1px dotted #888
   }
   
   .comments1 img {
       width: 80%;
       max-width: 240px
   }
   
   .comments1>div {
       position: relative;
       margin: 4px 0;
       padding: 10px;
       background-color: #eeeff4;
       font-size: 13px
   }
   
   .comments1 small>span {
       color: #3b5998;
       cursor: pointer
   }
   
   a,
   hr,
   pa.claim {
       color: #fff
   }
   
   .comments1>div>div {
       margin-left: 60px
   }
   
   .like {
       padding-left: 18px;
       background: url(like.png) no-repeat
   }
   
   .photo {
       position: absolute;
       display: block;
       width: 48px;
       height: 48px;
       top: 10px;
       left: 10px;
       background: url(profiles.jpg) no-repeat #d8dce6
   }
   
   .p1 {
       background-position: 0 0
   }
   
   .p2 {
       background-position: -48px 0
   }
   
   .p3 {
       background-position: -96px 0
   }
   
   .p4 {
       background-position: -144px 0
   }
   
   .p5 {
       background-position: 0 -48px
   }
   
   .p6 {
       background-position: -48px -48px
   }
   
   .p7 {
       background-position: -96px -48px
   }
   
   .p8 {
       background-position: -144px -48px
   }
   
   .p9 {
       background-position: 0 -96px
   }
   
   .p10 {
       background-position: -48px -96px
   }
   
   .p11 {
       background-position: -96px -96px
   }
   
   .p12 {
       background-position: -144px -96px
   }
   
   .p13 {
       background-position: 0 -144px
   }
   
   .p14 {
       background-position: -48px -144px
   }
   
   .p15 {
       background-position: -96px -144px
   }
   
   .p16 {
       background-position: -144px -144px
   }
   
   .bounce {
       display: inline-block;
       -webkit-animation: a .6s ease infinite;
       animation: a .6s ease infinite
   }
   
   @-webkit-keyframes a {
       0%,
       to {
           -webkit-transform: translate3d(0, -5px, 0);
           transform: translate3d(0, -5px, 0)
       }
       80% {
           -webkit-transform: translate3d(0, 5px, 0);
           transform: translate3d(0, 5px, 0)
       }
   }
   
   @keyframes a {
       0%,
       to {
           -webkit-transform: translate3d(0, -5px, 0);
           transform: translate3d(0, -5px, 0)
       }
       80% {
           -webkit-transform: translate3d(0, 5px, 0);
           transform: translate3d(0, 5px, 0)
       }
   }
   
   @media (max-width:767px) {
       .boxes>div {
           width: 32.5%
       }
       .boxes>div:nth-child(-n+3) {
           display: none
       }

   }
   
   @media (max-width:687px) {
       .boxes>div {
           width: 32%
       }
       .logo {
    position: relative;
    display: block;
    margin: auto;
    width: 100px;
    top: 0;
    left: 0;
}

   }
   
   @media (max-width:319px) {
       .boxes>div {
           width: 48%
       }
       .boxes>div:nth-child(-n+4) {
           display: none
       }
   }
   
   .instructions table {
       width: 100%
   }
   
   .instructions td:first-child {
       padding-right: 10px;
       width: 10px
   }
   
   .instructions td:last-child {
       padding-left: 10px;
       width: 10px
   }
   
   body,
   hr {
       padding: 0
   }
   
   body {
       background-color: #eeeeee;
       font-family: Lato, sans-serif;
       margin: 0
   }
   
   hr {
       border: 1px solid #fff;
       margin: 0 5px
   }
   
   @-webkit-keyframes spin {
       0% {
           -webkit-transform: rotate(0);
           transform: rotate(0)
       }
       90% {
           -webkit-transform: rotate(3110deg);
           transform: rotate(3110deg)
       }
       95% {
           -webkit-transform: rotate(3108deg);
           transform: rotate(3108deg)
       }
       100% {
           -webkit-transform: rotate(3109deg);
           transform: rotate(3109deg)
       }
   }
   
   @-moz-keyframes spin {
       0% {
           -moz-transform: rotate(0);
           transform: rotate(0)
       }
       90% {
           -moz-transform: rotate(3110deg);
           transform: rotate(3110deg)
       }
       95% {
           -moz-transform: rotate(3108deg);
           transform: rotate(3108deg)
       }
       100% {
           -moz-transform: rotate(3109deg);
           transform: rotate(3109deg)
       }
   }
   
   @-o-keyframes spin {
       0% {
           -o-transform: rotate(0);
           transform: rotate(0)
       }
       90% {
           -o-transform: rotate(3110deg);
           transform: rotate(3110deg)
       }
       95% {
           -o-transform: rotate(3108deg);
           transform: rotate(3108deg)
       }
       100% {
           -o-transform: rotate(3109deg);
           transform: rotate(3109deg)
       }
   }
   
   @keyframes spin {
       0% {
           -webkit-transform: rotate(0);
           -moz-transform: rotate(0);
           -o-transform: rotate(0);
           transform: rotate(0)
       }
       90% {
           -webkit-transform: rotate(3110deg);
           -moz-transform: rotate(3110deg);
           -o-transform: rotate(3110deg);
           transform: rotate(3110deg)
       }
       95% {
           -webkit-transform: rotate(3108deg);
           -moz-transform: rotate(3108deg);
           -o-transform: rotate(3108deg);
           transform: rotate(3108deg)
       }
       100% {
           -webkit-transform: rotate(3109deg);
           -moz-transform: rotate(3109deg);
           -o-transform: rotate(3109deg);
           transform: rotate(3109deg)
       }
   }
   
   @-webkit-keyframes spinTwo {
       0% {
           -webkit-transform: rotate(3109deg);
           transform: rotate(3109deg)
       }
       90% {
           -webkit-transform: rotate(6314deg);
           transform: rotate(6314deg)
       }
       95% {
           -webkit-transform: rotate(6312deg);
           transform: rotate(6312deg)
       }
       100% {
           -webkit-transform: rotate(6303deg);
           transform: rotate(6303deg)
       }
   }
   
   @-moz-keyframes spinTwo {
       0% {
           -moz-transform: rotate(3109deg);
           transform: rotate(3109deg)
       }
       90% {
           -moz-transform: rotate(6314deg);
           transform: rotate(6314deg)
       }
       95% {
           -moz-transform: rotate(6312deg);
           transform: rotate(6312deg)
       }
       100% {
           -moz-transform: rotate(6303deg);
           transform: rotate(6303deg)
       }
   }
   
   @-o-keyframes spinTwo {
       0% {
           -o-transform: rotate(3109deg);
           transform: rotate(3109deg)
       }
       90% {
           -o-transform: rotate(6314deg);
           transform: rotate(6314deg)
       }
       95% {
           -o-transform: rotate(6312deg);
           transform: rotate(6312deg)
       }
       100% {
           -o-transform: rotate(6303deg);
           transform: rotate(6303deg)
       }
   }
   
   @keyframes spinTwo {
       0% {
           -webkit-transform: rotate(3109deg);
           -moz-transform: rotate(3109deg);
           -o-transform: rotate(3109deg);
           transform: rotate(3109deg)
       }
       90% {
           -webkit-transform: rotate(6314deg);
           -moz-transform: rotate(6314deg);
           -o-transform: rotate(6314deg);
           transform: rotate(6314deg)
       }
       95% {
           -webkit-transform: rotate(6312deg);
           -moz-transform: rotate(6312deg);
           -o-transform: rotate(6312deg);
           transform: rotate(6312deg)
       }
       100% {
           -webkit-transform: rotate(6303deg);
           -moz-transform: rotate(6303deg);
           -o-transform: rotate(6303deg);
           transform: rotate(6303deg)
       }
   }
   
   ol,
   ul {
       list-style: none
   }
   
   a {
       display: block;
       background-color: #39579a;
       border-radius: 7px;
       -moz-border-radius: 7px;
       -webkit-border-radius: 7px;
       padding: 10px 0;
       font-weight: 700;
       font-size: 1.6em;
       border-bottom: 1px solid #1b316c;
       margin: 7px 13px 5px
   }
   
   .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.animated.bounceIn,
   .animated.animated.flipOutX,
   .animated@-webkit-keyframes bounce {
       animation-timing-function: cubic-bezier(.215, .61, .355, 1);
       -webkit-transform: translate3d(0, 0, 0);
       transform: translate3d(0, 0, 0)
   }
   
   40%,
   43% {
       -webkit-animation-timing-function: cubic-bezier(.755, .050, .855, .060);
       animation-timing-function: cubic-bezier(.755, .050, .855, .060);
       -webkit-transform: translate3d(0, -30px, 0);
       transform: translate3d(0, -30px, 0)
   }
   
   70% {
       -webkit-animation-timing-function: cubic-bezier(.755, .050, .855, .060);
       animation-timing-function: cubic-bezier(.755, .050, .855, .060);
       -webkit-transform: translate3d(0, -15px, 0);
       transform: translate3d(0, -15px, 0)
   }
   
   90% {
       -webkit-transform: translate3d(0, -4px, 0);
       transform: translate3d(0, -4px, 0)
   }
   
   40%,
   43% {
       -webkit-animation-timing-function: cubic-bezier(.755, .050, .855, .060);
       animation-timing-function: cubic-bezier(.755, .050, .855, .060);
       -webkit-transform: translate3d(0, -30px, 0);
       transform: translate3d(0, -30px, 0)
   }
   
   70% {
       -webkit-animation-timing-function: cubic-bezier(.755, .050, .855, .060);
       animation-timing-function: cubic-bezier(.755, .050, .855, .060);
       -webkit-transform: translate3d(0, -15px, 0);
       transform: translate3d(0, -15px, 0)
   }
   
   90% {
       -webkit-transform: translate3d(0, -4px, 0);
       transform: translate3d(0, -4px, 0)
   }
   
   @-webkit-keyframes flash {
       0%,
       100%,
       50% {
           opacity: 1
       }
       25%,
       75% {
           opacity: 0
       }
   }
   
   @keyframes flash {
       0%,
       100%,
       50% {
           opacity: 1
       }
       25%,
       75% {
           opacity: 0
       }
   }
   
   @-webkit-keyframes pulse {
       0%,
       100% {
           -webkit-transform: scale3d(1, 1, 1);
           transform: scale3d(1, 1, 1)
       }
       50% {
           -webkit-transform: scale3d(1.05, 1.05, 1.05);
           transform: scale3d(1.05, 1.05, 1.05)
       }
   }
   
   @keyframes pulse {
       0%,
       100% {
           -webkit-transform: scale3d(1, 1, 1);
           transform: scale3d(1, 1, 1)
       }
       50% {
           -webkit-transform: scale3d(1.05, 1.05, 1.05);
           transform: scale3d(1.05, 1.05, 1.05)
       }
   }
   
   @-webkit-keyframes rubberBand {
       0%,
       100% {
           -webkit-transform: scale3d(1, 1, 1);
           transform: scale3d(1, 1, 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)
       }
   }
   
   @keyframes rubberBand {
       0%,
       100% {
           -webkit-transform: scale3d(1, 1, 1);
           transform: scale3d(1, 1, 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)
       }
   }
   
   @-webkit-keyframes shake {
       0%,
       100% {
           -webkit-transform: translate3d(0, 0, 0);
           transform: translate3d(0, 0, 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%,
       100% {
           -webkit-transform: translate3d(0, 0, 0);
           transform: translate3d(0, 0, 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)
       }
   }
   
   @-webkit-keyframes swing {
       20% {
           -webkit-transform: rotate3d(0, 0, 1, 15deg);
           transform: rotate3d(0, 0, 1, 15deg)
       }
       40% {
           -webkit-transform: rotate3d(0, 0, 1, -10deg);
           transform: rotate3d(0, 0, 1, -10deg)
       }
       60% {
           -webkit-transform: rotate3d(0, 0, 1, 5deg);
           transform: rotate3d(0, 0, 1, 5deg)
       }
       80% {
           -webkit-transform: rotate3d(0, 0, 1, -5deg);
           transform: rotate3d(0, 0, 1, -5deg)
       }
       100% {
           -webkit-transform: rotate3d(0, 0, 1, 0deg);
           transform: rotate3d(0, 0, 1, 0deg)
       }
   }
   
   @keyframes swing {
       20% {
           -webkit-transform: rotate3d(0, 0, 1, 15deg);
           transform: rotate3d(0, 0, 1, 15deg)
       }
       40% {
           -webkit-transform: rotate3d(0, 0, 1, -10deg);
           transform: rotate3d(0, 0, 1, -10deg)
       }
       60% {
           -webkit-transform: rotate3d(0, 0, 1, 5deg);
           transform: rotate3d(0, 0, 1, 5deg)
       }
       80% {
           -webkit-transform: rotate3d(0, 0, 1, -5deg);
           transform: rotate3d(0, 0, 1, -5deg)
       }
       100% {
           -webkit-transform: rotate3d(0, 0, 1, 0deg);
           transform: rotate3d(0, 0, 1, 0deg)
       }
   }
   
   @-webkit-keyframes tada {
       0%,
       100% {
           -webkit-transform: scale3d(1, 1, 1);
           transform: scale3d(1, 1, 1)
       }
       10%,
       20% {
           -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
           transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)
       }
       30%,
       50%,
       70%,
       90% {
           -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
           transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
       }
       40%,
       60%,
       80% {
           -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
           transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
       }
   }
   
   @keyframes tada {
       0%,
       100% {
           -webkit-transform: scale3d(1, 1, 1);
           transform: scale3d(1, 1, 1)
       }
       10%,
       20% {
           -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
           transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)
       }
       30%,
       50%,
       70%,
       90% {
           -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
           transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
       }
       40%,
       60%,
       80% {
           -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
           transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
       }
   }
   
   @-webkit-keyframes wobble {
       0%,
       100% {
           -webkit-transform: none;
           transform: none
       }
       15% {
           -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
           transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
       }
       30% {
           -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
           transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
       }
       45% {
           -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
           transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
       }
       60% {
           -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
           transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
       }
       75% {
           -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
           transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
       }
   }
   
   @keyframes wobble {
       0%,
       100% {
           -webkit-transform: none;
           transform: none
       }
       15% {
           -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
           transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
       }
       30% {
           -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
           transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
       }
       45% {
           -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
           transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
       }
       60% {
           -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
           transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
       }
       75% {
           -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
           transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
       }
   }
   
   @-webkit-keyframes jello {
       11.1% {
           -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)
       }
       100% {
           -webkit-transform: none;
           transform: none
       }
   }
   
   @keyframes jello {
       11.1% {
           -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)
       }
       100% {
           -webkit-transform: none;
           transform: none
       }
   }
   
   @-webkit-keyframes bounceIn {
       0%,
       100%,
       20%,
       40%,
       60%,
       80% {
           -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)
       }
       100% {
           opacity: 1;
           -webkit-transform: scale3d(1, 1, 1);
           transform: scale3d(1, 1, 1)
       }
   }
   
   @keyframes bounceIn {
       0%,
       100%,
       20%,
       40%,
       60%,
       80% {
           -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)
       }
       100% {
           opacity: 1;
           -webkit-transform: scale3d(1, 1, 1);
           transform: scale3d(1, 1, 1)
       }
   }
   
   .bounceIn {
       -webkit-animation-name: bounceIn;
       animation-name: bounceIn
   }
   
   @-webkit-keyframes bounceInDown {
       0%,
       100%,
       60%,
       75%,
       90% {
           -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)
       }
       100% {
           -webkit-transform: none;
           transform: none
       }
   }
   
   @keyframes bounceInDown {
       0%,
       100%,
       60%,
       75%,
       90% {
           -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)
       }
       100% {
           -webkit-transform: none;
           transform: none
       }
   }
   
   @-webkit-keyframes bounceInLeft {
       0%,
       100%,
       60%,
       75%,
       90% {
           -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)
       }
       100% {
           -webkit-transform: none;
           transform: none
       }
   }
   
   @keyframes bounceInLeft {
       0%,
       100%,
       60%,
       75%,
       90% {
           -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)
       }
       100% {
           -webkit-transform: none;
           transform: none
       }
   }
   
   @-webkit-keyframes bounceInRight {
       0%,
       100%,
       60%,
       75%,
       90% {
           -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)
       }
       100% {
           -webkit-transform: none;
           transform: none
       }
   }
   
   @keyframes bounceInRight {
       0%,
       100%,
       60%,
       75%,
       90% {
           -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)
       }
       100% {
           -webkit-transform: none;
           transform: none
       }
   }
   
   @-webkit-keyframes bounceInUp {
       0%,
       100%,
       60%,
       75%,
       90% {
           -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)
       }
       100% {
           -webkit-transform: translate3d(0, 0, 0);
           transform: translate3d(0, 0, 0)
       }
   }
   
   @keyframes bounceInUp {
       0%,
       100%,
       60%,
       75%,
       90% {
           -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)
       }
       100% {
           -webkit-transform: translate3d(0, 0, 0);
           transform: translate3d(0, 0, 0)
       }
   }
   
   @-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)
       }
       100% {
           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)
       }
       100% {
           opacity: 0;
           -webkit-transform: scale3d(.3, .3, .3);
           transform: scale3d(.3, .3, .3)
       }
   }
   
   @-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)
       }
       100% {
           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)
       }
       100% {
           opacity: 0;
           -webkit-transform: translate3d(0, 2000px, 0);
           transform: translate3d(0, 2000px, 0)
       }
   }
   
   @-webkit-keyframes bounceOutLeft {
       20% {
           opacity: 1;
           -webkit-transform: translate3d(20px, 0, 0);
           transform: translate3d(20px, 0, 0)
       }
       100% {
           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)
       }
       100% {
           opacity: 0;
           -webkit-transform: translate3d(-2000px, 0, 0);
           transform: translate3d(-2000px, 0, 0)
       }
   }
   
   @-webkit-keyframes bounceOutRight {
       20% {
           opacity: 1;
           -webkit-transform: translate3d(-20px, 0, 0);
           transform: translate3d(-20px, 0, 0)
       }
       100% {
           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)
       }
       100% {
           opacity: 0;
           -webkit-transform: translate3d(2000px, 0, 0);
           transform: translate3d(2000px, 0, 0)
       }
   }
   
   @-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)
       }
       100% {
           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)
       }
       100% {
           opacity: 0;
           -webkit-transform: translate3d(0, -2000px, 0);
           transform: translate3d(0, -2000px, 0)
       }
   }
   
   @-webkit-keyframes fadeIn {
       0% {
           opacity: 0
       }
       100% {
           opacity: 1
       }
   }
   
   @keyframes fadeIn {
       0% {
           opacity: 0
       }
       100% {
           opacity: 1
       }
   }
   
   @-webkit-keyframes fadeInDown {
       0% {
           opacity: 0;
           -webkit-transform: translate3d(0, -100%, 0);
           transform: translate3d(0, -100%, 0)
       }
       100% {
           opacity: 1;
           -webkit-transform: none;
           transform: none
       }
   }
   
   @keyframes fadeInDown {
       0% {
           opacity: 0;
           -webkit-transform: translate3d(0, -100%, 0);
           transform: translate3d(0, -100%, 0)
       }
       100% {
           opacity: 1;
           -webkit-transform: none;
           transform: none
       }
   }
   
   @-webkit-keyframes fadeInDownBig {
       0% {
           opacity: 0;
           -webkit-transform: translate3d(0, -2000px, 0);
           transform: translate3d(0, -2000px, 0)
       }
       100% {
           opacity: 1;
           -webkit-transform: none;
           transform: none
       }
   }
   
   @keyframes fadeInDownBig {
       0% {
           opacity: 0;
           -webkit-transform: translate3d(0, -2000px, 0);
           transform: translate3d(0, -2000px, 0)
       }
       100% {
           opacity: 1;
           -webkit-transform: none;
           transform: none
       }
   }
   
   @-webkit-keyframes fadeInLeft {
       0% {
           opacity: 0;
           -webkit-transform: translate3d(-100%, 0, 0);
           transform: translate3d(-100%, 0, 0)
       }
       100% {
           opacity: 1;
           -webkit-transform: none;
           transform: none
       }
   }
   
   @keyframes fadeInLeft {
       0% {
           opacity: 0;
           -webkit-transform: translate3d(-100%, 0, 0);
           transform: translate3d(-100%, 0, 0)
       }
       100% {
           opacity: 1;
           -webkit-transform: none;
           transform: none
       }
   }
   
   @-webkit-keyframes fadeInLeftBig {
       0% {
           opacity: 0;
           -webkit-transform: translate3d(-2000px, 0, 0);
           transform: translate3d(-2000px, 0, 0)
       }
       100% {
           opacity: 1;
           -webkit-transform: none;
           transform: none
       }
   }
   
   @keyframes fadeInLeftBig {
       0% {
           opacity: 0;
           -webkit-transform: translate3d(-2000px, 0, 0);
           transform: translate3d(-2000px, 0, 0)
       }
       100% {
           opacity: 1;
           -webkit-transform: none;
           transform: none
       }
   }
   
   @-webkit-keyframes fadeInRight {
       0% {
           opacity: 0;
           -webkit-transform: translate3d(100%, 0, 0);
           transform: translate3d(100%, 0, 0)
       }
       100% {
           opacity: 1;
           -webkit-transform: none;
           transform: none
       }
   }
   
   @keyframes fadeInRight {
       0% {
           opacity: 0;
           -webkit-transform: translate3d(100%, 0, 0);
           transform: translate3d(100%, 0, 0)
       }
       100% {
           opacity: 1;
           -webkit-transform: none;
           transform: none
       }
   }
   
   @-webkit-keyframes fadeInRightBig {
       0% {
           opacity: 0;
           -webkit-transform: translate3d(2000px, 0, 0);
           transform: translate3d(2000px, 0, 0)
       }
       100% {
           opacity: 1;
           -webkit-transform: none;
           transform: none
       }
   }
   
   @keyframes fadeInRightBig {
       0% {
           opacity: 0;
           -webkit-transform: translate3d(2000px, 0, 0);
           transform: translate3d(2000px, 0, 0)
       }
       100% {
           opacity: 1;
           -webkit-transform: none;
           transform: none
       }
   }
   
   @-webkit-keyframes fadeInUp {
       0% {
           opacity: 0;
           -webkit-transform: translate3d(0, 100%, 0);
           transform: translate3d(0, 100%, 0)
       }
       100% {
           opacity: 1;
           -webkit-transform: none;
           transform: none
       }
   }
   
   @keyframes fadeInUp {
       0% {
           opacity: 0;
           -webkit-transform: translate3d(0, 100%, 0);
           transform: translate3d(0, 100%, 0)
       }
       100% {
           opacity: 1;
           -webkit-transform: none;
           transform: none
       }
   }
   
   @-webkit-keyframes fadeInUpBig {
       0% {
           opacity: 0;
           -webkit-transform: translate3d(0, 2000px, 0);
           transform: translate3d(0, 2000px, 0)
       }
       100% {
           opacity: 1;
           -webkit-transform: none;
           transform: none
       }
   }
   
   @keyframes fadeInUpBig {
       0% {
           opacity: 0;
           -webkit-transform: translate3d(0, 2000px, 0);
           transform: translate3d(0, 2000px, 0)
       }
       100% {
           opacity: 1;
           -webkit-transform: none;
           transform: none
       }
   }
   
   @-webkit-keyframes fadeOut {
       0% {
           opacity: 1
       }
       100% {
           opacity: 0
       }
   }
   
   @keyframes fadeOut {
       0% {
           opacity: 1
       }
       100% {
           opacity: 0
       }
   }
   
   @-webkit-keyframes fadeOutDown {
       0% {
           opacity: 1
       }
       100% {
           opacity: 0;
           -webkit-transform: translate3d(0, 100%, 0);
           transform: translate3d(0, 100%, 0)
       }
   }
   
   @keyframes fadeOutDown {
       0% {
           opacity: 1
       }
       100% {
           opacity: 0;
           -webkit-transform: translate3d(0, 100%, 0);
           transform: translate3d(0, 100%, 0)
       }
   }
   
   @-webkit-keyframes fadeOutDownBig {
       0% {
           opacity: 1
       }
       100% {
           opacity: 0;
           -webkit-transform: translate3d(0, 2000px, 0);
           transform: translate3d(0, 2000px, 0)
       }
   }
   
   @keyframes fadeOutDownBig {
       0% {
           opacity: 1
       }
       100% {
           opacity: 0;
           -webkit-transform: translate3d(0, 2000px, 0);
           transform: translate3d(0, 2000px, 0)
       }
   }
   
   @-webkit-keyframes fadeOutLeft {
       0% {
           opacity: 1
       }
       100% {
           opacity: 0;
           -webkit-transform: translate3d(-100%, 0, 0);
           transform: translate3d(-100%, 0, 0)
       }
   }
   
   @keyframes fadeOutLeft {
       0% {
           opacity: 1
       }
       100% {
           opacity: 0;
           -webkit-transform: translate3d(-100%, 0, 0);
           transform: translate3d(-100%, 0, 0)
       }
   }
   
   @-webkit-keyframes fadeOutLeftBig {
       0% {
           opacity: 1
       }
       100% {
           opacity: 0;
           -webkit-transform: translate3d(-2000px, 0, 0);
           transform: translate3d(-2000px, 0, 0)
       }
   }
   
   @keyframes fadeOutLeftBig {
       0% {
           opacity: 1
       }
       100% {
           opacity: 0;
           -webkit-transform: translate3d(-2000px, 0, 0);
           transform: translate3d(-2000px, 0, 0)
       }
   }
   
   @-webkit-keyframes fadeOutRight {
       0% {
           opacity: 1
       }
       100% {
           opacity: 0;
           -webkit-transform: translate3d(100%, 0, 0);
           transform: translate3d(100%, 0, 0)
       }
   }
   
   @keyframes fadeOutRight {
       0% {
           opacity: 1
       }
       100% {
           opacity: 0;
           -webkit-transform: translate3d(100%, 0, 0);
           transform: translate3d(100%, 0, 0)
       }
   }
   
   @-webkit-keyframes fadeOutRightBig {
       0% {
           opacity: 1
       }
       100% {
           opacity: 0;
           -webkit-transform: translate3d(2000px, 0, 0);
           transform: translate3d(2000px, 0, 0)
       }
   }
   
   @keyframes fadeOutRightBig {
       0% {
           opacity: 1
       }
       100% {
           opacity: 0;
           -webkit-transform: translate3d(2000px, 0, 0);
           transform: translate3d(2000px, 0, 0)
       }
   }
   
   @-webkit-keyframes fadeOutUp {
       0% {
           opacity: 1
       }
       100% {
           opacity: 0;
           -webkit-transform: translate3d(0, -100%, 0);
           transform: translate3d(0, -100%, 0)
       }
   }
   
   @keyframes fadeOutUp {
       0% {
           opacity: 1
       }
       100% {
           opacity: 0;
           -webkit-transform: translate3d(0, -100%, 0);
           transform: translate3d(0, -100%, 0)
       }
   }
   
   @-webkit-keyframes fadeOutUpBig {
       0% {
           opacity: 1
       }
       100% {
           opacity: 0;
           -webkit-transform: translate3d(0, -2000px, 0);
           transform: translate3d(0, -2000px, 0)
       }
   }
   
   @keyframes fadeOutUpBig {
       0% {
           opacity: 1
       }
       100% {
           opacity: 0;
           -webkit-transform: translate3d(0, -2000px, 0);
           transform: translate3d(0, -2000px, 0)
       }
   }
   
   @-webkit-keyframes flip {
       0% {
           -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
           transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
           -webkit-animation-timing-function: ease-out;
           animation-timing-function: ease-out
       }
       40% {
           -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
           transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
           -webkit-animation-timing-function: ease-out;
           animation-timing-function: ease-out
       }
       50% {
           -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
           transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
           -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);
           -webkit-animation-timing-function: ease-in;
           animation-timing-function: ease-in
       }
       100% {
           -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) rotate3d(0, 1, 0, -360deg);
           transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
           -webkit-animation-timing-function: ease-out;
           animation-timing-function: ease-out
       }
       40% {
           -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
           transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
           -webkit-animation-timing-function: ease-out;
           animation-timing-function: ease-out
       }
       50% {
           -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
           transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
           -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);
           -webkit-animation-timing-function: ease-in;
           animation-timing-function: ease-in
       }
       100% {
           -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) rotate3d(1, 0, 0, 90deg);
           transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
           -webkit-animation-timing-function: ease-in;
           animation-timing-function: ease-in;
           opacity: 0
       }
       40% {
           -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
           transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
           -webkit-animation-timing-function: ease-in;
           animation-timing-function: ease-in
       }
       60% {
           -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
           transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
           opacity: 1
       }
       80% {
           -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
           transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
       }
       100% {
           -webkit-transform: perspective(400px);
           transform: perspective(400px)
       }
   }
   
   @keyframes flipInX {
       0% {
           -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
           transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
           -webkit-animation-timing-function: ease-in;
           animation-timing-function: ease-in;
           opacity: 0
       }
       40% {
           -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
           transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
           -webkit-animation-timing-function: ease-in;
           animation-timing-function: ease-in
       }
       60% {
           -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
           transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
           opacity: 1
       }
       80% {
           -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
           transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
       }
       100% {
           -webkit-transform: perspective(400px);
           transform: perspective(400px)
       }
   }
   
   @-webkit-keyframes flipInY {
       0% {
           -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
           transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
           -webkit-animation-timing-function: ease-in;
           animation-timing-function: ease-in;
           opacity: 0
       }
       40% {
           -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
           transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
           -webkit-animation-timing-function: ease-in;
           animation-timing-function: ease-in
       }
       60% {
           -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
           transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
           opacity: 1
       }
       80% {
           -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
           transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
       }
       100% {
           -webkit-transform: perspective(400px);
           transform: perspective(400px)
       }
   }
   
   @keyframes flipInY {
       0% {
           -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
           transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
           -webkit-animation-timing-function: ease-in;
           animation-timing-function: ease-in;
           opacity: 0
       }
       40% {
           -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
           transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
           -webkit-animation-timing-function: ease-in;
           animation-timing-function: ease-in
       }
       60% {
           -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
           transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
           opacity: 1
       }
       80% {
           -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
           transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
       }
       100% {
           -webkit-transform: perspective(400px);
           transform: perspective(400px)
       }
   }
   
   @-webkit-keyframes flipOutX {
       0% {
           -webkit-transform: perspective(400px);
           transform: perspective(400px)
       }
       30% {
           -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
           transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
           opacity: 1
       }
       100% {
           -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
           transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
           opacity: 0
       }
   }
   
   @keyframes flipOutX {
       0% {
           -webkit-transform: perspective(400px);
           transform: perspective(400px)
       }
       30% {
           -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
           transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
           opacity: 1
       }
       100% {
           -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
           transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
           opacity: 0
       }
   }
   
   @-webkit-keyframes flipOutY {
       0% {
           -webkit-transform: perspective(400px);
           transform: perspective(400px)
       }
       30% {
           -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
           transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
           opacity: 1
       }
       100% {
           -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
           transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
           opacity: 0
       }
   }
   
   @keyframes flipOutY {
       0% {
           -webkit-transform: perspective(400px);
           transform: perspective(400px)
       }
       30% {
           -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
           transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
           opacity: 1
       }
       100% {
           -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
           transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
           opacity: 0
       }
   }
   
   @-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);
           opacity: 1
       }
       80% {
           -webkit-transform: skewX(-5deg);
           transform: skewX(-5deg);
           opacity: 1
       }
       100% {
           -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);
           opacity: 1
       }
       80% {
           -webkit-transform: skewX(-5deg);
           transform: skewX(-5deg);
           opacity: 1
       }
       100% {
           -webkit-transform: none;
           transform: none;
           opacity: 1
       }
   }
   
   @-webkit-keyframes lightSpeedOut {
       0% {
           opacity: 1
       }
       100% {
           -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
           transform: translate3d(100%, 0, 0) skewX(30deg);
           opacity: 0
       }
   }
   
   @keyframes lightSpeedOut {
       0% {
           opacity: 1
       }
       100% {
           -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
           transform: translate3d(100%, 0, 0) skewX(30deg);
           opacity: 0
       }
   }
   
   @-webkit-keyframes rotateIn {
       0% {
           -webkit-transform-origin: center;
           transform-origin: center;
           -webkit-transform: rotate3d(0, 0, 1, -200deg);
           transform: rotate3d(0, 0, 1, -200deg);
           opacity: 0
       }
       100% {
           -webkit-transform-origin: center;
           transform-origin: center;
           -webkit-transform: none;
           transform: none;
           opacity: 1
       }
   }
   
   @keyframes rotateIn {
       0% {
           -webkit-transform-origin: center;
           transform-origin: center;
           -webkit-transform: rotate3d(0, 0, 1, -200deg);
           transform: rotate3d(0, 0, 1, -200deg);
           opacity: 0
       }
       100% {
           -webkit-transform-origin: center;
           transform-origin: center;
           -webkit-transform: none;
           transform: none;
           opacity: 1
       }
   }
   
   @-webkit-keyframes rotateInDownLeft {
       0% {
           -webkit-transform-origin: left bottom;
           transform-origin: left bottom;
           -webkit-transform: rotate3d(0, 0, 1, -45deg);
           transform: rotate3d(0, 0, 1, -45deg);
           opacity: 0
       }
       100% {
           -webkit-transform-origin: left bottom;
           transform-origin: left bottom;
           -webkit-transform: none;
           transform: none;
           opacity: 1
       }
   }
   
   @keyframes rotateInDownLeft {
       0% {
           -webkit-transform-origin: left bottom;
           transform-origin: left bottom;
           -webkit-transform: rotate3d(0, 0, 1, -45deg);
           transform: rotate3d(0, 0, 1, -45deg);
           opacity: 0
       }
       100% {
           -webkit-transform-origin: left bottom;
           transform-origin: left bottom;
           -webkit-transform: none;
           transform: none;
           opacity: 1
       }
   }
   
   @-webkit-keyframes rotateInDownRight {
       0% {
           -webkit-transform-origin: right bottom;
           transform-origin: right bottom;
           -webkit-transform: rotate3d(0, 0, 1, 45deg);
           transform: rotate3d(0, 0, 1, 45deg);
           opacity: 0
       }
       100% {
           -webkit-transform-origin: right bottom;
           transform-origin: right bottom;
           -webkit-transform: none;
           transform: none;
           opacity: 1
       }
   }
   
   @keyframes rotateInDownRight {
       0% {
           -webkit-transform-origin: right bottom;
           transform-origin: right bottom;
           -webkit-transform: rotate3d(0, 0, 1, 45deg);
           transform: rotate3d(0, 0, 1, 45deg);
           opacity: 0
       }
       100% {
           -webkit-transform-origin: right bottom;
           transform-origin: right bottom;
           -webkit-transform: none;
           transform: none;
           opacity: 1
       }
   }
   
   @-webkit-keyframes rotateInUpLeft {
       0% {
           -webkit-transform-origin: left bottom;
           transform-origin: left bottom;
           -webkit-transform: rotate3d(0, 0, 1, 45deg);
           transform: rotate3d(0, 0, 1, 45deg);
           opacity: 0
       }
       100% {
           -webkit-transform-origin: left bottom;
           transform-origin: left bottom;
           -webkit-transform: none;
           transform: none;
           opacity: 1
       }
   }
   
   @keyframes rotateInUpLeft {
       0% {
           -webkit-transform-origin: left bottom;
           transform-origin: left bottom;
           -webkit-transform: rotate3d(0, 0, 1, 45deg);
           transform: rotate3d(0, 0, 1, 45deg);
           opacity: 0
       }
       100% {
           -webkit-transform-origin: left bottom;
           transform-origin: left bottom;
           -webkit-transform: none;
           transform: none;
           opacity: 1
       }
   }
   
   @-webkit-keyframes rotateInUpRight {
       0% {
           -webkit-transform-origin: right bottom;
           transform-origin: right bottom;
           -webkit-transform: rotate3d(0, 0, 1, -90deg);
           transform: rotate3d(0, 0, 1, -90deg);
           opacity: 0
       }
       100% {
           -webkit-transform-origin: right bottom;
           transform-origin: right bottom;
           -webkit-transform: none;
           transform: none;
           opacity: 1
       }
   }
   
   @keyframes rotateInUpRight {
       0% {
           -webkit-transform-origin: right bottom;
           transform-origin: right bottom;
           -webkit-transform: rotate3d(0, 0, 1, -90deg);
           transform: rotate3d(0, 0, 1, -90deg);
           opacity: 0
       }
       100% {
           -webkit-transform-origin: right bottom;
           transform-origin: right bottom;
           -webkit-transform: none;
           transform: none;
           opacity: 1
       }
   }
   
   @-webkit-keyframes rotateOut {
       0% {
           -webkit-transform-origin: center;
           transform-origin: center;
           opacity: 1
       }
       100% {
           -webkit-transform-origin: center;
           transform-origin: center;
           -webkit-transform: rotate3d(0, 0, 1, 200deg);
           transform: rotate3d(0, 0, 1, 200deg);
           opacity: 0
       }
   }
   
   @keyframes rotateOut {
       0% {
           -webkit-transform-origin: center;
           transform-origin: center;
           opacity: 1
       }
       100% {
           -webkit-transform-origin: center;
           transform-origin: center;
           -webkit-transform: rotate3d(0, 0, 1, 200deg);
           transform: rotate3d(0, 0, 1, 200deg);
           opacity: 0
       }
   }
   
   @-webkit-keyframes rotateOutDownLeft {
       0% {
           -webkit-transform-origin: left bottom;
           transform-origin: left bottom;
           opacity: 1
       }
       100% {
           -webkit-transform-origin: left bottom;
           transform-origin: left bottom;
           -webkit-transform: rotate3d(0, 0, 1, 45deg);
           transform: rotate3d(0, 0, 1, 45deg);
           opacity: 0
       }
   }
   
   @keyframes rotateOutDownLeft {
       0% {
           -webkit-transform-origin: left bottom;
           transform-origin: left bottom;
           opacity: 1
       }
       100% {
           -webkit-transform-origin: left bottom;
           transform-origin: left bottom;
           -webkit-transform: rotate3d(0, 0, 1, 45deg);
           transform: rotate3d(0, 0, 1, 45deg);
           opacity: 0
       }
   }
   
   @-webkit-keyframes rotateOutDownRight {
       0% {
           -webkit-transform-origin: right bottom;
           transform-origin: right bottom;
           opacity: 1
       }
       100% {
           -webkit-transform-origin: right bottom;
           transform-origin: right bottom;
           -webkit-transform: rotate3d(0, 0, 1, -45deg);
           transform: rotate3d(0, 0, 1, -45deg);
           opacity: 0
       }
   }
   
   @keyframes rotateOutDownRight {
       0% {
           -webkit-transform-origin: right bottom;
           transform-origin: right bottom;
           opacity: 1
       }
       100% {
           -webkit-transform-origin: right bottom;
           transform-origin: right bottom;
           -webkit-transform: rotate3d(0, 0, 1, -45deg);
           transform: rotate3d(0, 0, 1, -45deg);
           opacity: 0
       }
   }
   
   @-webkit-keyframes rotateOutUpLeft {
       0% {
           -webkit-transform-origin: left bottom;
           transform-origin: left bottom;
           opacity: 1
       }
       100% {
           -webkit-transform-origin: left bottom;
           transform-origin: left bottom;
           -webkit-transform: rotate3d(0, 0, 1, -45deg);
           transform: rotate3d(0, 0, 1, -45deg);
           opacity: 0
       }
   }
   
   @keyframes rotateOutUpLeft {
       0% {
           -webkit-transform-origin: left bottom;
           transform-origin: left bottom;
           opacity: 1
       }
       100% {
           -webkit-transform-origin: left bottom;
           transform-origin: left bottom;
           -webkit-transform: rotate3d(0, 0, 1, -45deg);
           transform: rotate3d(0, 0, 1, -45deg);
           opacity: 0
       }
   }
   
   @-webkit-keyframes rotateOutUpRight {
       0% {
           -webkit-transform-origin: right bottom;
           transform-origin: right bottom;
           opacity: 1
       }
       100% {
           -webkit-transform-origin: right bottom;
           transform-origin: right bottom;
           -webkit-transform: rotate3d(0, 0, 1, 90deg);
           transform: rotate3d(0, 0, 1, 90deg);
           opacity: 0
       }
   }
   
   @keyframes rotateOutUpRight {
       0% {
           -webkit-transform-origin: right bottom;
           transform-origin: right bottom;
           opacity: 1
       }
       100% {
           -webkit-transform-origin: right bottom;
           transform-origin: right bottom;
           -webkit-transform: rotate3d(0, 0, 1, 90deg);
           transform: rotate3d(0, 0, 1, 90deg);
           opacity: 0
       }
   }
   
   @-webkit-keyframes hinge {
       0% {
           -webkit-transform-origin: top left;
           transform-origin: top left;
           -webkit-animation-timing-function: ease-in-out;
           animation-timing-function: ease-in-out
       }
       20%,
       60% {
           -webkit-transform: rotate3d(0, 0, 1, 80deg);
           transform: rotate3d(0, 0, 1, 80deg);
           -webkit-transform-origin: top left;
           transform-origin: top left;
           -webkit-animation-timing-function: ease-in-out;
           animation-timing-function: ease-in-out
       }
       40%,
       80% {
           -webkit-transform: rotate3d(0, 0, 1, 60deg);
           transform: rotate3d(0, 0, 1, 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
       }
       100% {
           -webkit-transform: translate3d(0, 700px, 0);
           transform: translate3d(0, 700px, 0);
           opacity: 0
       }
   }
   
   @keyframes hinge {
       0% {
           -webkit-transform-origin: top left;
           transform-origin: top left;
           -webkit-animation-timing-function: ease-in-out;
           animation-timing-function: ease-in-out
       }
       20%,
       60% {
           -webkit-transform: rotate3d(0, 0, 1, 80deg);
           transform: rotate3d(0, 0, 1, 80deg);
           -webkit-transform-origin: top left;
           transform-origin: top left;
           -webkit-animation-timing-function: ease-in-out;
           animation-timing-function: ease-in-out
       }
       40%,
       80% {
           -webkit-transform: rotate3d(0, 0, 1, 60deg);
           transform: rotate3d(0, 0, 1, 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
       }
       100% {
           -webkit-transform: translate3d(0, 700px, 0);
           transform: translate3d(0, 700px, 0);
           opacity: 0
       }
   }
   
   @-webkit-keyframes rollIn {
       0% {
           opacity: 0;
           -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
           transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
       }
       100% {
           opacity: 1;
           -webkit-transform: none;
           transform: none
       }
   }
   
   @keyframes rollIn {
       0% {
           opacity: 0;
           -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
           transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
       }
       100% {
           opacity: 1;
           -webkit-transform: none;
           transform: none
       }
   }
   
   @-webkit-keyframes rollOut {
       0% {
           opacity: 1
       }
       100% {
           opacity: 0;
           -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
           transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
       }
   }
   
   @keyframes rollOut {
       0% {
           opacity: 1
       }
       100% {
           opacity: 0;
           -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
           transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
       }
   }
   
   @-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
       }
   }
   
   @-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)
       }
   }
   
   @-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)
       }
   }
   
   @-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)
       }
   }
   
   @-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)
       }
   }
   
   @-webkit-keyframes zoomOut {
       0% {
           opacity: 1
       }
       50% {
           opacity: 0;
           -webkit-transform: scale3d(.3, .3, .3);
           transform: scale3d(.3, .3, .3)
       }
       100% {
           opacity: 0
       }
   }
   
   @keyframes zoomOut {
       0% {
           opacity: 1
       }
       50% {
           opacity: 0;
           -webkit-transform: scale3d(.3, .3, .3);
           transform: scale3d(.3, .3, .3)
       }
       100% {
           opacity: 0
       }
   }
   
   @-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)
       }
       100% {
           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)
       }
       100% {
           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)
       }
   }
   
   @-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)
       }
       100% {
           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)
       }
       100% {
           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
       }
   }
   
   @-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)
       }
       100% {
           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)
       }
       100% {
           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
       }
   }
   
   @-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)
       }
       100% {
           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)
       }
       100% {
           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)
       }
   }
   
   @-webkit-keyframes slideInDown {
       0% {
           -webkit-transform: translate3d(0, -100%, 0);
           transform: translate3d(0, -100%, 0);
           visibility: visible
       }
       100% {
           -webkit-transform: translate3d(0, 0, 0);
           transform: translate3d(0, 0, 0)
       }
   }
   
   @keyframes slideInDown {
       0% {
           -webkit-transform: translate3d(0, -100%, 0);
           transform: translate3d(0, -100%, 0);
           visibility: visible
       }
       100% {
           -webkit-transform: translate3d(0, 0, 0);
           transform: translate3d(0, 0, 0)
       }
   }
   
   @-webkit-keyframes slideInLeft {
       0% {
           -webkit-transform: translate3d(-100%, 0, 0);
           transform: translate3d(-100%, 0, 0);
           visibility: visible
       }
       100% {
           -webkit-transform: translate3d(0, 0, 0);
           transform: translate3d(0, 0, 0)
       }
   }
   
   @keyframes slideInLeft {
       0% {
           -webkit-transform: translate3d(-100%, 0, 0);
           transform: translate3d(-100%, 0, 0);
           visibility: visible
       }
       100% {
           -webkit-transform: translate3d(0, 0, 0);
           transform: translate3d(0, 0, 0)
       }
   }
   
   @-webkit-keyframes slideInRight {
       0% {
           -webkit-transform: translate3d(100%, 0, 0);
           transform: translate3d(100%, 0, 0);
           visibility: visible
       }
       100% {
           -webkit-transform: translate3d(0, 0, 0);
           transform: translate3d(0, 0, 0)
       }
   }
   
   @keyframes slideInRight {
       0% {
           -webkit-transform: translate3d(100%, 0, 0);
           transform: translate3d(100%, 0, 0);
           visibility: visible
       }
       100% {
           -webkit-transform: translate3d(0, 0, 0);
           transform: translate3d(0, 0, 0)
       }
   }
   
   @-webkit-keyframes slideInUp {
       0% {
           -webkit-transform: translate3d(0, 100%, 0);
           transform: translate3d(0, 100%, 0);
           visibility: visible
       }
       100% {
           -webkit-transform: translate3d(0, 0, 0);
           transform: translate3d(0, 0, 0)
       }
   }
   
   @keyframes slideInUp {
       0% {
           -webkit-transform: translate3d(0, 100%, 0);
           transform: translate3d(0, 100%, 0);
           visibility: visible
       }
       100% {
           -webkit-transform: translate3d(0, 0, 0);
           transform: translate3d(0, 0, 0)
       }
   }
   
   @-webkit-keyframes slideOutDown {
       0% {
           -webkit-transform: translate3d(0, 0, 0);
           transform: translate3d(0, 0, 0)
       }
       100% {
           visibility: hidden;
           -webkit-transform: translate3d(0, 100%, 0);
           transform: translate3d(0, 100%, 0)
       }
   }
   
   @keyframes slideOutDown {
       0% {
           -webkit-transform: translate3d(0, 0, 0);
           transform: translate3d(0, 0, 0)
       }
       100% {
           visibility: hidden;
           -webkit-transform: translate3d(0, 100%, 0);
           transform: translate3d(0, 100%, 0)
       }
   }
   
   @-webkit-keyframes slideOutLeft {
       0% {
           -webkit-transform: translate3d(0, 0, 0);
           transform: translate3d(0, 0, 0)
       }
       100% {
           visibility: hidden;
           -webkit-transform: translate3d(-100%, 0, 0);
           transform: translate3d(-100%, 0, 0)
       }
   }
   
   @keyframes slideOutLeft {
       0% {
           -webkit-transform: translate3d(0, 0, 0);
           transform: translate3d(0, 0, 0)
       }
       100% {
           visibility: hidden;
           -webkit-transform: translate3d(-100%, 0, 0);
           transform: translate3d(-100%, 0, 0)
       }
   }
   
   @-webkit-keyframes slideOutRight {
       0% {
           -webkit-transform: translate3d(0, 0, 0);
           transform: translate3d(0, 0, 0)
       }
       100% {
           visibility: hidden;
           -webkit-transform: translate3d(100%, 0, 0);
           transform: translate3d(100%, 0, 0)
       }
   }
   
   @keyframes slideOutRight {
       0% {
           -webkit-transform: translate3d(0, 0, 0);
           transform: translate3d(0, 0, 0)
       }
       100% {
           visibility: hidden;
           -webkit-transform: translate3d(100%, 0, 0);
           transform: translate3d(100%, 0, 0)
       }
   }
   
   @-webkit-keyframes slideOutUp {
       0% {
           -webkit-transform: translate3d(0, 0, 0);
           transform: translate3d(0, 0, 0)
       }
       100% {
           visibility: hidden;
           -webkit-transform: translate3d(0, -100%, 0);
           transform: translate3d(0, -100%, 0)
       }
   }
   
   @keyframes slideOutUp {
       0% {
           -webkit-transform: translate3d(0, 0, 0);
           transform: translate3d(0, 0, 0)
       }
       100% {
           visibility: hidden;
           -webkit-transform: translate3d(0, -100%, 0);
           transform: translate3d(0, -100%, 0)
       }
   }


   a.exit{
    display: block;
    background-color: transparent;
   
    padding: 0;
    font-weight: 700;
    font-size: 1.6em;
    border-bottom: none;
    margin: 0;
   }