html {
	height: 100%;
	position: relative;
}
body {
	width:100%;
	height:100%;
	color:#333;
	position: relative;
}
h1,h2,h3 {
	font-family: 'Exo', sans-serif;
}
a {
	color:#00c18c;
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
img {
	max-width:100%;
}
.dark a {
	color:#fff;
}
.landing-head {
	font-weight: 100;
	text-transform: uppercase;
	letter-spacing: .7em;
	text-align: center;
	font-size:1.75rem;
	-webkit-transition:all 2s ease;
	   -moz-transition:all 2s ease;
	        transition:all 2s ease;
}
.bolder {
	font-weight:400;
}
:not(.landing-head.for-scroll) .bolder {
	/*letter-spacing: .5em;*/
}

section {
	padding:4rem 2rem;
}
.bg-primary {
	background-color:#2B3B5A !important;
	color:#efefef;
}
.bg-secondary {
	background-color:#00c18c  !important;
	color:#efefef;
}


.landing-head.for-scroll {
	display: inline-block;
	background:rgba(0,0,0,.75);
	color:#efefef;
	position: fixed;
	top:0;
	right:0;
	letter-spacing: .2em !important;
	padding:.3em .4em .2em .5em;
	line-height:1.2em;
	font-size:1.5rem;
	vertical-align: middle;
	/*opacity:0;*/
	z-index:1;
}
@media screen and (max-width:600px) {
	.landing-head.for-scroll {
		width:calc(100% - 50px);
		padding:0;
		line-height: 50px;
	}
}
@media screen and (min-width:768px) {
	
	.landing-head:not(.for-scroll) {
		font-size: 3vw;
	}
}
body.scrolled .landing-head:not(.for-scroll) {
	opacity: 0;
}
body.scrolled .landing-head.for-scroll {
	opacity: 1;
}


.toggle-nav {
	width:50px;
	height:50px;
	/*background-color:#55627B;*/
	background-color:#00c18c;
	color:#fff;
	position:fixed;
	z-index:999;
	top:0;
	left:0;
	display:none;
}
.sm-touchevents .toggle-nav {
	display: block;
}
.toggle-nav span {
	width:40%;
	height: 40%;
	margin-left: 30%;
	margin-top:30%;
	position:relative;
	display:inline-block;
	border-top:2px solid #efefef;
	border-bottom:2px solid #efefef;
}
.toggle-nav span:before,
.toggle-nav span:after {
	content:'';
	position:absolute;
	top:calc(50% - 1px);
	width:100%;
	border-top:2px solid #efefef;
	-webkit-transition: all.2s ease;
	-moz-transition: all.2s ease;
	transition: all.2s ease;
}
.sm-touchevents .toggle-nav.open span {
	transform: rotate(45deg);
	border:0;
}
.sm-touchevents .toggle-nav.open span:after {
	transform: rotate(90deg);
}
.sm-touchevents .toggle-nav.open span:before,
.sm-touchevents .toggle-nav.open span:after {
	width:120%;
	margin-left:-10%;
}
.main-nav {
	position: fixed;
	top:0;
	left:0;
	z-index:1;
	/*border-left:3px solid #00c18c;*/
}
.sm-touchevents .main-nav {
	top:55px;
}
.main-nav ul {
	display: block !important;
	margin:0;
	padding:0;
}
.main-nav ul * {
	-webkit-transition:all .2s ease;
	   -moz-transition:all .2s ease;
	        transition:all .2s ease;
}
.main-nav ul li {
	margin-bottom:.2rem;
	display:block;
	max-width:25px;
	overflow: hidden;
	float:left;
	clear:left;
}
/*.main-nav ul li:after {
	content:'';
	display: table;
	clear:both;
}*/
.sm-no-touchevents .main-nav ul:hover li,
.main-nav.open ul li {
	margin-left:0;
	max-width:100%;
	
}
.main-nav ul:hover li a,
.main-nav.open ul li a {
	padding-right:1.25rem;
}
.main-nav ul li a {
	/*background:rgba(43,59,90,.65);*/
	/*background:#55627B;*/
	background:rgba(0,0,0,.65);
	color:#efefef;
	/*border-left:5px solid rgba(242,242,242,.75);*/
	border-left:2px solid rgba(0,193,140,1);
	
	padding: .5rem 1.5rem;

	/*left:-90%;*/

}
.main-nav ul li a.active,
.main-nav ul li a:hover {
	background:rgba(242,242,242,.75);
	color:#333;
}
@media screen and (min-width:1024px) {
	.main-nav ul li a {
		padding:1rem 2.5rem !important;
	}
}

.h-100 {
	height: auto !important;
	min-height: 100% !important;
}




/********************
	Timeline
***********************/
.timeline {
	padding:0;
	margin:3rem 0;
}
.timeline h3 {
	font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
	font-size:1.2rem;
}
.timeline li {
	list-style-type: none;
	border-top:1px dotted #ccc;
	padding-top:1rem;
	margin-bottom: 2.3rem;
}
.dark .timeline li {
	border-color:#efefef;
}
.timeline li a {
	/*color:#333;*/
	display: block;
	
}
.timeline li a,
.timeline li a * {
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	transition: all .3s ease;
}
 .sm-no-touchevents .timeline li a img {
	-webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	transition: all .3s ease;
}
.sm-no-touchevents .timeline li a:hover img {
	-webkit-filter: grayscale(0);
  filter: grayscale(0);
}
.timeline li a h3 {
	color:#666;
}
.timeline li a:hover {
	color:#00c18c;
}
.dark .timeline li a {
	color:#efefef !important;
}
@media screen and (min-width:768px) {
	.timeline:after {
		content:'';
		display: table;
		clear:both;
	}
	.timeline li {
		width: 50%;
		
		/*border-right:1px solid #fff;*/
		
		position: relative;
		padding-top:1.5rem;
		
		padding-bottom:3rem;
		text-align: right;
		border-top-style: solid;
		-webkit-transition: all .2s ease;
		-moz-transition: all .2s ease;
		transition: all .2s ease;

		float:right;
		clear:left;
		padding-left:2rem;
		
		text-align: left;
	}
	.timeline li:nth-child(odd) {
		/*float:right;
		clear:left;
		padding-left:2rem;
		padding-right:0;
		text-align: left;*/
		float:left;
		clear:right;
		padding-right:2rem;
		padding-left:0;
	}
	.timeline li.hover {
		transform: translate(15px);
	}
	.timeline li:nth-child(odd).hover {
		transform: translate(-15px);
	}
	.timeline li:before {
		content:'';
		height: 100%;
		position:absolute;
		
		top:0;

		
		left:-1px;
		
		border-left:1px solid #ccc;

	}
	.timeline li:nth-child(odd):before {
		right:0;
		left:auto;
		border-left:0;
		border-right:1px solid #ccc;
		
	}
	.timeline li:after {
		/*content:'';*/
		display:block;
		width:12px;
		height:12px;
		background: #ccc;
		border-radius: 50%;
		position:absolute;
		right:-6px;
		top:0;
	}
	.timeline li:nth-child(odd):after {
		right:auto;
		left:-6px;
	}
	.dark .timeline li:before {
		border-left-color: #efefef;

	}
	.dark .timeline li:nth-child(odd):before {
		border-right-color: #efefef;
	}
	.dark .timeline li:after {
		background: #efefef;
	}
}

.sm-overlay {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0,193,140, .95);
	display: none;
}
.sm-overlay.visible {
	display:block;
}