body { 
	font-family: 'Montserrat'; 
	background: #fcfcfc;
}

.fn { font-family: montserrat,arial,helvetica,sans-serif; }
.fs { font-family: notoserif,georgia,times,roman,serif; }
.fc { font-family: monospace,courier new,courier; }

.mbblue { color: #248; }
.mbblue-lite { color: #cde; }
.mbyellow { color: #ea2; }

.mb-yellow { color: #ea2; }
.mb-red { color: #900; }
.mb-blue { color: #248; }
.mb-blue-dark { color: #126; }

.bg-yellow { background-color: #ea2; }
.bg-red { background-color: #900; }
.bg-blue { background-color: #248; }
.bg-blue-lite { background-color: #e0e7ef; }
.bg-blue-dark { background-color: #126; }

/* Get Started Buttons */

.get-start {
	padding: .6vw 1.2vw; 
	font-size: 1.2vw;
	font-weight: 600;
	color: #fff;
	background-color: #248;
	border-style: solid; 
	border-color: #666; 
	border-width: 1px 1px 1px 1px;
	border-radius: 10px; 
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;">
}

.get-start-port {
	padding: 1vw 2vw; 
	font-size: 2.2vw;
	font-weight: 600;
	color: #fff;
	background-color: #248;
	border-style: solid; 
	border-color: #666; 
	border-width: 1px 1px 1px 1px;
	border-radius: 10px; 
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;">
}

/* Services Tags */

.srv-tag { padding: 0.1em 0.4em;
    border-style: solid; border-color: #000; border-width: 2px 2px 2px 2px;
    border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
		background-color: #248; color: #fff; font-size: 2.1vw; font-weight: 500;
}

.srv-port-tag { padding: 0.1em 0.4em;
    border-style: solid; border-color: #000; border-width: 2px 2px 2px 2px;
    border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
		background-color: #248; color: #fff; font-size: 4vw; font-weight: 500;
}

.srv-menu-tag { padding: 0.05em 0.2em;
    border-style: solid; border-color: #000; border-width: 2px 2px 2px 2px;
    border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
		background-color: #259; color: #fff; font-size: 0.9vw; font-weight: 600;
}

/* FacilitiesLink Menu */

.navMenuFL {	
	z-index: 2;
	position: fixed; 
	left: 50vw; top: 10vh;
	width: 46vw; height: 83vh;     
	overflow: hidden;
	background-color: #fcfcfc;
	transform: translateY(-85vh);
	transition: transform 0.25s ease-out;
	-webkit-transition: transform 0.25s ease-out;
	box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.3);
}

.navMenuFL.open {
	transform: translateY(0);
}

.navMenuFL-blue {
	display: block;
	width: 7vw; height: .5vh;
	background-color: #248;
}

.navMenuFL-white {
	display: block;
	width: 7vw; height: .5vh;
}

.navMenuFL a:hover { background-color: #248; color: #fff; }

/* Services Menu */

.navMenuSRV {	
	z-index: 2;
	position: fixed; 
	left: 50vw; top: 10vh;
	width: 46vw; height: 83vh;     
	overflow: hidden;
	background-color: #fcfcfc;
	transform: translateY(-85vh);
	transition: transform 0.25s ease-out;
	-webkit-transition: transform 0.25s ease-out;
	box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.3);
}

.navMenuSRV.open {
	transform: translateY(0);
}

.navMenuSRV-blue {
	display: block;
	width: 7vw; height: .5vh;
	background-color: #248;
}

.navMenuSRV-white {
	display: block;
	width: 7vw; height: .5vh;
}

.navMenuSRV a:hover { background-color: #248; color: #fff; }

/* Portrait Menu */

.navMenuP {	
	z-index: 2;
	position: fixed; 
	left: 60vw; top: 8vh;
	width: 40vw; height: 92vh;     
	overflow: hidden;
	background-color: #fcfcfc;
	transform: translateX(100%);
	transition: transform 0.25s ease-out;
	-webkit-transition: transform 0.25s ease-out;
	box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.3);
}

.navMenuP.open {
	transform: translateX(0);
}

.navMenuP-blue {
	display: block;
	width: 8vw; height: .6vh;
	background-color: #248;
}

.navMenuP-white {
	display: block;
	width: 8vw; height: .6vh;
}

.navMenuP a:hover { background-color: #248; color: #fff; }

/* Progress Bar Cell */

.prog-bar {
	width: 3vw; 
	height: 1vh;
	margin-right: 1px;
	border-style: solid; 
	border-color: #666; 
	border-width: 1px 1px 1px 1px;
	border-radius: 2px; 
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;">
}

.prog-bar-port {
	width: 5vw; 
	height: 1vh;
	margin-right: 1px;
	border-style: solid; 
	border-color: #666; 
	border-width: 1px 1px 1px 1px;
	border-radius: 3px; 
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;">
}

/* FL - Progress Bar Cell */

.prog-bar-fl {
	width: 1vw; 
	height: 1vh;
	margin-right: 1px;
	border-style: solid; 
	border-color: #666; 
	border-width: 1px 1px 1px 1px;
	border-radius: 2px; 
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;">
}

.prog-bar-port-fl {
	width: 2vw; 
	height: 1vh;
	margin-right: 1px;
	border-style: solid; 
	border-color: #666; 
	border-width: 1px 1px 1px 1px;
	border-radius: 1px; 
	-moz-border-radius: 1px;
	-webkit-border-radius: 1px;">
}

/* SRV - Progress Bar Cell */

.prog-bar-sv {
	width: 1.5vw; 
	height: 1vh;
	margin-right: 1px;
	border-style: solid; 
	border-color: #666; 
	border-width: 1px 1px 1px 1px;
	border-radius: 2px; 
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;">
}

.prog-bar-port-sv {
	width: 2vw; 
	height: 1vh;
	margin-right: 1px;
	border-style: solid; 
	border-color: #666; 
	border-width: 1px 1px 1px 1px;
	border-radius: 1px; 
	-moz-border-radius: 1px;
	-webkit-border-radius: 1px;">
}

/* Roadmap List Items */

ol.rmap {
  list-style: none; 
	counter-reset: i 0;
	font-size: 2.3vw;
}

li.rmap {
  position: relative; 
	margin-left: 30px;
  padding: 0em 0em 1em 0em;
}

li.rmap:before {
  content: counter(i);
  counter-increment: i;
  position: absolute;
  top: .25em;
  left: -2.3em;
  width: 1.6em;
  height: 1.6em;
  line-height: 1.6em;
  border-radius: 50%;
  border: 1px solid #333;
  color: #fff;
  background: #000;
  text-align: center;
  font-weight: bold;
}

li.rmap-blue:before { background: #348; }
li.rmap-green:before { background: #262; }
li.rmap-red:before { background: #900; }
li.rmap-yellow:before { background: #ea2; }