/* ---------------------------------------------------------

- document:  Slick Modals - HTML5 and CSS3 powered modal popups
- author:    Capelle @ Codecanyon
- profile:   http://codecanyon.net/user/Capelle
- version:   4.2

---------------------------------------------------------- */

/*
   Reset and basics
   ------------------------------ */

/* Reset */
.slickModal * {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: normal;
	font-style: normal;
	font-size: 100%;
	vertical-align: baseline;
	line-height: normal;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* Basics */
.slickModal,
.slickOverlay,
.slickWindow {
    position: fixed;
	overflow: auto;
}
.slickModal {
    display: none;
	z-index: -1;
}
.slickModal.isActive {
    display: block;
    z-index: 999999;
}
.slickOverlay {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	content: "";
	z-index: 1;
}
.slickWindow {
	z-index: 2;
}
.slickContent {
	position: relative;
}

/*
   Modal window positions
   ------------------------------ */

.slickWindow.center {
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
.slickWindow.topLeft {
	top: 0;
	left: 0;
}
.slickWindow.topCenter {
	top: 0;
	left: 0;
	right: 0;
}
.slickWindow.topRight {
	top: 0;
	right: 0;
}
.slickWindow.bottomLeft {
	bottom: 0;
	left: 0;
}
.slickWindow.bottomCenter {
	bottom: 0;
	left: 0;
	right: 0;
}
.slickWindow.bottomRight {
	bottom: 0;
	right: 0;
}
.slickWindow.right {
	top: 0;
	right: 0;
	bottom: 0;
}
.slickWindow.left {
	top: 0;
	left: 0;
	bottom: 0;
}

/*
   Modal window transitions
   ------------------------------ */

.slickModal .animated {
	-webkit-animation-iteration-count: 1;
	-webkit-animation-timing-function: ease;
	-webkit-animation-fill-mode: both;
	-webkit-backface-visibility: hidden;
	-webkit-transform-style: preserve-3d;
	animation-iteration-count: 1;
	animation-timing-function: ease;
	animation-fill-mode: both;
	backface-visibility: hidden;
	transform-style: preserve-3d;
}
.slickModal .animated.fadeOut {
    -webkit-animation-delay: 0s !important;
    animation-delay: 0s !important;
    pointer-events: none;
}

/* fadeIn */
.slickModal .fadeIn {
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
}
@-webkit-keyframes fadeIn {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@keyframes fadeIn {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

/* fadeOut */
.slickModal .fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
}
@-webkit-keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
@keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

/* ZoomIn */
.slickModal .zoomIn {
	-webkit-animation-name: zoomIn;
	animation-name: zoomIn;
}
@-webkit-keyframes zoomIn {
	0% {
		opacity: 0;
		-webkit-transform: scale(0.7);
	}
	100% {
		opacity: 1;
		-webkit-transform: none;
	}
}
@keyframes zoomIn {
	0% {
		opacity: 0;
		transform: scale(0.7);
	}
	100% {
		opacity: 1;
		transform: none;
	}
}

/* zoomOut */
.slickModal .zoomOut {
	-webkit-animation-name: zoomOut;
	animation-name: zoomOut;
}
@-webkit-keyframes zoomOut {
	0% {
		opacity: 0;
		-webkit-transform: scale(1.3);
	}
	100% {
		opacity: 1;
		-webkit-transform: none;
	}
}
@keyframes zoomOut {
	0% {
		opacity: 0;
		transform: scale(1.3);
	}
	100% {
		opacity: 1;
		transform: none;
	}
}

/* slideTop */
.slickModal .slideTop {
	-webkit-animation-name: slideTop;
	animation-name: slideTop;
}
@-webkit-keyframes slideTop {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-25%);
	}
	100% {
		opacity: 1;
		-webkit-transform: none;
	}
}
@keyframes slideTop {
	0% {
		opacity: 0;
		transform: translateY(-25%);
	}
	100% {
		opacity: 1;
		transform: none;
	}
}

/* slideBottom */
.slickModal .slideBottom {
	-webkit-animation-name: slideBottom;
	animation-name: slideBottom;
}
@-webkit-keyframes slideBottom {
	0% {
		opacity: 0;
		-webkit-transform: translateY(25%);
	}
	100% {
		opacity: 1;
		-webkit-transform: none;
	}
}
@keyframes slideBottom {
	0% {
		opacity: 0;
		transform: translateY(25%);
	}
	100% {
		opacity: 1;
		transform: none;
	}
}

/* slideRight */
.slickModal .slideRight {
	-webkit-animation-name: slideRight;
	animation-name: slideRight;
}
@-webkit-keyframes slideRight {
	0% {
		opacity: 0;
		-webkit-transform: translateX(25%);
	}
	100% {
		opacity: 1;
		-webkit-transform: none;
	}
}
@keyframes slideRight {
	0% {
		opacity: 0;
		transform: translateX(25%);
	}
	100% {
		opacity: 1;
		transform: none;
	}
}

/* slideLeft */
.slickModal .slideLeft {
	-webkit-animation-name: slideLeft;
	animation-name: slideLeft;
}
@-webkit-keyframes slideLeft {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-25%);
	}
	100% {
		opacity: 1;
		-webkit-transform: none;
	}
}
@keyframes slideLeft {
	0% {
		opacity: 0;
		transform: translateX(-25%);
	}
	100% {
		opacity: 1;
		transform: none;
	}
}

