/*=======================================================
			PRELOADER:
========================================================*/

.loader-wrapper {
    /*background-color: #6da2d8;*/
    background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(55,96,215,1) 0%, rgb(5 160 200) 100%);
    position: fixed;
    width: 100vw;
    height: 100vh;
    z-index: 9999;
    transition: all 1.5s;
    display: flex;
    align-items: center;
    justify-content: center;
}

.loader-wrapper .row {
	flex-direction: column;
}

/*custom loading*/

.loader-wrapper svg {
	position: relative;
	width: 150px;
	height: 150px;
	animation: rotate 2s linear infinite;
	align-self: center;
	margin-top: 10%;
}

.loader-wrapper svg circle {
	width: 100%;
	height: 100%;
	fill: none;
	stroke-width: 10;
	/*stroke: #00a1ff;*/
	stroke: #F3F3F3;
	stroke-linecap: round;
	transform: translate(5px, 5px);
	stroke-dasharray: 440;
	stroke-dashoffset: 440;
	animation: animate 4s linear infinite;
}

@keyframes rotate {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

@keyframes animate {
		0%, 100% {
			stroke-dashoffset: 440;
		}

		50% {
			stroke-dashoffset: 0;
		}

		50.1% {
			stroke-dashoffset: 880;
		}
}