.fade-enter-active, .fade-leave-active {
	-webkit-transition: opacity .5s;
	-moz-transition: opacity .5s;
	transition: opacity .5s;
}

.fade-enter, .fade-leave-to {
	-webkit-opacity: 0;
	-moz-opacity: 0;
	opacity: 0;
}

.slide-down-enter-active, .slide-down-leave-active {
	max-height: 100vh;
	overflow: hidden;

	-webkit-transition: max-height .5s, opacity .5s;
	-moz-transition: max-height .5s, opacity .5s;
	transition: max-height .5s, opacity .5s;
}

.slide-down-enter, .slide-down-leave-to {
	max-height: 0;

	-webkit-opacity: 0;
	-moz-opacity: 0;
	opacity: 0;
}

.devix-popup-modal{
	-webkit-opacity: 1;
	-moz-opacity: 1;
	opacity: 1;

	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.devix-popup-enter-active .devix-popup-modal,
.devix-popup-leave-active .devix-popup-modal{
	-webkit-transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
	-moz-transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
	transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
}

.devix-popup-enter .devix-popup-modal,
.devix-popup-leave-to .devix-popup-modal{
	-webkit-transform: translate(-50%, -35%);
	-moz-transform: translate(-50%, -35%);
	transform: translate(-50%, -35%);

	-webkit-opacity: 0;
	-moz-opacity: 0;
	opacity: 0;
}

.devix-popup-overlay{
	-webkit-opacity: 1;
	-moz-opacity: 1;
	opacity: 1;
}

.devix-popup-enter-active .devix-popup-overlay,
.devix-popup-leave-active .devix-popup-overlay{
	-webkit-transition: opacity 0.3s ease-in-out;
	-moz-transition: opacity 0.3s ease-in-out;
	transition: opacity 0.3s ease-in-out;
}

.devix-popup-enter .devix-popup-overlay,
.devix-popup-leave-to .devix-popup-overlay{
	-webkit-opacity: 0;
	-moz-opacity: 0;
	opacity: 0;
}