body.stop-scrolling{
	height:100%;
	overflow:hidden;
}

.sweet-overlay{
	background-color:black;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
	background-color:rgba(0, 0, 0, 0.4);
	position:fixed;
	left:0;
	right:0;
	top:0;
	bottom:0;
	display:none;
	z-index:10000;
}

.sweet-alert{
	background-color:white;
	font-family:'Source Sans Pro', sans-serif;
	width:478px;
	padding:17px;
	border-radius:5px;
	text-align:center;
	position:fixed;
	left:50%;
	top:50%;
	margin-left:-256px;
	margin-top:-200px;
	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:#575757;
    font-size:30px;
    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:16px;
    text-align:center;
    font-weight:300;
    position:relative;
    text-align:inherit;
    float:none;
    margin:0;
    padding:0;
    line-height:normal;
}

.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;
}

.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:#8CD4F5;
    color:white;
    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 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);
}
@media(min-width:850px){
	.sweet-alert button:hover{
		background-color:#7ecff4;
	}
}

.sweet-alert button:active{
	background-color:#5dc2f1;
}

.sweet-alert button.cancel{
	background-color:#C1C1C1;
}
@media(min-width:768px){
	.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:-2px;
	background-color:#F8BB86;
}

.sweet-alert .sa-icon.sa-warning .sa-dot{
	position:absolute;
	width:7px;
	height:7px;
	-webkit-border-radius:50%;
	border-radius:50%;
	margin-left:-3px;
	left:50%;
	bottom:10px;
	background-color:#F8BB86;
}

.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:#F8BB86;
	}
}

@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);
	}
}

.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;
}

.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;
}

.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;
}

@-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%);
	}
}