html, body {
	font-family: 'KantarBrown';
	color: #000;
	font-weight: 200;
}

header { height: 0; position: relative; z-index: 19; }
.navbar-brand img { position: absolute; top: 80px; left: 80px; width: 250px; }
.navbar-toggler { border: 0; margin: 20px; }
.navbar-toggler:focus { border: 0; box-shadow: none; }

.hero {
	width: 100%;
	height: 100vh;
	padding: 70px 70px 0 70px;
	z-index: 9;
	position: absolute;
  	top: 0;
}

.hero h1 {
	font-weight: 200; 
	font-size: 110px;
	line-height: 100px;
	z-index: 9;
	position: relative; 
}
.hero h1 strong {
	font-weight: 700; 
}
.hero h2 { 
	margin-top: 30px;
	margin-bottom: 60px;
	font-weight: 200; 
	font-size: 38px;
	padding-right: 50px;
	z-index: 9;
	position: relative; 
}


.bounce {
	animation: bounce .4s ease infinite alternate;
	z-index: 9;
	position: relative; 
}
@keyframes bounce {
	0% {
		text-shadow: 0 5px 0 #ccc, 0 2px 3px rgba(0, 0, 0, 1);
	}
	100% {
		transform: translateY(-20px);
		text-shadow: 0 50px 0 #000, 0 0px 20px rgba(0, 0, 0, 0.8);
	}
}

.btn {
	display: inline-block;
	background-color: #000;
	padding: 15px 40px;
	border-radius: 0;
	color: #FFF;
	position: relative;
	overflow: hidden;
	border: 0;
	position: relative; z-index: 9;
}
.btn:after {
	position: absolute;
	content: "";
	display: inline-block;
	width: 6px;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 1;
	background: repeating-linear-gradient(0deg, #e8bb3d, #ffed6a 32%, #b28300 80%, #e8bb3d);
	background-position-y: 0%;
	background-size: auto;
	background-size: 100% 70%;
	transition: background .5s;	
	transform: translateX(-6px);
  	transition: transform .4s ease-out .1s;
}

.btn:hover {
	background-color: #000;
	color: #FFF;
}
.btn:hover::after {
	transform: translateX(0);
}

footer {
	font-size: 16px;
	font-weight: 200;
	color: #000;
	font-size: 16px;
}

footer ul li a {
	position: relative;
	display: inline;
	top: 0;
	padding-bottom: 0;
	text-decoration: none;
	background-image: linear-gradient(#000, #000);
	background-repeat: no-repeat;
	background-position: 0 80%;
	background-size: 0 1px;
	transition: all .4s ease;
	color: #000;
	font-size: 16px;
}

footer ul li a:hover {
	opacity: 1;
	top: -5px;
	padding-bottom: 6px;
	text-decoration: none;
	background-position: 0 80%;
	background-size: 100% 1px;
}

section {
	padding: 120px 0px !important;
}
section h3 {
	font-size: 46px;
	font-weight: 200;
}
section p {
	letter-spacing: 0.3px;
	line-height: 32px;
	font-size: 20px;
	font-weight: 200;
}

#about p { min-height: 64px;}

a.link {
	text-decoration: none;
	color: #000;
	font-weight: 200;
	position: relative;
	padding-bottom: 3px;
	background-image: linear-gradient(#000,#000);
	background-repeat: no-repeat;
	background-position: 0 100%;
	background-size: 100% 1px;
	transition: all .25s;
}
a.link:hover {
	background-size: 0 1px;
}

#find-growth .icon {
	border: 1px solid #000;
	border-radius: 50%;	
	text-align: center;
	justify-content: center;
	align-items: center;
	display: flex;	
	background-color: transparent;
  	margin: 0 auto;
	padding: 50%;
	position: relative;
	color: #FFF;
}
#find-growth .icon svg, #find-growth .icon img {
	max-width: 101px;
	max-height: 101px;
	vertical-align: middle;
	transition: all .2s ease-in-out;
	stroke: #000;
	stroke-width: 1px;
	fill: none;
	position: absolute;
	z-index: 999;
}
#find-growth .icon:hover {
	background-color: transparent;
	transition: background-color 300ms linear;
}
#find-growth .icon:hover svg {
	transform: scale(1.05); 
	stroke-width: 1.3px;	
	fill: #FFF;
}

#find-growth em {
	font-size: 16px;
	font-weight: 200;
}

section ul, ul li {
	list-style-type: none;
	font-weight: 200;
	position: relative;
	padding-bottom: 10px;
	font-size: 20px;
}
section ul li:before {
	content: "";
	border-top: 2px solid #000;
	width: 13px;
	height: 2px;
	position: absolute;
	display: block;
	top: 12px;
	left: -30px;
}

#offcanvasNavbarLight {
	padding: 50px;
}

