/*
popModal - 1.26 [27.10.17]
Author: vadimsva
Github: https://github.com/vadimsva/popModal
*/


/* notifyModal */
.notifyModal {
	position:fixed;
	z-index:999999999999;
	opacity:1;
	-moz-opacity: 1;
	filter: alpha(opacity=1);
	cursor:pointer;
	transition:all 300ms ease
}
.notifyModal.overlay {
	top:0;
	bottom:0;
	left:0;
	right:0;
	background: rgba(0,0,0, 0.8);
}
.notifyModal.overlay.center {
	top:0;
	bottom:0
}
.notifyModal .notifyModal_content {
	position:absolute;
	background:#fff;
	opacity: 1;
	width:70%;
	min-width:200px;
	padding:25px;
	margin:auto;
	text-align:justify;
	box-shadow:0 2px 6px rgba(0,0,0,0.3);
	transition:all 200ms ease;
	transform:scale(0.95);
	box-sizing:border-box;
	border-radius:6px
}


.notifyModal.centerTop,
.notifyModal.centerTopSlide {
	top:0;left:0;right:0
}

.notifyModal.center {
	top:25%;bottom:auto;left:0;right:0
}
.notifyModal.center .notifyModal_content {
	left:0;
	right:0;
	top:25%
}



@media (max-width: 400px){
.notifyModal .notifyModal_content {width:auto}
.notifyModal.center .notifyModal_content {top:15%}
.notifyModal.center .notifyModal_content,
.notifyModal.centerTop .notifyModal_content,
.notifyModal.centerBottom .notifyModal_content {margin:auto 20px}
}


@keyframes fadeInLeft {
  0% {opacity:0;transform:translateX(-10px)}
  100% {opacity:1;transform:translateX(0)}
}
@keyframes fadeOutLeft {
  0% {opacity:1;transform:translateX(0)}
	100% {opacity:0;transform:translateX(-10px)}
}

@keyframes fadeInRight {
  0% {opacity:0;transform:translateX(10px)}
  100% {opacity:1;transform:translateX(0)}
}
@keyframes fadeOutRight {
  0% {opacity:1;transform:translateX(0)}
	100% {opacity:0;transform:translateX(10px)}
}

@keyframes fadeInTop {
  0% {opacity:0;transform:translateY(-10px)}
  100% {opacity:1;transform:translateY(0)}
}
@keyframes fadeOutTop {
  0% {opacity:1;transform: translateY(0)}
	100% {opacity:0;transform:translateY(-10px)}
}

@keyframes fadeInTopBig {
  0% {opacity:0;transform:translateY(-100%)}
  100% {opacity:1;transform:translateY(0)}
}

@keyframes fadeInBottom {
  0% {opacity:0;transform:translateY(10px)}
  100% {opacity:1;transform:translateY(0)}
}
@keyframes fadeOutBottom {
  0% {opacity:1;transform:translateY(0)}
	100% {opacity:0;transform:translateY(10px)}
}