/* rotateIn */
.slickModal .rotateIn {
	-webkit-animation-name: rotateIn;
	animation-name: rotateIn;
}
@-webkit-keyframes rotateIn {
	0% {
		opacity: 0;
		-webkit-transform: rotate(720deg) scale(0.5);
	}
	100% {
		opacity: 1;
		-webkit-transform: none;
	}
}
@keyframes rotateIn {
	0% {
		opacity: 0;
		transform: rotate(720deg) scale(0.5);
	}
	100% {
		opacity: 1;
		transform: none;
	}
}

/* rotateOut */
.slickModal .rotateOut {
	-webkit-animation-name: rotateOut;
	animation-name: rotateOut;
}
@-webkit-keyframes rotateOut {
	0% {
		opacity: 0;
		-webkit-transform: rotate(720deg) scale(1.4);
	}
	100% {
		opacity: 1;
		-webkit-transform: none;
	}
}
@keyframes rotateOut {
	0% {
		opacity: 0;
		transform: rotate(720deg) scale(1.4);
	}
	100% {
		opacity: 1;
		transform: none;
	}
}

/* flipInX */
.slickModal .flipInX {
	-webkit-animation-name: flipInX;
	animation-name: flipInX;
}
@-webkit-keyframes flipInX {
	0% {
		opacity: 0;
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		-webkit-transition-timing-function: ease-in;
	}
	40% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		-webkit-transition-timing-function: ease-in;
	}
	60% {
		opacity: 1;
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
	}
	80% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
	}
	100% {
		-webkit-transform: perspective(400px);
	}
}
@keyframes 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);
	}
}

/* flipInY */
.slickModal .flipInY {
	-webkit-animation-name: flipInY;
	animation-name: flipInY;
}
@-webkit-keyframes flipInY {
	0% {
		opacity: 0;
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		-webkit-transition-timing-function: ease-in;
	}
	40% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
		-webkit-transition-timing-function: ease-in;
	}
	60% {
		opacity: 1;
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
	}
	80% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
	}
	100% {
		-webkit-transform: perspective(400px);
	}
}
@keyframes 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);
	}
}

/* swingTop */
.slickModal .swingTop {
	-webkit-animation-name: swingTop;
	animation-name: swingTop;
	-webkit-transform-origin: top center;
	transform-origin: top center;
}
@-webkit-keyframes swingTop {
	0% {
		opacity: 0;
		-webkit-transform: perspective(300px) rotateX(-90deg);
	}
	100% {
		opacity: 1;
		-webkit-transform: none;
	}
}
@keyframes swingTop {
	0% {
		opacity: 0;
		transform: perspective(300px) rotateX(-90deg);
	}
	100% {
		opacity: 1;
		transform: none;
	}
}

/* swingBottom */
.slickModal .swingBottom {
	-webkit-animation-name: swingBottom;
	animation-name: swingBottom;
	-webkit-transform-origin: bottom center;
	transform-origin: bottom center;
}
@-webkit-keyframes swingBottom {
	0% {
		opacity: 0;
		-webkit-transform: perspective(300px) rotateX(90deg);
	}
	100% {
		opacity: 1;
		-webkit-transform: none;
	}
}
@keyframes swingBottom {
	0% {
		opacity: 0;
		transform: perspective(300px) rotateX(90deg);
	}
	100% {
		opacity: 1;
		transform: none;
	}
}

