:root {
	--body-color: #696969;
	/*--primary-color: #872D69;*/
	--primary-color: #75154D;
	--secondary-color: #001d23;
	--secondary-color-blue: #004661;
	/*--primary-soft-color: #edf9f3;*/
	--primary-soft-color: #FFDBA8;
	--white: #fff;
	--border-color: rgb(0 29 35 / 10%);
	/*--primary-font: "Roboto", sans-serif;*/
	--primary-font: "Source Sans Pro", sans-serif;
	--heading-font: "Roboto Condensed", sans-serif;
	--shadows-font: "Shadows Into Light", cursive;
}


@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:ital,wght@0,300;0,400;0,500;0,700;0,900;1,300;1,400&display=swap");
@import url("https://fonts.googleapis.com/css?family=Roboto+Condensed:300,300italic,400,400italic,700,700italic&subset=latin,latin-ext,cyrillic-ext,cyrillic,greek-ext,greek,vietnamese&display=swap");

@-webkit-keyframes loading-center-absolute {
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@keyframes loading-center-absolute {
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@-webkit-keyframes object_one {
    	50% {
    		-webkit-transform: translate(20px, 20px);
    		transform: translate(20px, 20px);
    	}
    }

    @keyframes object_one {
    	50% {
    		-webkit-transform: translate(20px, 20px);
    		transform: translate(20px, 20px);
    	}
    }

    @-webkit-keyframes object_two {
    	50% {
    		-webkit-transform: translate(-20px, 20px);
    		transform: translate(-20px, 20px);
    	}
    }

    @keyframes object_two {
    	50% {
    		-webkit-transform: translate(-20px, 20px);
    		transform: translate(-20px, 20px);
    	}
    }

    @-webkit-keyframes object_three {
    	50% {
    		-webkit-transform: translate(20px, -20px);
    		transform: translate(20px, -20px);
    	}
    }

    @keyframes object_three {
    	50% {
    		-webkit-transform: translate(20px, -20px);
    		transform: translate(20px, -20px);
    	}
    }

    @-webkit-keyframes object_four {
    	50% {
    		-webkit-transform: translate(-20px, -20px);
    		transform: translate(-20px, -20px);
    	}
    }

    @keyframes object_four {
    	50% {
    		-webkit-transform: translate(-20px, -20px);
    		transform: translate(-20px, -20px);
    	}
    }

/** ===== Preloader ===== **/
#preloader {
	background-color: var(--secondary-color);
	position: fixed;
	height: 100vh;
	width: 100vw;
	top: 0;
	left: 0;
	z-index: 999999;
}

	#preloader #loading-center {
		width: 100%;
		height: 100%;
		position: relative;
	}

	#preloader #loading-center-absolute {
		position: absolute;
		left: 50%;
		top: 50%;
		height: 60px;
		width: 60px;
		margin-top: -30px;
		margin-left: -30px;
		-webkit-animation: loading-center-absolute 1s infinite;
		animation: loading-center-absolute 1s infinite;
	}

	#preloader .object {
		width: 20px;
		height: 20px;
		background-color: #fff;
		float: left;
		border-radius: 50% 50% 50% 50%;
		margin-right: 20px;
		margin-bottom: 20px;
	}

		#preloader .object:nth-child(2n + 0) {
			margin-right: 0px;
		}

	#preloader #object_one {
		-webkit-animation: object_one 1s infinite;
		animation: object_one 1s infinite;
	}

	#preloader #object_two {
		-webkit-animation: object_two 1s infinite;
		animation: object_two 1s infinite;
	}

	#preloader #object_three {
		-webkit-animation: object_three 1s infinite;
		animation: object_three 1s infinite;
	}

	#preloader #object_four {
		-webkit-animation: object_four 1s infinite;
		animation: object_four 1s infinite;
	}