.dsx-loader_main {
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	opacity: 0;
	z-index: 999;
	pointer-events: none;
	background: #fff;
	-webkit-transition: all .4s;
	-o-transition: all .4s;
	-moz-transition: all .4s;
	transition: all .4s
}

.dsx-loader_main.-visible {
	opacity: 1;
	-webkit-transition-duration: .2s;
	-moz-transition-duration: .2s;
	-o-transition-duration: .2s;
	transition-duration: .2s
}

.dsx-loader_overlay {
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 9998;
	pointer-events: none
}

.dsx-loader_overlay-blind-item {
	position: absolute;
	display: block;
	left: 0;
	width: 33.44482%;
	height: 100vh;
	-webkit-transform: scaleX(0);
	-moz-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-o-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: left center;
	-moz-transform-origin: left center;
	-ms-transform-origin: left center;
	-o-transform-origin: left center;
	transform-origin: left center;
	background: #284c96;
	-webkit-animation: dsxl-loader-close .8s cubic-bezier(.19, 1, .22, 1) .5s backwards;
	-moz-animation: dsxl-loader-close .8s cubic-bezier(.19, 1, .22, 1) .5s backwards;
	-o-animation: dsxl-loader-close .8s cubic-bezier(.19, 1, .22, 1) .5s backwards;
	animation: dsxl-loader-close .8s cubic-bezier(.19, 1, .22, 1) .5s backwards
}

.dsx-loader_overlay-blind-item.-center {
	left: 33.33333%
}

.dsx-loader_overlay-blind-item.-right {
	left: 66.66667%
}

.dsx-loader_overlay-progress {
	position: relative
}

.dsx-loader_overlay-progress-item {
	position: absolute;
	top: 0;
	height: 100vh;
	-webkit-transform: scaleY(0);
	-moz-transform: scaleY(0);
	-ms-transform: scaleY(0);
	-o-transform: scaleY(0);
	transform: scaleY(0);
	border-left: 1px rgba(224, 228, 232, .15) solid;
	-webkit-transition: -webkit-transform .8s cubic-bezier(.19, 1, .22, 1);
	transition: -webkit-transform .8s cubic-bezier(.19, 1, .22, 1);
	-o-transition: -o-transform .8s cubic-bezier(.19, 1, .22, 1);
	-moz-transition: transform .8s cubic-bezier(.19, 1, .22, 1), -moz-transform .8s cubic-bezier(.19, 1, .22, 1);
	transition: transform .8s cubic-bezier(.19, 1, .22, 1);
	transition: transform .8s cubic-bezier(.19, 1, .22, 1), -webkit-transform .8s cubic-bezier(.19, 1, .22, 1), -moz-transform .8s cubic-bezier(.19, 1, .22, 1), -o-transform .8s cubic-bezier(.19, 1, .22, 1)
}

.dsx-loader_overlay-progress-item-current {
	width: 3px;
	height: 100vh;
	margin: 0 0 0 -2px;
	-webkit-transform: scaleY(1);
	-moz-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-o-transform: scaleY(1);
	transform: scaleY(1);
	background: #fff
}

.dsx-loader_overlay-progress-item.-left {
	left: 33.33333%;
	-webkit-transform-origin: bottom center;
	-moz-transform-origin: bottom center;
	-ms-transform-origin: bottom center;
	-o-transform-origin: bottom center;
	transform-origin: bottom center
}

.dsx-loader_overlay-progress-item.-left .dsx-loader_overlay-progress-item-current {
	-webkit-transform-origin: top center;
	-moz-transform-origin: top center;
	-ms-transform-origin: top center;
	-o-transform-origin: top center;
	transform-origin: top center
}

.dsx-loader_overlay-progress-item.-right {
	left: 66.66667%;
	-webkit-transform-origin: top center;
	-moz-transform-origin: top center;
	-ms-transform-origin: top center;
	-o-transform-origin: top center;
	transform-origin: top center
}

.dsx-loader_overlay-progress-item.-right .dsx-loader_overlay-progress-item-current {
	-webkit-transform-origin: bottom center;
	-moz-transform-origin: bottom center;
	-ms-transform-origin: bottom center;
	-o-transform-origin: bottom center;
	transform-origin: bottom center
}

.dsx-loader_overlay.-inverse .dsx-loader_overlay-blind-item {
	background-color: #fff
}

.dsx-loader_overlay.-inverse .dsx-loader_overlay-progress-item {
	border-left-color: rgba(111, 184, 252, .15)
}