/* swingRight */
.slickModal .swingRight {
	-webkit-animation-name: swingRight;
	animation-name: swingRight;
	-webkit-transform-origin: center right;
	transform-origin: center right;
}
@-webkit-keyframes swingRight {
	0% {
		opacity: 0;
		-webkit-transform: perspective(200px) rotateY(-90deg);
	}
	100% {
		opacity: 1;
		-webkit-transform: none;
	}
}
@keyframes swingRight {
	0% {
		opacity: 0;
		transform: perspective(200px) rotateY(-90deg);
	}
	100% {
		opacity: 1;
		transform: none;
	}
}

/* swingLeft */
.slickModal .swingLeft {
	-webkit-animation-name: swingLeft;
	animation-name: swingLeft;
	-webkit-transform-origin: center left;
	transform-origin: center left;
}
@-webkit-keyframes swingLeft {
	0% {
		opacity: 0;
		-webkit-transform: perspective(200px) rotateY(90deg);
	}
	100% {
		opacity: 1;
		-webkit-transform: none;
	}
}
@keyframes swingLeft {
	0% {
		opacity: 0;
		transform: perspective(200px) rotateY(90deg);
	}
	100% {
		opacity: 1;
		transform: none;
	}
}

/* Flash */
.slickModal .flash {
	-webkit-animation-name: flash;
	animation-name: flash;
}
@-webkit-keyframes flash {
	0%, 40%, 80% {
		opacity: 0;
	}
	20%, 60%, 100% {
		opacity: 1;
	}
}
@keyframes flash {
	0%, 40%, 80% {
		opacity: 0;
	}
	20%, 60%, 100% {
		opacity: 1;
	}
}

/* Pulse */
.slickModal .pulse {
	-webkit-animation-name: pulse;
	animation-name: pulse;
}
@-webkit-keyframes pulse {
	0% {
		opacity: 0;
	}
	25% {
		opacity: 1;
	}
	25%, 75% {
		-webkit-transform: scale(1.05);
	}
	0%, 50%, 100% {
		-webkit-transform: none;
	}
}
@keyframes pulse {
	0% {
		opacity: 0;
	}
	25% {
		opacity: 1;
	}
	25%, 75% {
		transform: scale(1.05);
	}
	0%, 50%, 100% {
		transform: none;
	}
}

/* RubberBand */
.slickModal .rubberBand {
	-webkit-animation-name: rubberBand;
	animation-name: rubberBand;
}
@-webkit-keyframes rubberBand {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(1, 1, 1);
	}
	30% {
		opacity: 1;
		-webkit-transform: scale3d(1.25, 0.75, 1);
	}
	40% {
		-webkit-transform: scale3d(0.75, 1.25, 1);
	}
	50% {
		-webkit-transform: scale3d(1.15, 0.85, 1);
	}
	65% {
		-webkit-transform: scale3d(.95, 1.05, 1);
	}
	75% {
		-webkit-transform: scale3d(1.05, .95, 1);
	}
	100% {
		-webkit-transform: scale3d(1, 1, 1);
	}
}
@keyframes 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(.95, 1.05, 1);
	}
	75% {
		transform: scale3d(1.05, .95, 1);
	}
	100% {
		transform: scale3d(1, 1, 1);
	}
}

/* Shake */
.slickModal .shake {
	-webkit-animation-name: shake;
	animation-name: shake;
}
@-webkit-keyframes shake {
	0% {
		opacity: 0;
	}
	10% {
		opacity: 1;
	}
	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 {
	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 */
.slickModal .swing {
	-webkit-animation-name: swing;
	animation-name: swing;
	-webkit-transform-origin: top center;
	transform-origin: top center;
}
@-webkit-keyframes swing {
	0% {
		opacity: 0;
	}
	20% {
		opacity: 1;
		-webkit-transform: rotate3d(0, 0, 1, 15deg);
	}
	40% {
		-webkit-transform: rotate3d(0, 0, 1, -10deg);
	}
	60% {
		-webkit-transform: rotate3d(0, 0, 1, 5deg);
	}
	80% {
		-webkit-transform: rotate3d(0, 0, 1, -5deg);
	}
	100% {
		-webkit-transform: rotate3d(0, 0, 1, 0deg);
	}
}
@keyframes 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 */
.slickModal .tada {
	-webkit-animation-name: tada;
	animation-name: tada;
}
@-webkit-keyframes tada {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(1, 1, 1);
	}
	10% {
		opacity: 1;
	}
	10%, 20% {
		-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
	}
	30%, 50%, 70%, 90% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
	}
	40%, 60%, 80% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
	}
	100% {
		-webkit-transform: scale3d(1, 1, 1);
	}
}
@keyframes tada {
	0% {
		opacity: 0;
		transform: scale3d(1, 1, 1);
	}
	10% {
		opacity: 1;
	}
	10%, 20% {
		transform: scale3d(.9, .9, .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);
	}
}

