@keyframes modalan {
  from {transform: translate(-50%,-150%);}
  10%{transform: translate(-50%,-150%);}
  35%{transform: translate(-50%,-95%);}
  40%{transform: translate(-50%,-90%);}
  50%{transform: translate(-50%,-65%);}
  60%{transform: translate(-50%,-60%);}
  70%{transform: translate(-50%,-25%);}
  75%{transform: translate(-50%,-25%);}
  90%{transform: translate(-50%,0%);}
  to {}
}

.dl_btn,.sh_btn
{
	padding: 1rem 2rem;
	margin: 1rem;
	background-color: gray;
	border: 1px solid black;
	color: white;

}


#flash
{
	background-color: white;
	position: fixed;
	width: 100vw;
	height: 100vh;
	top: 0vh;
	opacity: 0;
	pointer-events: none;
	z-index: 500;
    background: #fff url('../img/ploading.gif') center center no-repeat;
}
.flashnow
{
	opacity: 1!important;
}
.flashing {
    overflow: hidden;
}

/*.modal-mod
{
	display: none;
	position: fixed;
	left: 50%;
	top: 10%;
	transform: translate(-50%,0%);

}
.modal-modanim
{
	z-index: 501;
	display: block;
    animation-name: modalan;
    animation-duration: 5s;
    padding: 2rem 2rem 4rem 2rem;
    box-shadow: 0px 10px 20px 0px #00000033;
    border-radius: 1rem;
}*/

.cardpostal .modal-content {
	animation-name: modalan;
	animation-duration: 5s;
	padding: 1rem;
	box-shadow: 0px 10px 20px 0px #00000033;
	border-radius: 1rem;
	border: none;
}
.modal-modanim .modal-content {
	left: 50%;
	top: 10%;
	transform: translate(-50%,0%);
}
.modal-backdrop {
	background-color: #fff;
}


@media (max-width: 600px)
{
	.width_fix
	{
		width: 90vw;
	}
}