@charset "UTF-8";
/*!
 * ========= INFORMATION ============================
 * - document:  Popup Box Pro
 * - brand:     Wow-Company
 * - brand-url: https://wow-company.com/
 * - store-url: https://wow-estore.com/
 * - author:    Dmytro Lobov
 * - url:       https://wow-estore.com/item/popup-box-pro/
 * ====================================================== */

/* ========================
	Reset
======================== */
.ds-popup * {
	margin: 0;
	padding: 0;
}

.ds-popup div {
	box-sizing: border-box;
}

.ds-popup-content p,
.ds-popup-content ol,
.ds-popup-content ul,
.ds-popup-content li,
.ds-popup-content dl,
.ds-popup-content dt,
.ds-popup-content dd,
.ds-popup-content blockquote,
.ds-popup-content figure,
.ds-popup-content fieldset,
.ds-popup-content legend,
.ds-popup-content textarea,
.ds-popup-content pre,
.ds-popup-content iframe,
.ds-popup-content hr,
.ds-popup-content h1,
.ds-popup-content h2,
.ds-popup-content h3,
.ds-popup-content h4,
.ds-popup-content h5,
.ds-popup-content h6 {
	margin: 0;
	padding: 0;
}

.ds-popup-content h1,
.ds-popup-content h2,
.ds-popup-content h3,
.ds-popup-content h4,
.ds-popup-content h5,
.ds-popup-content h6 {
	font-size: 100%;
	font-weight: normal;
}

.ds-popup-content h3 {
	border: none;
}

.ds-popup-content ul {
	list-style: none;
}

.ds-popup-content button,
.ds-popup-content input,
.ds-popup-content select,
.ds-popup-content textarea {
	margin: 0;
}

.ds-popup-content img,
.ds-popup-content video {
	height: auto;
	max-width: 100%;
}

.ds-popup-content iframe {
	border: 0;
}

/* ========================
	Basic
======================== */
html.no-scroll,
body.no-scroll {
	overflow: hidden;
}

@media only screen and (max-width: 780px) {
	html.no-scroll, body.no-scroll {
		width: 100%;
		height: 100%;
		position: absolute;
	}
}

.ds-popup-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.ds-popup-overlay,
.ds-popup-wrapper {
	display: none;
}

.ds-popup-wrapper {
	position: fixed;
	background-size: cover;
}

.ds-popup-wrapper.is-shadow {
	-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
}

.ds-popup-wrapper.is-radius {
	border-radius: 15px;
}

/* ========================
	Modal window positions
======================== */
.ds-popup-wrapper.-center {
	top: 0;
	left: 0;
	margin: auto !important;
}

.ds-popup-wrapper.-topCenter {
	top: 0;
	left: 0;
	margin: 0 auto !important;
}

.ds-popup-wrapper.-bottomCenter {
	bottom: 0;
	left: 0;
	margin: 0 auto !important;
}

.ds-popup-wrapper.-topLeft {
	top: 0;
	left: 0;
}

.ds-popup-wrapper.-topRight {
	top: 0;
	right: 0;
}

.ds-popup-wrapper.-bottomLeft {
	bottom: 0;
	left: 0;
}

.ds-popup-wrapper.-bottomRight {
	bottom: 0;
	right: 0;
}

.ds-popup-wrapper.-right {
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto 0 !important;
}

.ds-popup-wrapper.-left {
	top: 0;
	left: 0;
	bottom: 0;
	margin: auto 0 !important;
}

/* ========================
	Close buttons
======================== */
.ds-popup-close {
	all: unset;
	cursor: pointer;
	position: absolute;
	font-weight: 700;
}
.ds-popup-close:focus {
	outline: 1px solid #004C9A;
	outline-offset: -1px;
}

.ds-popup-close,
.ds-popup-close:before {
	transition: all 0.1s ease;
}

.ds-popup-close:before {
	white-space: nowrap;
	display: block;
	position: relative;
	transition: all 0.1s ease;
}

.ds-popup-close.-topLeft {
	top: 0;
	left: 0;
}

.ds-popup-close.-topRight {
	top: 0;
	right: 0;
}

.ds-popup-close.-topLeft.-outer,
.ds-popup-close.-topRight.-outer {
	transform: translateY(-100%);
}

