/* text-based popup styling */
.symatic-reputation-popup-o {
	position: relative;
	background-color: #fff;
	padding: 2% 1% 3%;
	margin: 0 auto;
}

/* 

====== Zoom effect ======

*/
.mfp-zoomin {
	/* start state */
	/* animate in */
	/* animate out */
}

.mfp-zoomin .mfp-with-anim {
	opacity: 0;
	transition: all 0.7s ease-in-out;
	transform: scale(0.8);
}

.mfp-zoomin.mfp-bg {
	opacity: 0;
	transition: all 0.7s ease-out;
}

.mfp-zoomin.mfp-ready .mfp-with-anim {
	opacity: 1;
	transform: scale(1);
}

.mfp-zoomin.mfp-ready.mfp-bg {
	opacity: 0.8;
}

.mfp-zoomin.mfp-removing .mfp-with-anim {
	transform: scale(0.8);
	opacity: 0;
}

.mfp-zoomin.mfp-removing.mfp-bg {
	opacity: 0;
}

/* 

====== Newspaper effect ======

*/
.mfp-newspaper {
	/* start state */
	/* animate in */
	/* animate out */
}

.mfp-newspaper .mfp-with-anim {
	opacity: 0;
	-webkit-transition: all 1s ease-in-out;
	transition: all 1s;
	transform: scale(0) rotate(500deg);
}

.mfp-newspaper.mfp-bg {
	opacity: 0;
	transition: all 0.5s;
}

.mfp-newspaper.mfp-ready .mfp-with-anim {
	opacity: 1;
	transform: scale(1) rotate(0deg);
}

.mfp-newspaper.mfp-ready.mfp-bg {
	opacity: 0.8;
}

.mfp-newspaper.mfp-removing .mfp-with-anim {
	transform: scale(0) rotate(500deg);
	opacity: 0;
}

.mfp-newspaper.mfp-removing.mfp-bg {
	opacity: 0;
}

/* 

====== Move-horizontal effect ======

*/
.mfp-move-horizontal {
	/* start state */
	/* animate in */
	/* animate out */
}

.mfp-move-horizontal .mfp-with-anim {
	opacity: 0;
	transition: all 0.3s;
	transform: translateX(-50px);
}

.mfp-move-horizontal.mfp-bg {
	opacity: 0;
	transition: all 0.3s;
}

.mfp-move-horizontal.mfp-ready .mfp-with-anim {
	opacity: 1;
	transform: translateX(0);
}

.mfp-move-horizontal.mfp-ready.mfp-bg {
	opacity: 0.8;
}

.mfp-move-horizontal.mfp-removing .mfp-with-anim {
	transform: translateX(50px);
	opacity: 0;
}

.mfp-move-horizontal.mfp-removing.mfp-bg {
	opacity: 0;
}

/* 

====== Move-from-top effect ======

*/
.mfp-move-from-top {
	/* start state */
	/* animate in */
	/* animate out */
}

.mfp-move-from-top .mfp-content {
	vertical-align: top;
}

.mfp-move-from-top .mfp-with-anim {
	opacity: 0;
	transition: all 0.2s;
	transform: translateY(-100px);
}

.mfp-move-from-top.mfp-bg {
	opacity: 0;
	transition: all 0.2s;
}

.mfp-move-from-top.mfp-ready .mfp-with-anim {
	opacity: 1;
	transform: translateY(0);
}

.mfp-move-from-top.mfp-ready.mfp-bg {
	opacity: 0.8;
}

.mfp-move-from-top.mfp-removing .mfp-with-anim {
	transform: translateY(-50px);
	opacity: 0;
}

.mfp-move-from-top.mfp-removing.mfp-bg {
	opacity: 0;
}

/* 

====== 3d unfold ======

*/
.mfp-3d-unfold {
	/* start state */
	/* animate in */
	/* animate out */
}

.mfp-3d-unfold .mfp-content {
	perspective: 2000px;
}

.mfp-3d-unfold .mfp-with-anim {
	opacity: 0;
	transition: all 0.3s ease-in-out;
	transform-style: preserve-3d;
	transform: rotateY(-60deg);
}

.mfp-3d-unfold.mfp-bg {
	opacity: 0;
	transition: all 0.5s;
}

