.modal-bg *, .modal-bg *::before, .modal-bg *::after,
.modal-help *, .modal-help *::before, .modal-help *::after { box-sizing:content-box; }
.modal-bg, .modal-help {
	background: rgba(0,0,0,0.90);
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10002;


	display: none;

}
.modal {
	background: #a4a492 url(../img/modal.jpg) bottom right no-repeat;
	color: #ffffff;

	
	position: absolute;
	top: 50%;
	left: 50%;

	z-index: 99;
	padding: 0 0 30px;

	border-radius: 10px;

	width: 650px;
	/*
	height: 640px;
	min-height: 540px;
	*/

	height: 390px;

	margin: -210px 0 0 -325px;
	z-index: 100;

	letter-spacing: 1px;
}



.modal-item {
	width: 250px;
	position: absolute;
	opacity: 0;
	left: 40px;
	top: 160px;
}


.exit-close { padding: 30px 0 0 40px; }

.modal-padded-left {
	padding: 25px 0 18px 40px;
}
.modal-sep {
	border-top: 1px dashed white;
	margin: 7px 40px 7px;
}
.modal-title {
	color: white;
	font-size: 24px;
	line-height: 1.5;
	padding: 11px 40px 11px;

	margin: 0;
	background: #00AFEE;

	
	border-radius: 10px 10px 0 0;
}
.no-radius { border-radius: 0; }
.modal-help .modal-title { background: #007879; }
.modal-padded {
	padding: 0 40px 20px;
	

	background: #007879;
}
.times {
	margin: 0;
	padding: 0;
}
.times {
	font-size: 30px;
	position: absolute;
	top: -30px;

	right: -30px;

	color: white;
	line-height: 44px;
	background: #00AFEE;
	width: 48px;
	height: 48px;
	border-radius: 48px;
	text-align: center;
	display: block;

	text-decoration: none;
}
.times:hover {
	cursor: pointer;
	color: #007CA8;
}
.times .fa { display: block; line-height: 46px; }

.no-padding-top { padding-top: 0; }
.no-padding-bottom { padding-bottom: 0; }
.no-mrg-top { margin-top: 0; }
.no-mrg-bottom { margin-bottom: 0; }
.no-border { border: none; }
.zapri-txt { text-decoration: underline; color: #1f1f1f; text-shadow: none; }
.zapri-txt:hover { text-decoration: none; cursor: pointer;  }

@-webkit-keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
  }

  80% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px);
  }

  80% {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
  }

  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.bounceInDown {
  -webkit-animation: bounceInDown 0.75s;
  animation: bounceInDown 0.75s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}

@-webkit-keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(.3);
    transform: scale(.3);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }

  70% {
    -webkit-transform: scale(.9);
    transform: scale(.9);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(.3);
    -ms-transform: scale(.3);
    transform: scale(.3);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
  }

  70% {
    -webkit-transform: scale(.9);
    -ms-transform: scale(.9);
    transform: scale(.9);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}

.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}

.bounceInDownLate {
  -webkit-animation: bounceInDown 0.75s;
  animation: bounceInDown 0.75s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-delay: 0.25s;
  animation-delay: 0.25s;
  -webkit-animation-fill-mode: backwards;
  animation-fill-mode: backwards;
}
.bounceInLate {
  -webkit-animation: bounceIn 1s;
  animation: bounceIn 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}