.ds-popup-close.-bottomLeft {
	bottom: 0;
	left: 0;
}

.ds-popup-close.-bottomRight {
	bottom: 0;
	right: 0;
}

.ds-popup-close.-bottomLeft.-outer,
.ds-popup-close.-bottomRight.-outer {
	transform: translateY(100%);
}

/* Text button */
.ds-popup-close.-text {
	padding: 5px 12px;
}

.ds-popup-close.-text:before {
	content: attr(data-ds-close-text);
}

.ds-popup-close.-text:hover,
.ds-popup-close.-text:hover:before {
	filter: brightness(0.85);
}

/* Tag button */
.ds-popup-close.-icon,
.ds-popup-close.-tag {
	text-align: center;
}

.ds-popup-close.-icon:before,
.ds-popup-close.-tag:before {
	content: "×";
}

.ds-popup-close.-icon:hover,
.ds-popup-close.-tag:hover,
.ds-popup-close.-icon:hover:before,
.ds-popup-close.-tag:hover:before {
	filter: brightness(0.85);
}

.ds-popup-close.-icon {
	background: transparent !important;
}

.is-radius .-topLeft {
	border-radius: 15px 0 0 0;
}

.is-radius .-topRight {
	border-radius: 0 15px 0 0;
}

.is-radius .-bottomLeft {
	border-radius: 0 0 0 15px;
}

.is-radius .-bottomRight {
	border-radius: 0 0 15px 0;
}

/* ========================
	Animated
======================== */
.ds-popup-overlay,
.ds-popup-wrapper {
	animation-duration: 0.4s;
}

.ds-popup-overlay {
	animation-delay: 0.2s;
}

.ds-popup.ds-active .ds-popup-overlay {
	animation-delay: 0s;
}

.ds-popup-wrapper {
	animation-delay: 0s;
}

.ds-popup.ds-active .ds-popup-wrapper {
	animation-delay: 0.2s;
}

.ds-popup-overlay,
.ds-popup-wrapper {
	animation-iteration-count: 1;
	animation-timing-function: ease;
	animation-fill-mode: both;
	animation-direction: normal;
	backface-visibility: hidden;
	transform-style: preserve-3d;
}

/* ZoomIn */
.ds-popup.ds-active div[data-ds-effect=zoomIn] {
	animation-name: ds-zoomIn;
}

.ds-popup div[data-ds-effect=zoomIn] {
	animation-name: ds-zoomIn-out;
}

@keyframes ds-zoomIn {
	0% {
		opacity: 0;
		transform: scale(0.7);
	}
	100% {
		opacity: 1;
		transform: none;
	}
}

@keyframes ds-zoomIn-out {
	0% {
		opacity: 1;
		transform: none;
	}
	100% {
		opacity: 0;
		transform: scale(0.7);
	}
}

/* zoomOut */
.ds-popup.ds-active div[data-ds-effect=zoomOut] {
	animation-name: ds-zoomOut;
}

.ds-popup div[data-ds-effect=zoomOut] {
	animation-name: ds-zoomOut-out;
}

@keyframes ds-zoomOut {
	0% {
		opacity: 0;
		transform: scale(1.3);
	}
	100% {
		opacity: 1;
		transform: none;
	}
}

@keyframes ds-zoomOut-out {
	0% {
		opacity: 1;
		transform: none;
	}
	100% {
		opacity: 0;
		transform: scale(1.3);
	}
}

/* slideTop */
.ds-popup.ds-active div[data-ds-effect=slideTop] {
	animation-name: ds-slideTop;
}

.ds-popup div[data-ds-effect=slideTop] {
	animation-name: ds-slideTop-out;
}

@keyframes ds-slideTop {
	0% {
		opacity: 0;
		transform: translateY(-25%);
	}
	100% {
		opacity: 1;
		transform: none;
	}
}

@keyframes ds-slideTop-out {
	0% {
		opacity: 1;
		transform: none;
	}
	100% {
		opacity: 0;
		transform: translateY(-25%);
	}
}

/* slideBottom */
.ds-popup.ds-active div[data-ds-effect=slideBottom] {
	animation-name: ds-slideBottom;
}

