@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700&display=swap');

body {
	font-family: 'Poppins', sans-serif;
}

.navbar {
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 4;
}

.navbar-brand {
	color: #fff;
}

.nav-link {
	color: #fff;
	padding: 1rem !important;
}

.slider {
	height: 100vh;
	background-color: #333;
	overflow: hidden;
	z-index: 1;
}

section {
	background-color: #f3f3f3;
	z-index: 2;
	position: relative;
}

.slider::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(9, 74, 107, 0.26);
}

.slider video {
	width: 100%;
	position: fixed;
}

.slider-inner {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	color: #fff;
	text-align: center;
}

.slider-inner h3 {
	font-size: 2.4em;
}

.slider-inner p {
	font-size: 1.6em;
	font-weight: 300;
}

/*
	/*About Section
*/

.about {
	padding: 4em 0;
}

.about .card {
	margin-bottom: 1rem;
	border: none;
	box-shadow: 2px 2px 5px #ccc;
	text-align: center;
}

.about i {
	font-size: 3em;
	margin-bottom: 0.5rem;
	margin-top: 1rem;
}

.about p {
	font-size: 1em;
}

.text-success {
	color: #7dd616 !important;
}

.text-warning {
	color: #ffb100 !important;
}

.text-primary {
	color: #8b00f5 !important;
}

.text-danger {
	color: #f50000 !important;
}

.text-info {
	color: #346a90 !important;
}

.text-pink {
	color: #f50071 !important;
}

.get-started {
	padding: 4em 0;
	text-align: center;
	color: #fff;
	z-index: 1;
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
}

.get-started h3 {
	text-transform: uppercase;
}

.get-started p {
	font-size: 1.1em;
	font-weight: 300;
	margin: 1em;
}

.get-started::before {
	content: "";
	top: 0;
	left: 0;
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: rgb(0,0,0,0.75);
	z-index: -1;
}

.btn {
	border-radius: 0;
	padding-left: 2em;
	padding-right: 2em;
}

.btn-primary {
	background-color: #6800b7;
	border: 1px solid #6800b7;
}

/*
	/*Footer
*/

.footer {
	background-color: #1c1c1c;
	text-align: center;
	color: #fff;
}

.footer-upper {
	margin-bottom: 0.5em;
}

.footer-upper p {
	margin: 0;
}

.footer-upper a {
	margin: 0 0.5em;
}

.footer-bottom {
	padding: 4em 1em;
}

.footer-bottom .social-link {
	display: inline-block;
	margin: 0.3em;
	width: 40px;
	height: 40px;
	background-color: #333;
	color: #fff;
	position: relative;
	border-radius: 50%;
}

.footer-bottom .social-link i {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}

.copy-right {
	font-size: 0.9em;
	font-weight: 300;
	color: #ccc;
}

.scrolled-nav {
	background-color: rgb(0,0,0,0.75);
	transition: all 0.4s;
}