.mfp-3d-unfold.mfp-ready .mfp-with-anim {
	opacity: 1;
	transform: rotateY(0deg);
}

.mfp-3d-unfold.mfp-ready.mfp-bg {
	opacity: 0.8;
}

.mfp-3d-unfold.mfp-removing .mfp-with-anim {
	transform: rotateY(60deg);
	opacity: 0;
}

.mfp-3d-unfold.mfp-removing.mfp-bg {
	opacity: 0;
}

/* 

====== Zoom-out effect ======

*/
.mfp-zoomout {
	/* start state */
	/* animate in */
	/* animate out */
}

.mfp-zoomout .mfp-with-anim {
	opacity: 0;
	transition: all 0.7s ease-in-out;
	transform: scale(1.3);
}

.mfp-zoomout.mfp-bg {
	opacity: 0;
	transition: all 0.7s ease-out;
}

.mfp-zoomout.mfp-ready .mfp-with-anim {
	opacity: 1;
	transform: scale(1);
}

.mfp-zoomout.mfp-ready.mfp-bg {
	opacity: 0.8;
}

.mfp-zoomout.mfp-removing .mfp-with-anim {
	transform: scale(1.3);
	opacity: 0;
}

.mfp-zoomout.mfp-removing.mfp-bg {
	opacity: 0;
}

/* 

====== "Hinge" close effect ======

*/
@keyframes hinge {
	0% {
		transform: rotate(0);
		transform-origin: top left;
		animation-timing-function: ease-in-out;
	}
	20%, 60% {
		transform: rotate(80deg);
		transform-origin: top left;
		animation-timing-function: ease-in-out;
	}
	40% {
		transform: rotate(60deg);
		transform-origin: top left;
		animation-timing-function: ease-in-out;
	}
	80% {
		transform: rotate(60deg) translateY(0);
		opacity: 1;
		transform-origin: top left;
		animation-timing-function: ease-in-out;
	}
	100% {
		transform: translateY(700px);
		opacity: 0;
	}
}

.hinge {
	animation-duration: 1s;
	animation-name: hinge;
}

.mfp-fade .mfp-content, .mfp-fade.mfp-bg {
	opacity: 0;
	transition: opacity .5s ease-out;
}

.mfp-fade.mfp-ready .mfp-content {
	opacity: 1;
}

.mfp-fade.mfp-ready.mfp-bg {
	opacity: 0.8;
}

.mfp-with-fade.mfp-removing.mfp-bg {
	opacity: 0;
}

/* preview styles */

.symatic-reputation-popup-links li {
	margin-bottom: 5px;
	list-style: none;
}


/*===== Bounce =====*/
@-webkit-keyframes bounce-in {
	0%, 20%, 40%, 60%, 80%, 100% { -webkit-transition-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000) }
	0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3) }
	20% { -webkit-transform: scale3d(1.1, 1.1, 1.1) }
	40% { -webkit-transform: scale3d(.9, .9, .9) }
	60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03) }
	80% { -webkit-transform: scale3d(.97, .97, .97) }
	100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1) }
}

@keyframes bounce-in {
	0%, 20%, 40%, 60%, 80%, 100% { transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000) }
	0% { opacity: 0; transform: scale3d(.3, .3, .3) }
	20% { transform: scale3d(1.1, 1.1, 1.1) }
	40% { transform: scale3d(.9, .9, .9) }
	60% { opacity: 1; transform: scale3d(1.03, 1.03, 1.03) }
	80% { transform: scale3d(.97, .97, .97) }
	100% { opacity: 1; transform: scale3d(1, 1, 1) }
}

@-webkit-keyframes bounce-out {
	20% { -webkit-transform: scale3d(.9, .9, .9) }
	50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1) }
	100% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3) }
}

@keyframes bounce-out {
	20% { transform: scale3d(.9, .9, .9) }
	50%, 55% { opacity: 1; transform: scale3d(1.1, 1.1, 1.1) }
	100% { opacity: 0; transform: scale3d(.3, .3, .3) }
}

.mfp-bounce {
	/* start state */
	/* animate in */
	/* animate out */
}

.mfp-bounce .mfp-with-anim {
	opacity: 0;
}