.ds-popup div[data-ds-effect=slideBottom] {
	animation-name: ds-slideBottom-out;
}

@keyframes ds-slideBottom {
	0% {
		opacity: 0;
		transform: translateY(25%);
	}
	100% {
		opacity: 1;
		transform: none;
	}
}

@keyframes ds-slideBottom-out {
	0% {
		opacity: 1;
		transform: none;
	}
	100% {
		opacity: 0;
		transform: translateY(25%);
	}
}

/* slideRight */
.ds-popup.ds-active div[data-ds-effect=slideRight] {
	animation-name: ds-slideRight;
}

.ds-popup div[data-ds-effect=slideRight] {
	animation-name: ds-slideRight-out;
}

@keyframes ds-slideRight {
	0% {
		opacity: 0;
		transform: translateX(25%);
	}
	100% {
		opacity: 1;
		transform: none;
	}
}

@keyframes ds-slideRight-out {
	0% {
		opacity: 1;
		transform: none;
	}
	100% {
		opacity: 0;
		transform: translateX(25%);
	}
}

/* slideLeft */
.ds-popup.ds-active div[data-ds-effect=slideLeft] {
	animation-name: ds-slideLeft;
}

.ds-popup div[data-ds-effect=slideLeft] {
	animation-name: ds-slideLeft-out;
}

@keyframes ds-slideLeft {
	0% {
		opacity: 0;
		transform: translateX(-25%);
	}
	100% {
		opacity: 1;
		transform: none;
	}
}

@keyframes ds-slideLeft-out {
	0% {
		opacity: 1;
		transform: none;
	}
	100% {
		opacity: 0;
		transform: translateX(-25%);
	}
}

/* slideInTop */
.ds-popup.ds-active div[data-ds-effect=slideInTop] {
	animation-name: ds-slideInTop;
}

.ds-popup div[data-ds-effect=slideInTop] {
	animation-name: ds-slideInTop-out;
}

@keyframes ds-slideInTop {
	0% {
		opacity: 0;
		transform: scale(0.8) translateY(-30%);
	}
	50% {
		opacity: 1;
		transform: scale(0.8) translateY(0);
	}
	100% {
		opacity: 1;
		transform: none;
	}
}

@keyframes ds-slideInTop-out {
	0% {
		opacity: 1;
		transform: none;
	}
	50% {
		opacity: 1;
		transform: scale(0.8) translateY(0);
	}
	100% {
		opacity: 0;
		transform: scale(0.8) translateY(-30%);
	}
}

/* slideInBottom */
.ds-popup.ds-active div[data-ds-effect=slideInBottom] {
	animation-name: ds-slideInBottom;
}

.ds-popup div[data-ds-effect=slideInBottom] {
	animation-name: ds-slideInBottom-out;
}

@keyframes ds-slideInBottom {
	0% {
		opacity: 0;
		transform: scale(0.8) translateY(30%);
	}
	50% {
		opacity: 1;
		transform: scale(0.8) translateY(0);
	}
	100% {
		opacity: 1;
		transform: none;
	}
}

@keyframes ds-slideInBottom-out {
	0% {
		opacity: 1;
		transform: none;
	}
	50% {
		opacity: 1;
		transform: scale(0.8) translateY(0);
	}
	100% {
		opacity: 0;
		transform: scale(0.8) translateY(30%);
	}
}

/* slideInRight */
.ds-popup.ds-active div[data-ds-effect=slideInRight] {
	animation-name: ds-slideInRight;
}

.ds-popup div[data-ds-effect=slideInRight] {
	animation-name: ds-slideInRight-out;
}

@keyframes ds-slideInRight {
	0% {
		opacity: 0;
		transform: scale(0.8) translateX(30%);
	}
	50% {
		opacity: 1;
		transform: scale(0.8) translateX(0);
	}
	100% {
		opacity: 1;
		transform: none;
	}
}

@keyframes ds-slideInRight-out {
	0% {
		opacity: 1;
		transform: none;
	}
	50% {
		opacity: 1;
		transform: scale(0.8) translateX(0);
	}
	100% {
		opacity: 0;
		transform: scale(0.8) translateX(30%);
	}
}

/* slideInLeft */
.ds-popup.ds-active div[data-ds-effect=slideInLeft] {
	animation-name: ds-slideInLeft;
}

