body {
	font-family: Arial,sans-serif;
	color: #29271A;
}

a {
	color: #29271A;
}

	a.navbar-brand img {
		max-width: 95%;
	}

	a.nav-link {
		font-weight: bold;
	}

.highlight {
	color: #fff;
	background: #0D3152;
	text-decoration: none;
	padding-left: 20px !important;
	padding-right: 20px !important;
}

	a:hover,
	.highlight:hover {
		color: #F4B31A;
		text-decoration: none;
	}

.signup-btn {
	display: inline-block;
	text-decoration: none;
	padding: 0.5rem 4rem !important;
	color: #fff;
	background: linear-gradient( -70deg, #fff, #fff 10%, #0D3152 10%, #0D3152 90%, #fff 90%);
	text-decoration: none;
	border: none;
}

a.signup-btn:hover {
	color: #F4B31A;
}

h1, h2, h3, h4, h5, h6 {
	font-family: "Geneva","Tahoma", sans-serif;
	color: #F4B31A;
}

.section-title h2 {
	color: #29271A;
}

.reverse .section-title h2 {
	color: #F4B31A;
}

.signup {
	margin: auto 20px;
	text-decoration: underline
}

/* preloader */
#preloader {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 9999;
	overflow: hidden;
	background: #fff;
}

	#preloader:before {
		content: "";
		position: fixed;
		top: calc(50% - 30px);
		left: calc(50% - 30px);
		border: 6px solid #2487ce;
		border-top-color: #fff;
		border-bottom-color: #fff;
		border-radius: 50%;
		width: 60px;
		height: 60px;
		-webkit-animation: animate-preloader 1s linear infinite;
		animation: animate-preloader 1s linear infinite;
	}

@-webkit-keyframes animate-preloader {
	0% {
		transform: rotate(0deg);
	}

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

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

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

/* hero section */
#hero {
	background: linear-gradient( to bottom, #F4B31A 50%, #fff 50% );
	padding: 30px;
}

	#hero a.signup-btn {
		color: #fff;
		background: #0D3152 !important;
		text-decoration: none;
		width: 160px !important;
		max-width: 100% !important;
		max-height: 100% !important;
		height: 160px !important;
		text-align: center;
		padding: 20px 40px !important;
		font-size: 18px;
		border-radius: 50%;
		font-weight: bold;
	}

		#hero a.signup-btn:hover {
			color: #F4B31A;
			box-shadow: 5px 5px 5px rgb(0 0 0 / 20%);
		}

/* about secton	*/
#about h2 {
	color: #29271A;
}

.about .btn-play {
	width: 94px;
	height: 94px;
	background: radial-gradient(#F4B31A 50%, rgba(244, 179, 26, 0.4) 50%);
	border-radius: 50%;
	display: block;
	position: absolute;
	left: calc(50% - 47px);
	top: calc(50% - 77px);
	overflow: hidden;
}

	.about .btn-play:before {
		content: "";
		position: absolute;
		width: 120px;
		height: 120px;
		-webkit-animation-delay: 0s;
		animation-delay: 0s;
		-webkit-animation: pulsate-btn 2s;
		animation: pulsate-btn 2s;
		animation-iteration-count: 1;
		-webkit-animation-direction: forwards;
		animation-direction: forwards;
		-webkit-animation-iteration-count: infinite;
		animation-iteration-count: infinite;
		-webkit-animation-timing-function: steps;
		animation-timing-function: steps;
		opacity: 1;
		border-radius: 50%;
		border: 5px solid rgba(36, 135, 206, 0.7);
		top: -15%;
		left: -15%;
		background: rgba(198, 16, 0, 0);
	}

	.about .btn-play:after {
		content: "";
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translateX(-40%) translateY(-50%);
		width: 0;
		height: 0;
		border-top: 10px solid transparent;
		border-bottom: 10px solid transparent;
		border-left: 15px solid #fff;
		z-index: 100;
		transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
	}

/* about-kegid */
#about-kegid h2 {
	color: #0D3152;
}
/*client feedback */
#client-feedback {
	background: #0D3152;
	color: #fff;
}

.testimonial-item .bi-quote {
	font-size: 2rem;
}
/*client feedback */
#pricing {
	background: #e2e2e2;
}

	#pricing h3 {
		color: #F4B31A;
	}

	#pricing h2 {
		color: #0D3152;
	}

	#pricing ul {
		list-style: none;
	}

		#pricing ul li:before {
			content: '✓';
			color: #00B77A;
			font-size: 11px;
			font-weight: bold;
			padding: 2px 8px;
		}

	#pricing .box {
		background: #0D3152;
		color: #fff;
		font-weight: bold;
		text-align: center
	}

	#pricing .signup-btn {
		border-radius: 40px;
		display: inline-block;
		text-decoration: none;
		padding: 0.5rem 3.5rem !important;
		color: #0D3152;
		background: #F4B31A;
		text-decoration: none;
		border: 2px solid rgba(240, 173, 78, 0.75);
	}

		#pricing .signup-btn:hover {
			background: #fff;
		}

	#pricing .box hr {
		border: none;
		border-top: 1px dashed #F4B31A;
	}

	#pricing .box p {
		font-size: 1.6rem;
		font-weight: normal;
	}

	#pricing .box h3,
	#pricing .box h4,
	#pricing .box h5 {
		font-weight: bold;
		color: #fff;
	}

.notificationAlert {
	color: #3c763d;
	background-color: #dff0d8;
	border-color: #d6e9c6;
	border-style: solid;
	padding: 15px;
	border-radius: 4px;
	box-shadow: rgba(0,0,0,0.2) 0 2px 8px;
	margin: -5px auto;
	left: 0;
	right: 0;
	top: 40px;
	width: 400px;
	z-index: 999;
	position: fixed;
	animation: fadeOut 1s ease-in 1;
	animation-fill-mode: forwards;
	animation-delay: 5s;
}