.dsx-loader_overlay.-inverse .dsx-loader_overlay-progress-item-current {
	background: #6fb8fc
}

.dsx-loader_overlay.-front {
	z-index: 10000
}

.dsx-loader_overlay.-visible {
	pointer-events: auto
}

.dsx-loader_overlay.-visible .dsx-loader_overlay-blind-item {
	-webkit-animation: none;
	-moz-animation: none;
	-o-animation: none;
	animation: none;
	-webkit-transform: scaleX(1);
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-o-transform: scaleX(1);
	transform: scaleX(1);
	-webkit-transition-delay: 0s;
	-moz-transition-delay: 0s;
	-o-transition-delay: 0s;
	transition-delay: 0s
}

.dsx-loader_overlay.-visible .dsx-loader_overlay-progress-item {
	-webkit-transform: scaleY(1);
	-moz-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-o-transform: scaleY(1);
	transform: scaleY(1);
	-webkit-transition-duration: 0s;
	-moz-transition-duration: 0s;
	-o-transition-duration: 0s;
	transition-duration: 0s;
	-webkit-transition-delay: 0s;
	-moz-transition-delay: 0s;
	-o-transition-delay: 0s;
	transition-delay: 0s
}

.dsx-loader_overlay.-visible .dsx-loader_overlay-progress-item-current {
	-webkit-animation: dsxl-loader-progress 5s backwards;
	-moz-animation: dsxl-loader-progress 5s backwards;
	-o-animation: dsxl-loader-progress 5s backwards;
	animation: dsxl-loader-progress 5s backwards
}

@-webkit-keyframes dsxl-loader-close {
	0% {
		-webkit-transform: scaleX(1);
		transform: scaleX(1);
		-webkit-transform-origin: right center;
		transform-origin: right center
	}
	100% {
		-webkit-transform: scaleX(0);
		transform: scaleX(0);
		-webkit-transform-origin: right center;
		transform-origin: right center
	}
}

@-moz-keyframes dsxl-loader-close {
	0% {
		-moz-transform: scaleX(1);
		transform: scaleX(1);
		-moz-transform-origin: right center;
		transform-origin: right center
	}
	100% {
		-moz-transform: scaleX(0);
		transform: scaleX(0);
		-moz-transform-origin: right center;
		transform-origin: right center
	}
}

@-o-keyframes dsxl-loader-close {
	0% {
		-o-transform: scaleX(1);
		transform: scaleX(1);
		-o-transform-origin: right center;
		transform-origin: right center
	}
	100% {
		-o-transform: scaleX(0);
		transform: scaleX(0);
		-o-transform-origin: right center;
		transform-origin: right center
	}
}

@keyframes dsxl-loader-close {
	0% {
		-webkit-transform: scaleX(1);
		-moz-transform: scaleX(1);
		-o-transform: scaleX(1);
		transform: scaleX(1);
		-webkit-transform-origin: right center;
		-moz-transform-origin: right center;
		-o-transform-origin: right center;
		transform-origin: right center
	}
	100% {
		-webkit-transform: scaleX(0);
		-moz-transform: scaleX(0);
		-o-transform: scaleX(0);
		transform: scaleX(0);
		-webkit-transform-origin: right center;
		-moz-transform-origin: right center;
		-o-transform-origin: right center;
		transform-origin: right center
	}
}

@-webkit-keyframes dsxl-loader-progress {
	0% {
		-webkit-transform: scaleY(0);
		transform: scaleY(0)
	}
	100% {
		-webkit-transform: scaleY(.9);
		transform: scaleY(.9)
	}
}

@-moz-keyframes dsxl-loader-progress {
	0% {
		-moz-transform: scaleY(0);
		transform: scaleY(0)
	}
	100% {
		-moz-transform: scaleY(.9);
		transform: scaleY(.9)
	}
}

@-o-keyframes dsxl-loader-progress {
	0% {
		-o-transform: scaleY(0);
		transform: scaleY(0)
	}
	100% {
		-o-transform: scaleY(.9);
		transform: scaleY(.9)
	}
}

@keyframes dsxl-loader-progress {
	0% {
		-webkit-transform: scaleY(0);
		-moz-transform: scaleY(0);
		-o-transform: scaleY(0);
		transform: scaleY(0)
	}
	100% {
		-webkit-transform: scaleY(.9);
		-moz-transform: scaleY(.9);
		-o-transform: scaleY(.9);
		transform: scaleY(.9)
	}
}