.ds-popup div[data-ds-effect=slideInLeft] {
	animation-name: ds-slideInLeft-out;
}

@keyframes ds-slideInLeft {
	0% {
		opacity: 0;
		transform: scale(0.8) translateX(-30%);
	}
	50% {
		opacity: 1;
		transform: scale(0.8) translateX(0);
	}
	100% {
		opacity: 1;
		transform: none;
	}
}

@keyframes ds-slideInLeft-out {
	0% {
		opacity: 1;
		transform: none;
	}
	50% {
		opacity: 1;
		transform: scale(0.8) translateX(0);
	}
	100% {
		opacity: 0;
		transform: scale(0.8) translateX(-30%);
	}
}

/* rotateIn */
.ds-popup.ds-active div[data-ds-effect=rotateIn] {
	animation-name: ds-rotateIn;
}

.ds-popup div[data-ds-effect=rotateIn] {
	animation-name: ds-rotateIn-out;
}

@keyframes ds-rotateIn {
	0% {
		opacity: 0;
		transform: rotate(720deg) scale(0.5);
	}
	100% {
		opacity: 1;
		transform: none;
	}
}

@keyframes ds-rotateIn-out {
	0% {
		opacity: 1;
		transform: none;
	}
	100% {
		opacity: 0;
		transform: rotate(720deg) scale(0.5);
	}
}

/* rotateOut */
.ds-popup.ds-active div[data-ds-effect=rotateOut] {
	animation-name: ds-rotateOut;
}

.ds-popup div[data-ds-effect=rotateOut] {
	animation-name: ds-rotateOut-out;
}

@keyframes ds-rotateOut {
	0% {
		opacity: 0;
		transform: rotate(720deg) scale(1.4);
	}
	100% {
		opacity: 1;
		transform: none;
	}
}

@keyframes ds-rotateOut-out {
	0% {
		opacity: 1;
		transform: none;
	}
	100% {
		opacity: 0;
		transform: rotate(720deg) scale(1.4);
	}
}

/* flipInX */
.ds-popup.ds-active div[data-ds-effect=flipInX] {
	animation-name: ds-flipInX;
}

.ds-popup div[data-ds-effect=flipInX] {
	animation-name: ds-flipInX-out;
}

@keyframes ds-flipInX {
	0% {
		opacity: 0;
		transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		transition-timing-function: ease-in;
	}
	40% {
		transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		transition-timing-function: ease-in;
	}
	60% {
		opacity: 1;
		transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
	}
	80% {
		transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
	}
	100% {
		transform: perspective(400px);
	}
}

@keyframes ds-flipInX-out {
	0% {
		transform: perspective(400px);
	}
	20% {
		transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
	}
	40% {
		opacity: 1;
		transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
	}
	60% {
		transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		transition-timing-function: ease-in;
	}
	100% {
		opacity: 0;
		transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		transition-timing-function: ease-in;
	}
}

/* flipInY */
.ds-popup.ds-active div[data-ds-effect=flipInY] {
	animation-name: ds-flipInY;
}

.ds-popup div[data-ds-effect=flipInY] {
	animation-name: ds-flipInY-out;
}

@keyframes ds-flipInY {
	0% {
		opacity: 0;
		transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		transition-timing-function: ease-in;
	}
	40% {
		transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
		transition-timing-function: ease-in;
	}
	60% {
		opacity: 1;
		transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
	}
	80% {
		transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
	}
	100% {
		transform: perspective(400px);
	}
}

@keyframes ds-flipInY-out {
	0% {
		transform: perspective(400px);
	}
	20% {
		transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
	}
	40% {
		opacity: 1;
		transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
	}
	60% {
		transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
		transition-timing-function: ease-in;
	}
	100% {
		opacity: 0;
		transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		transition-timing-function: ease-in;
	}
}

/* swingTop */
.ds-popup.ds-active div[data-ds-effect=swingTop] {
	animation-name: ds-swingTop;
}

.ds-popup div[data-ds-effect=swingTop] {
	animation-name: ds-swingTop-out;
	transform-origin: top center;
}