.mfp-bounce.mfp-bg {
	opacity: 0;
	transition: all 1s;
}

.mfp-bounce.mfp-ready .mfp-with-anim {
	opacity: 1;
	-webkit-animation: bounce-in 1s;
	animation: bounce-in 1s
}

.mfp-bounce.mfp-ready.mfp-bg {
	opacity: 0.8;
}

.mfp-bounce.mfp-removing .mfp-with-anim {
	-webkit-animation: bounce-out 1s;
	animation: bounce-out 1s;
}

.mfp-bounce.mfp-removing.mfp-bg {
	opacity: 0;
}
/*===== Additional animation options =====*/
@keyframes pulse-in {
	0% { transform: scale3d(1, 1, 1); }
	50% { transform: scale3d(1.08, 1.08, 1.08); }
	100% { transform: scale3d(1, 1, 1); }
}

@keyframes rubber-band-in {
	0% { transform: scale3d(1, 1, 1); }
	30% { transform: scale3d(1.25, 0.75, 1); }
	40% { transform: scale3d(0.75, 1.25, 1); }
	50% { transform: scale3d(1.15, 0.85, 1); }
	65% { transform: scale3d(0.95, 1.05, 1); }
	75% { transform: scale3d(1.05, 0.95, 1); }
	100% { transform: scale3d(1, 1, 1); }
}

@-webkit-keyframes shake-x-in {
	0%, 100% { -webkit-transform: translate3d(0, 0, 0); }
	10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); }
	20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); }
}

@keyframes shake-x-in {
	0%, 100% { transform: translate3d(0, 0, 0); }
	10%, 30%, 50%, 70%, 90% { transform: translate3d(-10px, 0, 0); }
	20%, 40%, 60%, 80% { transform: translate3d(10px, 0, 0); }
}

@-webkit-keyframes shake-y-in {
	0%, 100% { -webkit-transform: translate3d(0, 0, 0); }
	10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(0, -10px, 0); }
	20%, 40%, 60%, 80% { -webkit-transform: translate3d(0, 10px, 0); }
}

@keyframes shake-y-in {
	0%, 100% { transform: translate3d(0, 0, 0); }
	10%, 30%, 50%, 70%, 90% { transform: translate3d(0, -10px, 0); }
	20%, 40%, 60%, 80% { transform: translate3d(0, 10px, 0); }
}

@keyframes swing-in {
	20% { transform: rotate3d(0, 0, 1, 15deg); }
	40% { transform: rotate3d(0, 0, 1, -10deg); }
	60% { transform: rotate3d(0, 0, 1, 5deg); }
	80% { transform: rotate3d(0, 0, 1, -5deg); }
	100% { transform: rotate3d(0, 0, 1, 0deg); }
}

@keyframes tada-in {
	0% { transform: scale3d(1, 1, 1); }
	10%, 20% { transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }
	30%, 50%, 70%, 90% { transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }
	40%, 60%, 80% { transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }
	100% { transform: scale3d(1, 1, 1); }
}

@keyframes heartbeat-in {
	0% { transform: scale(1); }
	14% { transform: scale(1.2); }
	28% { transform: scale(1); }
	42% { transform: scale(1.2); }
	70% { transform: scale(1); }
}

@keyframes flip-in {
	0% {
		transform: perspective(700px) rotateY(90deg);
		opacity: 0;
	}
	40% {
		transform: perspective(700px) rotateY(-20deg);
	}
	70% {
		transform: perspective(700px) rotateY(10deg);
	}
	100% {
		transform: perspective(700px) rotateY(0deg);
		opacity: 1;
	}
}

.mfp-fade-in .mfp-with-anim {
	opacity: 0;
	transition: opacity 0.6s ease;
}

.mfp-fade-in.mfp-bg {
	opacity: 0;
	transition: opacity 0.6s ease;
}

.mfp-fade-in.mfp-ready .mfp-with-anim,
.mfp-fade-in.mfp-ready.mfp-bg {
	opacity: 0.8;
}

.mfp-fade-in.mfp-ready .mfp-with-anim {
	opacity: 1;
}

