@charset "utf-8";


/*  ######################################################################
	- Loader
	-	- @-webkit-keyframes
	-	- @-moz-keyframes
	-	- @-o-keyframes
	-	- @keyframes
###################################################################### */

.has-loader.is-loading {
	min-height: 100px; min-height: 10rem;
}
.loader-wrapper {
	position: relative;
	opacity: 0;
	overflow: hidden;
	height: 0;
	width: 100%;
	z-index: 1000;
	-webkit-transition: opacity .25s ease;
	-moz-transition: opacity .25s ease;
	transition: opacity .25s ease;
}
	.has-loader.is-loading .loader-wrapper {
		opacity: 1;
		overflow: visible;
	}
.loader-container {
	position: absolute;
	top: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}
.loader {
	display: block;
	margin: 0;
	width: 100%;
	max-width: 100px; max-width: 10rem;
	height: auto;
}
.has-loader.is-loading .loader .l1 {
	-webkit-animation: l1 5s ease infinite;
	-moz-animation: l1 5s ease infinite;
	-o-animation: l1 5s ease infinite;
	animation: l1 5s ease infinite;
}
.has-loader.is-loading .loader .l2 {
	-webkit-animation: l2 5s ease infinite;
	-moz-animation: l2 5s ease infinite;
	-o-animation: l2 5s ease infinite;
	animation: l2 5s ease infinite;
}
.has-loader.is-loading .loader .l3 {
	-webkit-animation: l3 5s ease infinite;
	-moz-animation: l3 5s ease infinite;
	-o-animation: l3 5s ease infinite;
	animation: l3 5s ease infinite;
}
.has-loader.is-loading .loader .l4 {
	-webkit-animation: l4 5s ease infinite;
	-moz-animation: l4 5s ease infinite;
	-o-animation: l4 5s ease infinite;
	animation: l4 5s ease infinite;
}
/*  ######################################################################
	-	- @-webkit-keyframes
###################################################################### */
@-webkit-keyframes l1 {
	/* Initial state start */
	0% { fill: #c0c0c0; }
	12.5% { fill: #c0c0c0; }
	/* Animation 1 */
	17.5% { fill: #5695a4; }
	22.5% { fill: #808080; }
	/* Active state */
	37.5% { fill: #808080; }
	62.5% { fill: #808080; }
	/* Animation 2 */
	67.5% { fill: #5695a4; }
	72.5% { fill: #c0c0c0; }
	/* Initial state end */
	87.5% { fill: #c0c0c0; }
	100% { fill: #c0c0c0; }
}
@-webkit-keyframes l2 {
	/* Initial state start */
	0% { fill: #c0c0c0; }
	12.5% { fill: #c0c0c0; }
	/* Animation 1 */
	17.5% { fill: #c0c0c0; }
	22.5% { fill: #5695a4; }
	27.5% { fill: #808080; }
	/* Active state */
	37.5% { fill: #808080; }
	62.5% { fill: #808080; }
	/* Animation 2 */
	67.5% { fill: #808080; }
	72.5% { fill: #5695a4; }
	77.5% { fill: #c0c0c0; }
	/* Initial state end */
	87.5% { fill: #c0c0c0; }
	100% { fill: #c0c0c0; }
}
@-webkit-keyframes l3 {
	/* Initial state start */
	0% { fill: #c0c0c0; }
	12.5% { fill: #c0c0c0; }
	/* Animation 1 */
	22.5% { fill: #c0c0c0; }
	27.5% { fill: #5695a4; }
	32.5% { fill: #808080; }
	/* Active state */
	37.5% { fill: #808080; }
	62.5% { fill: #808080; }
	/* Animation 2 */
	72.5% { fill: #808080; }
	77.5% { fill: #5695a4; }
	82.5% { fill: #c0c0c0; }
	/* Initial state end */
	87.5% { fill: #c0c0c0; }
	100% { fill: #c0c0c0; }
}
@-webkit-keyframes l4 {
	/* Initial state start */
	0% { fill: #c0c0c0; }
	12.5% { fill: #c0c0c0; }
	/* Animation 1 */
	27.5% { fill: #c0c0c0; }
	32.5% { fill: #5695a4; }
	/* Active state */
	37.5% { fill: #808080; }
	62.5% { fill: #808080; }
	/* Animation 2 */
	77.5% { fill: #808080; }
	82.5% { fill: #5695a4; }
	/* Initial state end */
	87.5% { fill: #c0c0c0; }
	100% { fill: #c0c0c0; }
}
/*  ######################################################################
	-	- @-moz-keyframes
###################################################################### */
@-moz-keyframes l1 {
	/* Initial state start */
	0% { fill: #c0c0c0; }
	12.5% { fill: #c0c0c0; }
	/* Animation 1 */
	17.5% { fill: #5695a4; }
	22.5% { fill: #808080; }
	/* Active state */
	37.5% { fill: #808080; }
	62.5% { fill: #808080; }
	/* Animation 2 */
	67.5% { fill: #5695a4; }
	72.5% { fill: #c0c0c0; }
	/* Initial state end */
	87.5% { fill: #c0c0c0; }
	100% { fill: #c0c0c0; }
}
@-moz-keyframes l2 {
	/* Initial state start */
	0% { fill: #c0c0c0; }
	12.5% { fill: #c0c0c0; }
	/* Animation 1 */
	17.5% { fill: #c0c0c0; }
	22.5% { fill: #5695a4; }
	27.5% { fill: #808080; }
	/* Active state */
	37.5% { fill: #808080; }
	62.5% { fill: #808080; }
	/* Animation 2 */
	67.5% { fill: #808080; }
	72.5% { fill: #5695a4; }
	77.5% { fill: #c0c0c0; }
	/* Initial state end */
	87.5% { fill: #c0c0c0; }
	100% { fill: #c0c0c0; }
}
@-moz-keyframes l3 {
	/* Initial state start */
	0% { fill: #c0c0c0; }
	12.5% { fill: #c0c0c0; }
	/* Animation 1 */
	22.5% { fill: #c0c0c0; }
	27.5% { fill: #5695a4; }
	32.5% { fill: #808080; }
	/* Active state */
	37.5% { fill: #808080; }
	62.5% { fill: #808080; }
	/* Animation 2 */
	72.5% { fill: #808080; }
	77.5% { fill: #5695a4; }
	82.5% { fill: #c0c0c0; }
	/* Initial state end */
	87.5% { fill: #c0c0c0; }
	100% { fill: #c0c0c0; }
}
@-moz-keyframes l4 {
	/* Initial state start */
	0% { fill: #c0c0c0; }
	12.5% { fill: #c0c0c0; }
	/* Animation 1 */
	27.5% { fill: #c0c0c0; }
	32.5% { fill: #5695a4; }
	/* Active state */
	37.5% { fill: #808080; }
	62.5% { fill: #808080; }
	/* Animation 2 */
	77.5% { fill: #808080; }
	82.5% { fill: #5695a4; }
	/* Initial state end */
	87.5% { fill: #c0c0c0; }
	100% { fill: #c0c0c0; }
}
/*  ######################################################################
	-	- @-o-keyframes
###################################################################### */
@-o-keyframes l1 {
	/* Initial state start */
	0% { fill: #c0c0c0; }
	12.5% { fill: #c0c0c0; }
	/* Animation 1 */
	17.5% { fill: #5695a4; }
	22.5% { fill: #808080; }
	/* Active state */
	37.5% { fill: #808080; }
	62.5% { fill: #808080; }
	/* Animation 2 */
	67.5% { fill: #5695a4; }
	72.5% { fill: #c0c0c0; }
	/* Initial state end */
	87.5% { fill: #c0c0c0; }
	100% { fill: #c0c0c0; }
}
@-o-keyframes l2 {
	/* Initial state start */
	0% { fill: #c0c0c0; }
	12.5% { fill: #c0c0c0; }
	/* Animation 1 */
	17.5% { fill: #c0c0c0; }
	22.5% { fill: #5695a4; }
	27.5% { fill: #808080; }
	/* Active state */
	37.5% { fill: #808080; }
	62.5% { fill: #808080; }
	/* Animation 2 */
	67.5% { fill: #808080; }
	72.5% { fill: #5695a4; }
	77.5% { fill: #c0c0c0; }
	/* Initial state end */
	87.5% { fill: #c0c0c0; }
	100% { fill: #c0c0c0; }
}
@-o-keyframes l3 {
	/* Initial state start */
	0% { fill: #c0c0c0; }
	12.5% { fill: #c0c0c0; }
	/* Animation 1 */
	22.5% { fill: #c0c0c0; }
	27.5% { fill: #5695a4; }
	32.5% { fill: #808080; }
	/* Active state */
	37.5% { fill: #808080; }
	62.5% { fill: #808080; }
	/* Animation 2 */
	72.5% { fill: #808080; }
	77.5% { fill: #5695a4; }
	82.5% { fill: #c0c0c0; }
	/* Initial state end */
	87.5% { fill: #c0c0c0; }
	100% { fill: #c0c0c0; }
}
@-o-keyframes l4 {
	/* Initial state start */
	0% { fill: #c0c0c0; }
	12.5% { fill: #c0c0c0; }
	/* Animation 1 */
	27.5% { fill: #c0c0c0; }
	32.5% { fill: #5695a4; }
	/* Active state */
	37.5% { fill: #808080; }
	62.5% { fill: #808080; }
	/* Animation 2 */
	77.5% { fill: #808080; }
	82.5% { fill: #5695a4; }
	/* Initial state end */
	87.5% { fill: #c0c0c0; }
	100% { fill: #c0c0c0; }
}
/*  ######################################################################
	-	- @keyframes
###################################################################### */
@keyframes l1 {
	/* Initial state start */
	0% { fill: #c0c0c0; }
	12.5% { fill: #c0c0c0; }
	/* Animation 1 */
	17.5% { fill: #5695a4; }
	22.5% { fill: #808080; }
	/* Active state */
	37.5% { fill: #808080; }
	62.5% { fill: #808080; }
	/* Animation 2 */
	67.5% { fill: #5695a4; }
	72.5% { fill: #c0c0c0; }
	/* Initial state end */
	87.5% { fill: #c0c0c0; }
	100% { fill: #c0c0c0; }
}
@keyframes l2 {
	/* Initial state start */
	0% { fill: #c0c0c0; }
	12.5% { fill: #c0c0c0; }
	/* Animation 1 */
	17.5% { fill: #c0c0c0; }
	22.5% { fill: #5695a4; }
	27.5% { fill: #808080; }
	/* Active state */
	37.5% { fill: #808080; }
	62.5% { fill: #808080; }
	/* Animation 2 */
	67.5% { fill: #808080; }
	72.5% { fill: #5695a4; }
	77.5% { fill: #c0c0c0; }
	/* Initial state end */
	87.5% { fill: #c0c0c0; }
	100% { fill: #c0c0c0; }
}
@keyframes l3 {
	/* Initial state start */
	0% { fill: #c0c0c0; }
	12.5% { fill: #c0c0c0; }
	/* Animation 1 */
	22.5% { fill: #c0c0c0; }
	27.5% { fill: #5695a4; }
	32.5% { fill: #808080; }
	/* Active state */
	37.5% { fill: #808080; }
	62.5% { fill: #808080; }
	/* Animation 2 */
	72.5% { fill: #808080; }
	77.5% { fill: #5695a4; }
	82.5% { fill: #c0c0c0; }
	/* Initial state end */
	87.5% { fill: #c0c0c0; }
	100% { fill: #c0c0c0; }
}
@keyframes l4 {
	/* Initial state start */
	0% { fill: #c0c0c0; }
	12.5% { fill: #c0c0c0; }
	/* Animation 1 */
	27.5% { fill: #c0c0c0; }
	32.5% { fill: #5695a4; }
	/* Active state */
	37.5% { fill: #808080; }
	62.5% { fill: #808080; }
	/* Animation 2 */
	77.5% { fill: #808080; }
	82.5% { fill: #5695a4; }
	/* Initial state end */
	87.5% { fill: #c0c0c0; }
	100% { fill: #c0c0c0; }
}