@keyframes ds-swingTop {
	0% {
		opacity: 0;
		transform: perspective(300px) rotateX(-90deg);
	}
	100% {
		opacity: 1;
		transform: none;
	}
}

@keyframes ds-swingTop-out {
	0% {
		opacity: 1;
		transform: none;
	}
	100% {
		opacity: 0;
		transform: perspective(300px) rotateX(-90deg);
	}
}

/* swingBottom */
.ds-popup.ds-active div[data-ds-effect=swingBottom] {
	animation-name: ds-swingBottom;
}

.ds-popup div[data-ds-effect=swingBottom] {
	animation-name: ds-swingBottom-out;
	transform-origin: bottom center;
}

@keyframes ds-swingBottom {
	0% {
		opacity: 0;
		transform: perspective(300px) rotateX(90deg);
	}
	100% {
		opacity: 1;
		transform: none;
	}
}

@keyframes ds-swingBottom-out {
	0% {
		opacity: 1;
		transform: none;
	}
	100% {
		opacity: 0;
		transform: perspective(300px) rotateX(90deg);
	}
}

/* swingRight */
.ds-popup.ds-active div[data-ds-effect=swingRight] {
	animation-name: ds-swingRight;
}

.ds-popup div[data-ds-effect=swingRight] {
	animation-name: ds-swingRight-out;
	transform-origin: center right;
}

@keyframes ds-swingRight {
	0% {
		opacity: 0;
		transform: perspective(200px) rotateY(-90deg);
	}
	100% {
		opacity: 1;
		transform: none;
	}
}

@keyframes ds-swingRight-out {
	0% {
		opacity: 1;
		transform: none;
	}
	100% {
		opacity: 0;
		transform: perspective(200px) rotateY(-90deg);
	}
}

/* swingLeft */
.ds-popup.ds-active div[data-ds-effect=swingLeft] {
	animation-name: ds-swingLeft;
}

.ds-popup div[data-ds-effect=swingLeft] {
	animation-name: ds-swingLeft-out;
	transform-origin: center left;
}

@keyframes ds-swingLeft {
	0% {
		opacity: 0;
		transform: perspective(200px) rotateY(90deg);
	}
	100% {
		opacity: 1;
		transform: none;
	}
}

@keyframes ds-swingLeft-out {
	0% {
		opacity: 1;
		transform: none;
	}
	100% {
		opacity: 0;
		transform: perspective(200px) rotateY(90deg);
	}
}

/* Flash */
.ds-popup.ds-active div[data-ds-effect=flash] {
	animation-name: ds-flash;
}

@keyframes ds-flash {
	0%, 40%, 80% {
		opacity: 0;
	}
	20%, 60%, 100% {
		opacity: 1;
	}
}

/* Pulse */
.ds-popup.ds-active div[data-ds-effect=pulse] {
	animation-name: ds-pulse;
}

@keyframes ds-pulse {
	0% {
		opacity: 0;
	}
	25% {
		opacity: 1;
	}
	25%, 75% {
		transform: scale(1.05);
	}
	0%, 50%, 100% {
		transform: none;
	}
}

/* RubberBand */
.ds-popup.ds-active div[data-ds-effect=rubberBand] {
	animation-name: ds-rubberBand;
}

@keyframes ds-rubberBand {
	0% {
		opacity: 0;
		transform: scale3d(1, 1, 1);
	}
	30% {
		opacity: 1;
		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);
	}
}

/* Shake */
.ds-popup.ds-active div[data-ds-effect=shake] {
	animation-name: ds-shake;
}

@keyframes ds-shake {
	0% {
		opacity: 0;
	}
	10% {
		opacity: 1;
	}
	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);
	}
}

/* Swing */
.ds-popup.ds-active div[data-ds-effect=swing] {
	animation-name: ds-swing;
	transform-origin: top center;
}

@keyframes ds-swing {
	0% {
		opacity: 0;
	}
	20% {
		opacity: 1;
		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);
	}
}

/* Tada */
.ds-popup.ds-active div[data-ds-effect=tada] {
	animation-name: ds-tada;
}

@keyframes ds-tada {
	0% {
		opacity: 0;
		transform: scale3d(1, 1, 1);
	}
	10% {
		opacity: 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);
	}
}