/* Wooble */
.slickModal .wobble {
	-webkit-animation-name: wobble;
	animation-name: wobble;
}
@-webkit-keyframes wobble {
	0% {
		opacity: 0;
		-webkit-transform: none;
	}
	15% {
		opacity: 1;
		-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
	}
	30% {
		-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
	}
	45% {
		-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
	}
	60% {
		-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
	}
	75% {
		-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
	}
	100% {
		-webkit-transform: none;
	}
}
@keyframes 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 */
.slickModal .bounce {
	-webkit-animation-name: bounce;
	animation-name: bounce;
	-webkit-transform-origin: center bottom;
	transform-origin: center bottom;
}
@-webkit-keyframes bounce {
	0% {
		opacity: 0;
	}
	20% {
		opacity: 1;
	}
	0%, 20%, 53%, 80%, 100% {
		-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
		-webkit-transform: translate3d(0,0,0);
	}
	40%, 43% {
		-webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
		-webkit-transform: translate3d(0, -30px, 0);
	}
	70% {
		-webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
		-webkit-transform: translate3d(0, -15px, 0);
	}
	90% {
		-webkit-transform: translate3d(0,-4px,0);
	}
}
@keyframes bounce {
	0% {
		opacity: 0;
	}
	20% {
		opacity: 1;
	}
	0%, 20%, 53%, 80%, 100% {
		transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
		transform: translate3d(0,0,0);
	}
	40%, 43% {
		transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
		transform: translate3d(0, -30px, 0);
	}
	70% {
		transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
		transform: translate3d(0, -15px, 0);
	}
	90% {
		transform: translate3d(0,-4px,0);
	}
}

/* BounceIn */
.slickModal .bounceIn {
	-webkit-animation-name: bounceIn;
	animation-name: bounceIn;
}
@-webkit-keyframes bounceIn {
	0%, 20%, 40%, 60%, 80%, 100% {
		-webkit-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 bounceIn {
	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);
	}
}

