/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/
.page-loader-wrapper {
    text-align:center;
    background-color:#FFF;
}

.page-loader-wrapper .loader>div {
	height: 100%;
	width: 8px;
	display: inline-block;
	margin-left: 2px;
	-webkit-animation: delay 0.9s infinite ease-in-out;
	animation: delay 0.9s infinite ease-in-out
}

.page-loader-wrapper .loader .bar1 {
	background-color: #fc3c5f
}

.page-loader-wrapper .loader .bar2 {
	background-color: #993cfc;
	-webkit-animation-delay: -0.8s;
	animation-delay: -0.8s
}

.page-loader-wrapper .loader .bar3 {
	background-color: #3ca9fc;
	-webkit-animation-delay: -0.7s;
	animation-delay: -0.7s
}

.page-loader-wrapper .loader .bar4 {
	background-color: #3cfc5f;
	-webkit-animation-delay: -0.6s;
	animation-delay: -0.6s
}

.page-loader-wrapper .loader .bar5 {
	background-color: #fcdf3c;
	-webkit-animation-delay: -0.5s;
	animation-delay: -0.5s
}

@-webkit-keyframes delay {
	0%,
	40%,
	100% {
		-webkit-transform: scaleY(0.05)
	}
	20% {
		-webkit-transform: scaleY(1)
	}
}

@keyframes delay {
	0%,
	40%,
	100% {
		transform: scaleY(0.05);
		-webkit-transform: scaleY(0.05)
	}
	20% {
		transform: scaleY(1);
		-webkit-transform: scaleY(1)
	}
}
body {
    background-color:#FFF;
    color:#555;
}
/*.svg-trigger path {
    stroke:#FFF;
}*/