/* wobble */
.ds-popup.ds-active div[data-ds-effect=wobble] {
	animation-name: ds-wobble;
}

@keyframes ds-wobble {
	0% {
		opacity: 0;
		transform: none;
	}
	15% {
		opacity: 1;
		transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
	}
	30% {
		transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
	}
	45% {
		transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
	}
	60% {
		transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
	}
	75% {
		transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
	}
	100% {
		transform: none;
	}
}

/* Bounce */
.ds-popup.ds-active div[data-ds-effect=bounce] {
	animation-name: ds-bounce;
	transform-origin: center bottom;
}

@keyframes ds-bounce {
	0% {
		opacity: 0;
	}
	20% {
		opacity: 1;
	}
	0%, 20%, 53%, 80%, 100% {
		transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		transform: translate3d(0, 0, 0);
	}
	40%, 43% {
		transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
		transform: translate3d(0, -30px, 0);
	}
	70% {
		transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
		transform: translate3d(0, -15px, 0);
	}
	90% {
		transform: translate3d(0, -4px, 0);
	}
}

/* BounceIn */
.ds-popup.ds-active div[data-ds-effect=bounceIn] {
	animation-name: ds-bounceIn;
}

@keyframes ds-bounceIn {
	0%, 20%, 40%, 60%, 80%, 100% {
		transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	}
	0% {
		opacity: 0;
		transform: scale3d(0.3, 0.3, 0.3);
	}
	20% {
		transform: scale3d(1.1, 1.1, 1.1);
	}
	40% {
		transform: scale3d(0.9, 0.9, 0.9);
	}
	60% {
		opacity: 1;
		transform: scale3d(1.03, 1.03, 1.03);
	}
	80% {
		transform: scale3d(0.97, 0.97, 0.97);
	}
	100% {
		opacity: 1;
		transform: scale3d(1, 1, 1);
	}
}

/* BounceInUp */
.ds-popup.ds-active div[data-ds-effect=bounceInUp] {
	animation-name: ds-bounceInUp;
}

@keyframes ds-bounceInUp {
	0%, 60%, 75%, 90%, 100% {
		transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	}
	0% {
		opacity: 0;
		transform: translate3d(0, 3000px, 0);
	}
	60% {
		opacity: 1;
		transform: translate3d(0, -20px, 0);
	}
	75% {
		transform: translate3d(0, 10px, 0);
	}
	90% {
		transform: translate3d(0, -5px, 0);
	}
	100% {
		transform: translate3d(0, 0, 0);
	}
}

/* BounceInDown */
.ds-popup.ds-active div[data-ds-effect=bounceInDown] {
	animation-name: ds-bounceInDown;
}

@keyframes ds-bounceInDown {
	0%, 60%, 75%, 90%, 100% {
		transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	}
	0% {
		opacity: 0;
		transform: translate3d(0, -3000px, 0);
	}
	60% {
		opacity: 1;
		transform: translate3d(0, 25px, 0);
	}
	75% {
		transform: translate3d(0, -10px, 0);
	}
	90% {
		transform: translate3d(0, 5px, 0);
	}
	100% {
		transform: none;
	}
}

/* BounceInRight */
.ds-popup.ds-active div[data-ds-effect=bounceInRight] {
	animation-name: ds-bounceInRight;
}

@keyframes ds-bounceInRight {
	0%, 60%, 75%, 90%, 100% {
		transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	}
	0% {
		opacity: 0;
		transform: translate3d(3000px, 0, 0);
	}
	60% {
		opacity: 1;
		transform: translate3d(-25px, 0, 0);
	}
	75% {
		transform: translate3d(10px, 0, 0);
	}
	90% {
		transform: translate3d(-5px, 0, 0);
	}
	100% {
		transform: none;
	}
}

/* BounceInLeft */
.ds-popup.ds-active div[data-ds-effect=bounceInLeft] {
	animation-name: ds-bounceInLeft;
}

@keyframes ds-bounceInLeft {
	0%, 60%, 75%, 90%, 100% {
		transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	}
	0% {
		opacity: 0;
		transform: translate3d(-3000px, 0, 0);
	}
	60% {
		opacity: 1;
		transform: translate3d(25px, 0, 0);
	}
	75% {
		transform: translate3d(-10px, 0, 0);
	}
	90% {
		transform: translate3d(5px, 0, 0);
	}
	100% {
		transform: none;
	}
}

