body.stop-scrolling {    height: 100%;    overflow: hidden; }.sweet-overlay {    background-color: black;    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";    background-color: rgba(0, 0, 0, 0.8);    position: fixed;    left: 0;    right: 0;    top: 0;    bottom: 0;    display: none;    z-index: 10000; }.sweet-alert {    font-family: DB-Heavent-reg, sans-serif;    background: #6f3216;   padding: 20px 10px 15px;    box-shadow: 0 7px 30px rgba(62, 9, 11, 0.3);        border: 5px solid #e3b756;   width: 478px;    padding: 17px;       border-radius: 20px;   text-align: center;    position: fixed;    left: 50%;    top: 50%;    margin-left: -256px;    margin-top: -200px;      box-shadow: inset 0px 5px 65px 5px #4a2512;  overflow: hidden;    display: none;    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: #ffd429;    font-size: 42px;    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: #ffd429;    font-size: 22px;    text-align: center;    font-weight: 300;    position: relative;    text-align: inherit;    float: none;    margin: 0;    padding: 0;    line-height: normal; }	.text-muted, .app-notification__meta {    color: #ffd429 !important;    font-size: 20px;} .sweet-alert fieldset {    border: none;    position: relative; }.sweet-alert .sa-error-container {    background-color: #f1f1f1;    margin-left: -17px;    margin-right: -17px;    overflow: hidden;    padding: 0 10px;    max-height: 0;    webkit-transition: padding 0.15s, max-height 0.15s;    transition: padding 0.15s, max-height 0.15s; }.sweet-alert .sa-error-container.show {    padding: 10px 0;    max-height: 100px;    webkit-transition: padding 0.2s, max-height 0.2s;    transition: padding 0.25s, max-height 0.25s; }.sweet-alert .sa-error-container .icon {    display: inline-block;    width: 24px;    height: 24px;    border-radius: 50%;    background-color: #ea7d7d;    color: white;    line-height: 24px;    text-align: center;    margin-right: 3px; }.sweet-alert .sa-error-container p {    display: inline-block; }.sweet-alert .sa-input-error {    position: absolute;    top: 29px;    right: 26px;    width: 20px;    height: 20px;    opacity: 0;    -webkit-transform: scale(0.5);    transform: scale(0.5);    -webkit-transform-origin: 50% 50%;    transform-origin: 50% 50%;    -webkit-transition: all 0.1s;    transition: all 0.1s; }.sweet-alert .sa-input-error::before, .sweet-alert .sa-input-error::after {    content: "";    width: 20px;    height: 6px;    background-color: #f06e57;    border-radius: 3px;    position: absolute;    top: 50%;    margin-top: -4px;    left: 50%;    margin-left: -9px; }.sweet-alert .sa-input-error::before {    -webkit-transform: rotate(-45deg);    transform: rotate(-45deg); }.sweet-alert .sa-input-error::after {    -webkit-transform: rotate(45deg);    transform: rotate(45deg); }.sweet-alert .sa-input-error.show {    opacity: 1;    -webkit-transform: scale(1);    transform: scale(1); }.sweet-alert input {    width: 100%;    box-sizing: border-box;    border-radius: 3px;    border: 1px solid #d7d7d7;    height: 43px;    margin-top: 10px;    margin-bottom: 17px;    font-size: 18px;    box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.06);    padding: 0 12px;    display: none;    -webkit-transition: all 0.3s;    transition: all 0.3s; }.sweet-alert input:focus {    outline: none;    box-shadow: 0px 0px 3px #c4e6f5;    border: 1px solid #b4dbed; }.sweet-alert input:focus::-moz-placeholder {    transition: opacity 0.3s 0.03s ease;    opacity: 0.5; }.sweet-alert input:focus:-ms-input-placeholder {    transition: opacity 0.3s 0.03s ease;    opacity: 0.5; }.sweet-alert input:focus::-webkit-input-placeholder {    transition: opacity 0.3s 0.03s ease;    opacity: 0.5; }.sweet-alert input::-moz-placeholder {    color: #bdbdbd; }.sweet-alert input:-ms-input-placeholder {    color: #bdbdbd; }.sweet-alert input::-webkit-input-placeholder {    color: #bdbdbd; }.sweet-alert.show-input input {    display: block; }.sweet-alert .sa-confirm-button-container {    display: inline-block;    position: relative;margin-top: 15px;	}.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: #ffffff;    background: -moz-linear-gradient(top, #ffffff 4%, #ffe87b 5%, #e6a419 100%);    background: -webkit-linear-gradient(top, #ffffff 4%,#ffe87b 5%,#e6a419 100%);    background: linear-gradient(to bottom, #ffffff 4%,#ffe87b 5%,#e6a419 100%);    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e6a419',GradientType=0 );    color: #000000;    border: none;    box-shadow: none;    font-size: 24px;    font-weight: 700;    -webkit-border-radius: 5px;    border-radius: 5px;    padding: 1px 25px;    margin: 0px 5px 30px 5px;    cursor: pointer; }.sweet-alert button:focus {    outline: none;    box-shadow: 0 0 2px rgba(128, 179, 235, 0.5), inset 0 0 0 1px rgba(0, 0, 0, 0.05); }.sweet-alert button:hover {    background-color: #7ecff4; }.sweet-alert button:active {    background-color: #5dc2f1; }.sweet-alert button.cancel {    background: #ffffff;    background: -moz-linear-gradient(top, #d6d5d5 4%,#a5a4a4 5%,#616161 100%);    background: -webkit-linear-gradient(top, #d6d5d5 4%,#a5a4a4 5%,#616161 100%);    background: linear-gradient(to bottom, #d6d5d5 4%,#a5a4a4 5%,#616161 100%);    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6d5d5', endColorstr='#a5a4a4',GradientType=0 );    color: #000000; }.sweet-alert button.cancel:hover {    background-color: #b9b9b9; }.sweet-alert button.cancel:active {    background-color: #a8a8a8; }.sweet-alert button.cancel:focus {    box-shadow: rgba(197, 205, 211, 0.8) 0px 0px 2px, rgba(0, 0, 0, 0.0470588) 0px 0px 0px 1px inset !important; }.sweet-alert button[disabled] {    opacity: .6;    cursor: default; }.sweet-alert button.confirm[disabled] {    color: transparent; }.sweet-alert button.confirm[disabled] ~ .la-ball-fall {    opacity: 1;    visibility: visible;    transition-delay: 0s; }.sweet-alert button::-moz-focus-inner {    border: 0; }.sweet-alert[data-has-cancel-button=false] button {    box-shadow: none !important; }.sweet-alert[data-has-confirm-button=false][data-has-cancel-button=false] {    padding-bottom: 40px; }.sweet-alert .sa-icon {    width: 80px;    height: 80px;    border: 4px solid gray;    -webkit-border-radius: 40px;    border-radius: 40px;    border-radius: 50%;    margin: 20px auto;    padding: 0;    position: relative;    box-sizing: content-box; }.sweet-alert .sa-icon.sa-error {    border-color: #F27474; }.sweet-alert .sa-icon.sa-error .sa-x-mark {    position: relative;    display: block; }.sweet-alert .sa-icon.sa-error .sa-line {    position: absolute;    height: 5px;    width: 47px;    background-color: #F27474;    display: block;    top: 37px;    border-radius: 2px; }.sweet-alert .sa-icon.sa-error .sa-line.sa-left {    -webkit-transform: rotate(45deg);    transform: rotate(45deg);    left: 17px; }.sweet-alert .sa-icon.sa-error .sa-line.sa-right {    -webkit-transform: rotate(-45deg);    transform: rotate(-45deg);    right: 16px; }.sweet-alert .sa-icon.sa-warning {    border-color: #F8BB86; }.sweet-alert .sa-icon.sa-warning .sa-body {    position: absolute;    width: 5px;    height: 47px;    left: 50%;    top: 10px;    -webkit-border-radius: 2px;    border-radius: 2px;    margin-left: -4px;    background-color: #F8BB86;    border: 4px solid #ffd429; }.sweet-alert .sa-icon.sa-warning .sa-dot {    position: absolute;    width: 7px;    height: 7px;    -webkit-border-radius: 50%;    border-radius: 50%;    margin-left: -5px;    left: 50%;    bottom: 10px;    border: 5px solid #ffd429;}.sweet-alert .sa-icon.sa-info {    border-color: #C9DAE1; }.sweet-alert .sa-icon.sa-info::before {    content: "";    position: absolute;    width: 5px;    height: 29px;    left: 50%;    bottom: 17px;    border-radius: 2px;    margin-left: -2px;    background-color: #C9DAE1; }.sweet-alert .sa-icon.sa-info::after {    content: "";    position: absolute;    width: 7px;    height: 7px;    border-radius: 50%;    margin-left: -3px;    top: 19px;    background-color: #C9DAE1; }.sweet-alert .sa-icon.sa-success {    border-color: #A5DC86; }.sweet-alert .sa-icon.sa-success::before, .sweet-alert .sa-icon.sa-success::after {    content: '';    -webkit-border-radius: 40px;    border-radius: 40px;    border-radius: 50%;    position: absolute;    width: 60px;    height: 120px;    background: white;    -webkit-transform: rotate(45deg);    transform: rotate(45deg); }.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: 0px 60px;    transform-origin: 0px 60px; }.sweet-alert .sa-icon.sa-success .sa-placeholder {    width: 80px;    height: 80px;    border: 4px solid rgba(165, 220, 134, 0.2);    -webkit-border-radius: 40px;    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: white;    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); }.sweet-alert .sa-icon.sa-custom {    background-size: contain;    border-radius: 0;    border: none;    background-position: center center;    background-repeat: no-repeat; }/* * Animations */@-webkit-keyframes showSweetAlert {    0% {        transform: scale(0.7);        -webkit-transform: scale(0.7); }    45% {        transform: scale(1.05);        -webkit-transform: scale(1.05); }    80% {        transform: scale(0.95);        -webkit-transform: scale(0.95); }    100% {        transform: scale(1);        -webkit-transform: scale(1); } }@keyframes showSweetAlert {    0% {        transform: scale(0.7);        -webkit-transform: scale(0.7); }    45% {        transform: scale(1.05);        -webkit-transform: scale(1.05); }    80% {        transform: scale(0.95);        -webkit-transform: scale(0.95); }    100% {        transform: scale(1);        -webkit-transform: scale(1); } }@-webkit-keyframes hideSweetAlert {    0% {        transform: scale(1);        -webkit-transform: scale(1); }    100% {        transform: scale(0.5);        -webkit-transform: scale(0.5); } }@keyframes hideSweetAlert {    0% {        transform: scale(1);        -webkit-transform: scale(1); }    100% {        transform: scale(0.5);        -webkit-transform: scale(0.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%; } }.showSweetAlert[data-animation=pop] {    -webkit-animation: showSweetAlert 0.3s;    animation: showSweetAlert 0.3s; }.showSweetAlert[data-animation=none] {    -webkit-animation: none;    animation: none; }.showSweetAlert[data-animation=slide-from-top] {    -webkit-animation: slideFromTop 0.3s;    animation: slideFromTop 0.3s; }.showSweetAlert[data-animation=slide-from-bottom] {    -webkit-animation: slideFromBottom 0.3s;    animation: slideFromBottom 0.3s; }.hideSweetAlert[data-animation=pop] {    -webkit-animation: hideSweetAlert 0.2s;    animation: hideSweetAlert 0.2s; }.hideSweetAlert[data-animation=none] {    -webkit-animation: none;    animation: none; }.hideSweetAlert[data-animation=slide-from-top] {    -webkit-animation: slideToTop 0.4s;    animation: slideToTop 0.4s; }.hideSweetAlert[data-animation=slide-from-bottom] {    -webkit-animation: slideToBottom 0.3s;    animation: slideToBottom 0.3s; }@-webkit-keyframes animateSuccessTip {    0% {        width: 0;        left: 1px;        top: 19px; }    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% {        width: 0;        left: 1px;        top: 19px; }    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% {        width: 0;        right: 46px;        top: 54px; }    65% {        width: 0;        right: 46px;        top: 54px; }    84% {        width: 55px;        right: 0px;        top: 35px; }    100% {        width: 47px;        right: 8px;        top: 38px; } }@keyframes animateSuccessLong {    0% {        width: 0;        right: 46px;        top: 54px; }    65% {        width: 0;        right: 46px;        top: 54px; }    84% {        width: 55px;        right: 0px;        top: 35px; }    100% {        width: 47px;        right: 8px;        top: 38px; } }@-webkit-keyframes rotatePlaceholder {    0% {        transform: rotate(-45deg);        -webkit-transform: rotate(-45deg); }    5% {        transform: rotate(-45deg);        -webkit-transform: rotate(-45deg); }    12% {        transform: rotate(-405deg);        -webkit-transform: rotate(-405deg); }    100% {        transform: rotate(-405deg);        -webkit-transform: rotate(-405deg); } }@keyframes rotatePlaceholder {    0% {        transform: rotate(-45deg);        -webkit-transform: rotate(-45deg); }    5% {        transform: rotate(-45deg);        -webkit-transform: rotate(-45deg); }    12% {        transform: rotate(-405deg);        -webkit-transform: rotate(-405deg); }    100% {        transform: rotate(-405deg);        -webkit-transform: rotate(-405deg); } }.animateSuccessTip {    -webkit-animation: animateSuccessTip 0.75s;    animation: animateSuccessTip 0.75s; }.animateSuccessLong {    -webkit-animation: animateSuccessLong 0.75s;    animation: animateSuccessLong 0.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(0deg);        -webkit-transform: rotateX(0deg);        opacity: 1; } }@keyframes animateErrorIcon {    0% {        transform: rotateX(100deg);        -webkit-transform: rotateX(100deg);        opacity: 0; }    100% {        transform: rotateX(0deg);        -webkit-transform: rotateX(0deg);        opacity: 1; } }.animateErrorIcon {    -webkit-animation: animateErrorIcon 0.5s;    animation: animateErrorIcon 0.5s; }@-webkit-keyframes animateXMark {    0% {        transform: scale(0.4);        -webkit-transform: scale(0.4);        margin-top: 26px;        opacity: 0; }    50% {        transform: scale(0.4);        -webkit-transform: scale(0.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% {        transform: scale(0.4);        -webkit-transform: scale(0.4);        margin-top: 26px;        opacity: 0; }    50% {        transform: scale(0.4);        -webkit-transform: scale(0.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 0.5s;    animation: animateXMark 0.5s; }@-webkit-keyframes pulseWarning {    0% {        border-color: #F8D486; }    100% {        border-color: #ffd429;} }@keyframes pulseWarning {    0% {        border-color: #F8D486; }    100% {        border-color: #F8BB86; } }.pulseWarning {    -webkit-animation: pulseWarning 0.75s infinite alternate;    animation: pulseWarning 0.75s infinite alternate; }@-webkit-keyframes pulseWarningIns {    0% {        background-color: #F8D486; }    100% {        background-color: #F8BB86; } }@keyframes pulseWarningIns {    0% {        background-color: #F8D486; }    100% {        background-color: #F8BB86; } }.pulseWarningIns {    -webkit-animation: pulseWarningIns 0.75s infinite alternate;    animation: pulseWarningIns 0.75s infinite alternate; }@-webkit-keyframes rotate-loading {    0% {        transform: rotate(0deg); }    100% {        transform: rotate(360deg); } }@keyframes rotate-loading {    0% {        transform: rotate(0deg); }    100% {        transform: rotate(360deg); } }/* Internet Explorer 9 has some special quirks that are fixed here *//* The icons are not animated. *//* This file is automatically merged into sweet-alert.min.js through Gulp *//* Error icon */.sweet-alert .sa-icon.sa-error .sa-line.sa-left {    -ms-transform: rotate(45deg) \9; }.sweet-alert .sa-icon.sa-error .sa-line.sa-right {    -ms-transform: rotate(-45deg) \9; }/* Success icon */.sweet-alert .sa-icon.sa-success {    border-color: transparent\9; }.sweet-alert .sa-icon.sa-success .sa-line.sa-tip {    -ms-transform: rotate(45deg) \9; }.sweet-alert .sa-icon.sa-success .sa-line.sa-long {    -ms-transform: rotate(-45deg) \9; }/*! * Load Awesome v1.1.0 (http://github.danielcardoso.net/load-awesome/) * Copyright 2015 Daniel Cardoso <@DanielCardoso> * Licensed under MIT */.la-ball-fall,.la-ball-fall > div {    position: relative;    -webkit-box-sizing: border-box;    -moz-box-sizing: border-box;    box-sizing: border-box; }.la-ball-fall {    display: block;    font-size: 0;    color: #fff; }.la-ball-fall.la-dark {    color: #333; }.la-ball-fall > div {    display: inline-block;    float: none;    background-color: currentColor;    border: 0 solid currentColor; }.la-ball-fall {    width: 54px;    height: 18px; }.la-ball-fall > div {    width: 10px;    height: 10px;    margin: 4px;    border-radius: 100%;    opacity: 0;    -webkit-animation: ball-fall 1s ease-in-out infinite;    -moz-animation: ball-fall 1s ease-in-out infinite;    -o-animation: ball-fall 1s ease-in-out infinite;    animation: ball-fall 1s ease-in-out infinite; }.la-ball-fall > div:nth-child(1) {    -webkit-animation-delay: -200ms;    -moz-animation-delay: -200ms;    -o-animation-delay: -200ms;    animation-delay: -200ms; }.la-ball-fall > div:nth-child(2) {    -webkit-animation-delay: -100ms;    -moz-animation-delay: -100ms;    -o-animation-delay: -100ms;    animation-delay: -100ms; }.la-ball-fall > div:nth-child(3) {    -webkit-animation-delay: 0ms;    -moz-animation-delay: 0ms;    -o-animation-delay: 0ms;    animation-delay: 0ms; }.la-ball-fall.la-sm {    width: 26px;    height: 8px; }.la-ball-fall.la-sm > div {    width: 4px;    height: 4px;    margin: 2px; }.la-ball-fall.la-2x {    width: 108px;    height: 36px; }.la-ball-fall.la-2x > div {    width: 20px;    height: 20px;    margin: 8px; }.la-ball-fall.la-3x {    width: 162px;    height: 54px; }.la-ball-fall.la-3x > div {    width: 30px;    height: 30px;    margin: 12px; }/* * Animation */@-webkit-keyframes ball-fall {    0% {        opacity: 0;        -webkit-transform: translateY(-145%);        transform: translateY(-145%); }    10% {        opacity: .5; }    20% {        opacity: 1;        -webkit-transform: translateY(0);        transform: translateY(0); }    80% {        opacity: 1;        -webkit-transform: translateY(0);        transform: translateY(0); }    90% {        opacity: .5; }    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% {        opacity: .5; }    20% {        opacity: 1;        -moz-transform: translateY(0);        transform: translateY(0); }    80% {        opacity: 1;        -moz-transform: translateY(0);        transform: translateY(0); }    90% {        opacity: .5; }    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% {        opacity: .5; }    20% {        opacity: 1;        -o-transform: translateY(0);        transform: translateY(0); }    80% {        opacity: 1;        -o-transform: translateY(0);        transform: translateY(0); }    90% {        opacity: .5; }    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% {        opacity: .5; }    20% {        opacity: 1;         -webkit-transform: translateY(0);        -moz-transform: translateY(0);        -o-transform: translateY(0);        transform: translateY(0); }    80% {        opacity: 1;        -webkit-transform: translateY(0);        -moz-transform: translateY(0);        -o-transform: translateY(0);        transform: translateY(0); }    90% {        opacity: .5; }    100% {        opacity: 0;        -webkit-transform: translateY(145%);        -moz-transform: translateY(145%);        -o-transform: translateY(145%);        transform: translateY(145%); } }