.mfp-fade-in.mfp-removing .mfp-with-anim,
.mfp-fade-in.mfp-removing.mfp-bg {
	opacity: 0;
}

.mfp-fade-out .mfp-with-anim,
.mfp-fade-out.mfp-bg {
	opacity: 0.8;
	transition: opacity 0.6s ease;
}

.mfp-fade-out.mfp-ready .mfp-with-anim,
.mfp-fade-out.mfp-ready.mfp-bg {
	opacity: 0.8;
}

.mfp-fade-out.mfp-removing .mfp-with-anim,
.mfp-fade-out.mfp-removing.mfp-bg {
	opacity: 0;
}

.mfp-pulse .mfp-with-anim,
.mfp-rubber-band .mfp-with-anim,
.mfp-shake-x .mfp-with-anim,
.mfp-shake-y .mfp-with-anim,
.mfp-swing .mfp-with-anim,
.mfp-tada .mfp-with-anim,
.mfp-heartbeat .mfp-with-anim,
.mfp-flip .mfp-with-anim {
	opacity: 0;
}

.mfp-pulse.mfp-bg,
.mfp-rubber-band.mfp-bg,
.mfp-shake-x.mfp-bg,
.mfp-shake-y.mfp-bg,
.mfp-swing.mfp-bg,
.mfp-tada.mfp-bg,
.mfp-heartbeat.mfp-bg,
.mfp-flip.mfp-bg {
	opacity: 0;
	transition: opacity 0.5s ease;
}

.mfp-pulse.mfp-ready .mfp-with-anim { opacity: 1; animation: pulse-in 0.9s; }
.mfp-rubber-band.mfp-ready .mfp-with-anim { opacity: 1; animation: rubber-band-in 0.9s; }
.mfp-shake-x.mfp-ready .mfp-with-anim { opacity: 1; -webkit-animation: shake-x-in 0.8s; animation: shake-x-in 0.8s; }
.mfp-shake-y.mfp-ready .mfp-with-anim { opacity: 1; -webkit-animation: shake-y-in 0.8s; animation: shake-y-in 0.8s; }
.mfp-swing.mfp-ready .mfp-with-anim { opacity: 1; transform-origin: top center; animation: swing-in 0.9s; }
.mfp-tada.mfp-ready .mfp-with-anim { opacity: 1; animation: tada-in 1s; }
.mfp-heartbeat.mfp-ready .mfp-with-anim { opacity: 1; animation: heartbeat-in 1.2s; }
.mfp-flip.mfp-ready .mfp-with-anim { opacity: 1; animation: flip-in 0.9s; backface-visibility: visible; }

.mfp-pulse.mfp-ready.mfp-bg,
.mfp-rubber-band.mfp-ready.mfp-bg,
.mfp-shake-x.mfp-ready.mfp-bg,
.mfp-shake-y.mfp-ready.mfp-bg,
.mfp-swing.mfp-ready.mfp-bg,
.mfp-tada.mfp-ready.mfp-bg,
.mfp-heartbeat.mfp-ready.mfp-bg,
.mfp-flip.mfp-ready.mfp-bg {
	opacity: 0.8;
}

.mfp-pulse.mfp-removing .mfp-with-anim,
.mfp-rubber-band.mfp-removing .mfp-with-anim,
.mfp-shake-x.mfp-removing .mfp-with-anim,
.mfp-shake-y.mfp-removing .mfp-with-anim,
.mfp-swing.mfp-removing .mfp-with-anim,
.mfp-tada.mfp-removing .mfp-with-anim,
.mfp-heartbeat.mfp-removing .mfp-with-anim,
.mfp-flip.mfp-removing .mfp-with-anim {
	opacity: 0;
	transition: opacity 0.3s ease;
}

.mfp-pulse.mfp-removing.mfp-bg,
.mfp-rubber-band.mfp-removing.mfp-bg,
.mfp-shake-x.mfp-removing.mfp-bg,
.mfp-shake-y.mfp-removing.mfp-bg,
.mfp-swing.mfp-removing.mfp-bg,
.mfp-tada.mfp-removing.mfp-bg,
.mfp-heartbeat.mfp-removing.mfp-bg,
.mfp-flip.mfp-removing.mfp-bg {
	opacity: 0;
}