/* BounceInUp */
.slickModal .bounceInUp {
	-webkit-animation-name: bounceInUp;
	animation-name: bounceInUp;
}
@-webkit-keyframes bounceInUp {
	0%, 60%, 75%, 90%, 100% {
		-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	}
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 3000px, 0);
	}
	60% {
		opacity: 1;
		-webkit-transform: translate3d(0, -20px, 0);
	}
	75% {
		-webkit-transform: translate3d(0, 10px, 0);
	}
	90% {
		-webkit-transform: translate3d(0, -5px, 0);
	}
	100% {
		-webkit-transform: translate3d(0, 0, 0);
	}
}
@keyframes bounceInUp {
	0%, 60%, 75%, 90%, 100% {
		transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	}
	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 */
.slickModal .bounceInDown {
	-webkit-animation-name: bounceInDown;
	animation-name: bounceInDown;
}
@-webkit-keyframes bounceInDown {
	0%, 60%, 75%, 90%, 100% {
		-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	}
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -3000px, 0);
	}
	60% {
		opacity: 1;
		-webkit-transform: translate3d(0, 25px, 0);
	}
	75% {
		-webkit-transform: translate3d(0, -10px, 0);
	}
	90% {
		-webkit-transform: translate3d(0, 5px, 0);
	}
	100% {
		-webkit-transform: none;
	}
}
@keyframes bounceInDown {
	0%, 60%, 75%, 90%, 100% {
		transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	}
	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 */
.slickModal .bounceInRight {
	-webkit-animation-name: bounceInRight;
	animation-name: bounceInRight;
}
@-webkit-keyframes bounceInRight {
	0%, 60%, 75%, 90%, 100% {
		-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	}
	0% {
		opacity: 0;
		-webkit-transform: translate3d(3000px, 0, 0);
	}
	60% {
		opacity: 1;
		-webkit-transform: translate3d(-25px, 0, 0);
	}
	75% {
		-webkit-transform: translate3d(10px, 0, 0);
	}
	90% {
		-webkit-transform: translate3d(-5px, 0, 0);
	}
	100% {
		-webkit-transform: none;
	}
}
@keyframes bounceInRight {
	0%, 60%, 75%, 90%, 100% {
		transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	}
	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 */
.slickModal .bounceInLeft {
	-webkit-animation-name: bounceInLeft;
	animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInLeft {
	0%, 60%, 75%, 90%, 100% {
		-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	}
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-3000px, 0, 0);
	}
	60% {
		opacity: 1;
		-webkit-transform: translate3d(25px, 0, 0);
	}
	75% {
		-webkit-transform: translate3d(-10px, 0, 0);
	}
	90% {
		-webkit-transform: translate3d(5px, 0, 0);
	}
	100% {
		-webkit-transform: none;
	}
}
@keyframes bounceInLeft {
	0%, 60%, 75%, 90%, 100% {
		transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	}
	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 */
.slickModal .unFold {
    -webkit-animation-name: unFold;
    animation-name: unFold;
}
@-webkit-keyframes unFold {
    0% {
        -webkit-transform: scaleY(.01) scaleX(0);
    }
    50% {
        -webkit-transform: scaleY(.01) scaleX(1);
    }
    100% {
        -webkit-transform: scaleY(1) scaleX(1);
    }
}
@keyframes unFold {
    0% {
        transform: scaleY(.01) scaleX(0);
    }
    50% {
        transform: scaleY(.01) scaleX(1);
    }
    100% {
        transform: scaleY(1) scaleX(1);
    }
}

/* flowIn */
.slickModal .flowIn {
    -webkit-animation-name: flowIn;
    animation-name: flowIn;
}
@-webkit-keyframes flowIn {
    0% {
        opacity: 0;
        border-radius: 200px;
        -webkit-transform: scale(0.6);
    }
    50% {
        opacity: 1;
    }
    100% {
        -webkit-transform: scale(1);
    }
}
@keyframes flowIn {
    0% {
        opacity: 0;
        border-radius: 200px;
        transform: scale(0.6);
    }
    50% {
        opacity: 1;
    }
    100% {
        transform: scale(1);
    }
}

/*
   Close buttons
   ------------------------------ */

.slickModal .closeModal {
	cursor: pointer;
}
.slickModal .close {
	position: absolute;
	right: 0;
	z-index: 10;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: 700;
}
.slickModal .close,
.slickModal .close:before {
	transition: all 0.1s ease;
}
.slickModal .close:before {
	white-space: nowrap;
	display: block;
	position: relative;
	transition: all 0.1s ease;
}

/* Labeled button */
.slickModal .close.labeled {
	top: -30px;
}
.slickModal .close.labeled:before {
	color: #fff;
	content: "close";
	font-size: 8px;
	text-transform: uppercase;
	background: linear-gradient(to right, #fff 50%, #000 50%);
	background-size: 201% 100%;
	background-position: right bottom;
	padding: 6px 12px;
}
.slickModal .close.labeled:hover:before {
	background-position: left bottom;
	color: #000;
}

/* Text button */
.slickModal .close.text {
	top: -20px;
}
.slickModal .close.text:before {
	color: #fff;
	content: "Close";
	font-size: 9px;
	text-transform: uppercase;
}

/* Tag button */
.slickModal .close.tag {
	top: 0;
}
.slickModal .close.tag:before {
	color: #fff;
	content: "\00d7";
	background: #000;
	text-align: center;
	font-size: 15px;
	width: 24px;
	height: 24px;
	line-height: 24px;
	opacity: 0.2;
}
.slickModal .close.tag:hover:before {
	opacity: 1;
}

/* Icon and circle button */
.slickModal .close.icon {
	top: 14px;
	right: 14px;
	display: block;
	width: 22px;
	height: 22px;
	overflow: hidden;
	opacity: 0.3;
}
.slickModal .close.icon:hover:before {
	color: #000;
}
.slickModal .close.icon:before,
.slickModal .close.icon:after,
.slickModal .close.circle:before,
.slickModal .close.circle:after {
	content: "";
	position: absolute;
	height: 1px;
	top: 50%;
	left: 0;
	right: 0;
	margin: auto;
	background: #000;
}
.slickModal .close.icon:before,
.slickModal .close.icon:after {
	width: 100%;
}
.slickModal .close.circle:before,
.slickModal .close.circle:after {
	width: 60%;
}
.slickModal .close.icon:before,
.slickModal .close.circle:before {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
.slickModal .close.icon:after,
.slickModal .close.circle:after {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.slickModal .close.icon:hover {
	opacity: 1;
}
.slickModal .close.circle {
	top: -12px;
	right: -12px;
	display: block;
	width: 24px;
	height: 24px;
	overflow: hidden;
	background: #4b9c47;
	border-radius: 50%;
}
.slickModal .close.circle:hover {
	transform: scale(1.1);
}