.quote { position: relative; padding-left: 40px; }
.quote:before {
	content:"";
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' style='fill: rgba(0, 0, 0, .2);transform: ;msFilter:;'%3E%3Cpath d='M6.5 10c-.223 0-.437.034-.65.065.069-.232.14-.468.254-.68.114-.308.292-.575.469-.844.148-.291.409-.488.601-.737.201-.242.475-.403.692-.604.213-.21.492-.315.714-.463.232-.133.434-.28.65-.35l.539-.222.474-.197-.485-1.938-.597.144c-.191.048-.424.104-.689.171-.271.05-.56.187-.882.312-.318.142-.686.238-1.028.466-.344.218-.741.4-1.091.692-.339.301-.748.562-1.05.945-.33.358-.656.734-.909 1.162-.293.408-.492.856-.702 1.299-.19.443-.343.896-.468 1.336-.237.882-.343 1.72-.384 2.437-.034.718-.014 1.315.028 1.747.015.204.043.402.063.539l.025.168.026-.006A4.5 4.5 0 1 0 6.5 10zm11 0c-.223 0-.437.034-.65.065.069-.232.14-.468.254-.68.114-.308.292-.575.469-.844.148-.291.409-.488.601-.737.201-.242.475-.403.692-.604.213-.21.492-.315.714-.463.232-.133.434-.28.65-.35l.539-.222.474-.197-.485-1.938-.597.144c-.191.048-.424.104-.689.171-.271.05-.56.187-.882.312-.317.143-.686.238-1.028.467-.344.218-.741.4-1.091.692-.339.301-.748.562-1.05.944-.33.358-.656.734-.909 1.162-.293.408-.492.856-.702 1.299-.19.443-.343.896-.468 1.336-.237.882-.343 1.72-.384 2.437-.034.718-.014 1.315.028 1.747.015.204.043.402.063.539l.025.168.026-.006A4.5 4.5 0 1 0 17.5 10z'%3E%3C/path%3E%3C/svg%3E");
	position: absolute;
	top: 0;
	left: 0px;
	width: 50px;
	height: 50px;
	background-repeat: no-repeat;
	color: #CCC;
}
#testimonials em {
	font-size: 16px;
	font-weight: 200;
}
#testimonials .border-bottom { border-color: rgba(0,0,0,.2) !important; }

#testimonials {
	background: linear-gradient(-90deg, #ffd7f1, #fee097);
	background-size: 100% 100%;
}
#questions {
	background: linear-gradient(-90deg, #c7a9f1, #ffd7f1);
	background-size: 100% 100%;
}
#questions .border-end {
	border-color: #000 !important;
}
#find-growth {
	background: linear-gradient(-90deg, #d7ee94, #fee097);
	background-size: 100% 100%;
}


/*timeline*/
.horizontal-timeline .items {
	border-top: 2px solid #000;
	border-color: rgba(0,0,0,.2) !important;
}

.horizontal-timeline .items .items-list {
	display: block;
	position: relative;
	text-align: center;
	padding-top: 70px;
	margin-right: 0;
}
.horizontal-timeline .items .items-list p {
	min-height: 90px;
}

.horizontal-timeline .items .items-list:before {
	content: "";
	position: absolute;
	height: 36px;
	border-right: 2px dashed #dee2e6;
	top: 0;
}

.horizontal-timeline .items .items-list .event-date {
	position: absolute;
	top: 36px;
	left: 0;
	right: 0;
	width: 85px;
	margin: 0 auto;
	font-size: 0.9rem;
	padding: 12px 0 8px 0;
	border-radius: 0;
	color: #000;
	background: linear-gradient(90deg, #ffd7f1, #bff0d0);
	background-size: 100% 100%;
	animation: gradient 15s ease infinite;
}
@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}




@media (min-width: 1140px) {
	.horizontal-timeline .items .items-list {
		display: inline-block;
		width: 16%;
		padding-top: 45px;
		vertical-align: top;
	}

	.horizontal-timeline .items .items-list .event-date {
		top: -50px;
	}
}


@media only screen and (max-width: 1366px) and (min-width: 600px) {
	.carousel-item img { height: 100vh; width: auto; }
	.carousel-item img.w-100 { width: auto !important; }
	.hero { padding: 30px 30px 0 30px; }
	.hero h1 {
		font-weight: 200; 
		font-size: 46px;
	}
}


@media only screen and (max-width: 600px) {
	.navbar-toggler { border: 0; margin: 20px 0 20px 20px; }
	.navbar-brand img { position: absolute; top: 30px; left: 30px; width: 150px; }

	.carousel-item img { height: 100vh; width: auto; }
	.carousel-item img.w-100 { width: auto !important; }

	.hero { padding: 30px 30px 0 30px; }
	.hero h1 {
		font-weight: 200; 
		font-size: 46px;
	}

	.hero h2 { 
		font-size: 28px;
	}
	section {
		padding: 80px 30px 0 30px !important;
	}
	section h3 {
		font-size: 26px;
		font-weight: 400;
	}

	#questions .border-end { border: 0 !important; }
	#questions .btn { margin-bottom: 80px; }
}