/* unFold */
.ds-popup.ds-active div[data-ds-effect=unFold] {
	animation-name: ds-unFold;
}

.ds-popup div[data-ds-effect=unFold] {
	animation-name: ds-unFold-out;
}

@keyframes ds-unFold {
	0% {
		transform: scaleY(0.01) scaleX(0);
	}
	50% {
		transform: scaleY(0.01) scaleX(1);
	}
	100% {
		transform: scaleY(1) scaleX(1);
	}
}

@keyframes ds-unFold-out {
	0% {
		transform: scaleY(1) scaleX(1);
	}
	50% {
		transform: scaleY(0.01) scaleX(1);
	}
	100% {
		transform: scaleY(0.01) scaleX(0);
	}
}

/* flowIn */
.ds-popup.ds-active div[data-ds-effect=flowIn] {
	animation-name: ds-flowIn;
}

.ds-popup div[data-ds-effect=flowIn] {
	animation-name: ds-flowIn-out;
}

@keyframes ds-flowIn {
	0% {
		opacity: 0;
		border-radius: 200px;
		transform: scale(0.6);
	}
	50% {
		opacity: 1;
	}
	100% {
		transform: scale(1);
	}
}

@keyframes ds-flowIn-out {
	0% {
		transform: scale(1);
	}
	50% {
		opacity: 1;
	}
	100% {
		opacity: 0;
		border-radius: 200px;
		transform: scale(0.6);
	}
}

/* fadeIn */
.ds-popup.ds-active div[data-ds-effect=fadeIn] {
	animation-name: ds-fadeIn;
}

@keyframes ds-fadeIn {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

/* fadeOut (used for effects which don't have a specific backwards transition defined) */
.ds-popup div[data-ds-effect=fadeIn],
.ds-popup div[data-ds-effect=flash],
.ds-popup div[data-ds-effect=pulse],
.ds-popup div[data-ds-effect=rubberBand],
.ds-popup div[data-ds-effect=shake],
.ds-popup div[data-ds-effect=swing],
.ds-popup div[data-ds-effect=tada],
.ds-popup div[data-ds-effect=wobble],
.ds-popup div[data-ds-effect*=bounce] {
	animation-name: ds-fadeIn-out;
}

@keyframes ds-fadeIn-out {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

/* ========================
	Popup content
======================== */
.ds-popup-content {
	font-size: 16px;
	position: relative;
	display: block;
	height: 100%;
	overflow-y: hidden;
	line-height: 1.5;
}

.ds-popup-content:hover {
	overflow-y: auto;
	overflow-x: hidden;
	-webkit-overflow-scrolling: touch;
	-moz-overflow-scrolling: touch;
	-ms-overflow-scrolling: touch;
	-o-overflow-scrolling: touch;
	overflow-scrolling: touch;
}

.ds-popup-content::-webkit-scrollbar {
	-webkit-appearance: none;
	width: 2px;
}

.ds-popup-content::-webkit-scrollbar-thumb {
	border-radius: 2px;
	background-color: rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
}

.ds-popup-content ul,
.ds-popup-content ol {
	padding: 0;
	margin: 0;
}

.ds-popup-content li + li {
	margin-top: 0.25em;
}

.ds-popup-content p:not(:last-child),
.ds-popup-content dl:not(:last-child),
.ds-popup-content ol:not(:last-child),
.ds-popup-content ul:not(:last-child),
.ds-popup-content blockquote:not(:last-child),
.ds-popup-content pre:not(:last-child),
.ds-popup-content table:not(:last-child) {
	margin-bottom: 1em;
}

.ds-popup-content h1,
.ds-popup-content h2,
.ds-popup-content h3,
.ds-popup-content h4,
.ds-popup-content h5,
.ds-popup-content h6 {
	font-family: inherit;
	font-weight: 600;
	line-height: 1.125;
}

.ds-popup-content h1 {
	font-size: 2em;
	margin-bottom: 0.5em;
}

.ds-popup-content h1:not(:first-child) {
	margin-top: 1em;
}

.ds-popup-content h2 {
	font-size: 1.75em;
	margin-bottom: 0.5714em;
}

.ds-popup-content h2:not(:first-child) {
	margin-top: 1.1428em;
}

.ds-popup-content h3 {
	font-size: 1.5em;
	margin-bottom: 0.6666em;
}

.ds-popup-content h3:not(:first-child) {
	margin-top: 1.3333em;
}

.ds-popup-content h4 {
	font-size: 1.25em;
	margin-bottom: 0.8em;
}

.ds-popup-content h5 {
	font-size: 1.125em;
	margin-bottom: 0.8888em;
}

.ds-popup-content h6 {
	font-size: 1em;
	margin-bottom: 1em;
}

.ds-popup-content p {
	font-size: inherit;
	line-height: 1.5 !important;
}

.ds-popup-content blockquote {
	background-color: whitesmoke;
	border-left: 5px solid #dbdbdb;
	padding: 1.25em 1.5em;
}

.ds-popup-content ol {
	list-style-position: outside;
	margin-left: 2em;
	margin-top: 1em;
}

.ds-popup-content ol:not([type]) {
	list-style-type: decimal;
}

.ds-popup-content ol:not([type]).is-lower-alpha {
	list-style-type: lower-alpha;
}

.ds-popup-content ol:not([type]).is-lower-roman {
	list-style-type: lower-roman;
}

.ds-popup-content ol:not([type]).is-upper-alpha {
	list-style-type: upper-alpha;
}

.ds-popup-content ol:not([type]).is-upper-roman {
	list-style-type: upper-roman;
}

.ds-popup-content ul {
	list-style: disc outside;
	margin-left: 2em;
	margin-top: 1em;
}

.ds-popup-content ul ul {
	list-style-type: circle;
	margin-top: 0.5em;
}

.ds-popup-content ul ul ul {
	list-style-type: square;
}

.ds-popup-content dd {
	margin-left: 2em;
}

.ds-popup-content figure {
	margin-left: 2em;
	margin-right: 2em;
	text-align: center;
}

.ds-popup-content figure:not(:first-child) {
	margin-top: 2em;
}

.ds-popup-content figure:not(:last-child) {
	margin-bottom: 2em;
}

.ds-popup-content figure img {
	display: inline-block;
}

.ds-popup-content figure figcaption {
	font-style: italic;
}

.ds-popup-content pre {
	-webkit-overflow-scrolling: touch;
	overflow-x: auto;
	padding: 1.25em 1.5em;
	white-space: pre;
	word-wrap: normal;
}

.ds-popup-content sup,
.ds-popup-content sub {
	font-size: 75%;
}

.ds-popup-content hr {
	background-color: whitesmoke;
	border: none;
	display: block;
	height: 2px;
	margin: 1.5em 0;
}

/* ========================
	Buttons
======================== */
a.ds-button {
	text-decoration: none;
}

.ds-button {
	border: none;
	border-radius: 0;
	font-weight: 400;
	cursor: pointer;
	justify-content: center;
	padding-bottom: calc(0.5em - 1px);
	padding-left: 1em;
	padding-right: 1em;
	padding-top: calc(0.5em - 1px);
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;

}

.ds-button.is-small {
	border-radius: 2px;
	font-size: 0.75em;
}

.ds-button.is-normal {
	font-size: 1em;
}

.ds-button.is-medium {
	font-size: 1.25em;
}

.ds-button.is-large {
	font-size: 1.5em;
}

.ds-button.is-fullwidth {
	display: flex;
	width: 100%;
}

/* Alignments */
.ds-popup-content .alignleft {
	/*rtl:ignore*/
	float: left;
	/*rtl:ignore*/
	margin-right: 1rem;
}

@media only screen and (min-width: 768px) {
	.ds-popup-content .alignleft {
		/*rtl:ignore*/
		margin-right: calc(2 * 1rem);
	}
}

.ds-popup-content .alignright {
	/*rtl:ignore*/
	float: right;
	/*rtl:ignore*/
	margin-left: 1rem;
}

@media only screen and (min-width: 768px) {
	.ds-popup-content .alignright {
		/*rtl:ignore*/
		margin-left: calc(2 * 1rem);
	}
}

.ds-popup-content .aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
