*{
	margin:0;
	padding:0;
}img{
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
}

/*-----------NAVIGATION SECTION-------------*/

.navigationContainer{
	top: 0;
	left: 0;
	width: 100%;
	max-width: 100%;
	height: 16%;
	z-index: 99;
	position: fixed;
	background-color: #eee;
}#head{
	margin-left: auto;
	margin-right: auto;
	position: relative;
	width: 60%;
	min-width: 900px;
	height: 100%;
}#logo{
	width: 35%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	float: left;
}#logo img{
	height: 45;
	width: 300;
}#navigation{
	height: 100%;
	width:65%;
	display: flex;
	align-items: center;
	justify-content: center;
	float: right;
}#headspace{
	height: 18%;
	width: 100%;
}.menuLinks{
	text-decoration: none;
	color: #720000;
	margin-right: 1.7em;
	margin-left: 0.3em;
	font-family: Helvetica;
	font-size: 1em;
	font-weight: bolder;
}.menuLinks:hover{
	text-decoration: none;
	color: #000000;
}#topMenuBIOT{
	float: left;
	position: relative;
}#topMenuBIOT:hover #subMenuBIOT{
    display:block;
}#subMenuBIOT{
	display:none;
	line-height: 2em;
	background-color: white;
	position: absolute;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	border-left: 1px solid #720000;
	border-bottom: 1px solid #720000;
	top:auto;
	left:0;
	width: 12em;
	overflow: visible;
}#topMenuIOT{
	float: left;
	position: relative;
}#topMenuIOT:hover #subMenuIOT{
    display:block;
}#subMenuIOT{
	display:none;
	line-height: 2em;
	background-color: white;
	position: absolute;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	border-left: 1px solid #720000;
	border-bottom: 1px solid #720000;
	top:auto;
	left:0;
	width: 15em;
	overflow: visible;
}#topMenuBG{
	float: left;
	position: relative;
}#topMenuBG:hover #subMenuBG{
    display:block;
}#subMenuBG{
	display:none;
	line-height: 2em;
	background-color: white;
	position: absolute;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	border-left: 1px solid #720000;
	border-bottom: 1px solid #720000;
	top:auto;
	left:0;
	width: 12em;
	overflow: visible;
}#topMenuContact{
	float: left;
	position: relative;
}#topMenuContact:hover #subMenuContact{
    display:block;
}#subMenuContact{
	display:none;
	line-height: 1.3em;
	background-color: white;
	position: absolute;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	border-left: 1px solid #720000;
	border-bottom: 1px solid #720000;
	font-family: Helvetica;
	top:auto;
	left:0;
	width: 12em;
	overflow: visible;
}#topMenuNews{
	float: left;
	overflow: hidden;
	position: relative;
}

/*-----------SLIDER SECTION-------------*/

.sliderContainer{
	width: 100%;
	height:62%;
}#slider{
	margin: auto;
	width: 80%;
	height: 100%;

	
	display: flex;
	align-items: center;
	justify-content: center;
}#slider p{
	font-family: Helvetica;
	font-size: 24pt;
}

/*-----------BODY SECTION-------------*/

.body{
	width: 100%;
	min-height: 65.15%;
	margin-bottom: -16.3em; 
}.body:after{
	content: "";
	display: block;
	height: 16.3em;
}#sectionTitle{
	text-align: center;
	font-family: Arial;
	font-size: 1.4em;
	color: #444;
}#titleSeparator{
	display: block;
    height: 1px;
	width: 55em;
	margin-left: auto;
	margin-right: auto;
    border: 0;
    border-top: 1px solid #ccc;
    margin-top: 1.2em;
    padding: 0; 
}#showcaseContainer{
	margin-top: 6.5%;/*6.5%*/
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	height: 24em;
}#showcaseListContainer{
	margin-top: 1.6em;
	margin-left: auto;
	margin-right: auto;
	height: 100%;
	width: 50em;
}#deviceDesc{
	text-align: justify;
    -moz-text-align-last: center;
    text-align-last: center;
	font-size: 12pt;
	line-height: 11.75pt;
	font-family: Helvetica;
}#showcaseList{
	list-style-type: disc;
	padding-left: 20px;
	font-size: 1.2em;
	font-weight: bolder;
	font-family: Helvetica;
}#servicesContainer{
	margin-left: auto;
	margin-right: auto;
	margin-top: 4.25%;
	width: 100%;
	height: 25em;
}#serviceListContainer{
	margin-top: 1.6em;
	margin-left: auto;
	margin-right: auto;
	height: 100%;
	width: 100%;
	text-align: center;
}#service{
	width: 15em;
	min-width: 200px;
	height: 20em;
	display:inline-block;
	margin-left: 0.25%;
	margin-right: 0.25%;
	-webkit-transition: background-color 1s;
    transition: background-color 1s;
}#service:hover{
	background-color: #ddd;
	cursor: pointer;
}#serviceTitle{
	height: 20%;
	padding-top: 1.5em;
	text-align: center;
	font-size: 18pt;
	line-height:17pt;
	font-family: Helvetica;
	color: #444;
}#serviceIcon{
	margin-top: 1.5em;
	margin-left: auto;
	margin-right: auto;
	width: 5em;
	height: 5em;
}#serviceDesc{
	margin: 1em 0.9em;
	height: 200px;
	text-align: center;
	font-family: helvetica;
	font-size:0.8em;
	font-weight: 500;
	line-height: 1.5em;
	color: #444;
}#spacer{
	clear:both;
	position: relative;
}#areasContainer{
	margin-left: auto;
	margin-right: auto;
	margin-top: 4.25%;
	text-align: center;
	width: 100%;
	height: 30em;
}#areaDesc{
	margin-top: 1.5em;
	margin-left: auto;
	margin-right: auto;
	width: 60em;
	font-family: Helvetica;
	font-size: 0.85em;
	line-height: 1.4em;
	color: #444;
}#areaListContainer{
	text-align: center;
	margin: 2.5em auto 8% auto;
	width: 50em;
	position: relative;
}#area{
	width: 16em;
	height: 10em;
	text-align: left;
	display:inline-block;
	background-color: rgba(0,0,0,0.3);
	box-shadow:inset 0px 0px 0px 1px #fff;
	position: relative;
}#overlay{
	width: 100%;
	height:100%;
	position:absolute;
	left: 0;
	top: 0;
	background-color: white;
	opacity: 0.0;
	cursor: pointer;
	-webkit-transition: opacity 0.7s;
    transition: opacity 0.7s;
}#overlay:hover{
	opacity: 0.4;
}#areaTitle{
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 26pt;
	font-family: Helvetica;
	font-weight: bold;
	color: white;
	text-align: center;
}#areasText{
	height: 60%;
	width: 90%;
	position: absolute;
	z-index: 99;
	top: 20%;
	left: 5%;
	opacity: 0.95;
	border-radius: 20px;
	background: white;
}#areaTextValue{
	width: 80%;
	height: 100%;
	text-align: center;
	margin: auto;
	display: flex;
	align-items: center;
	justify-content: center;
}#areasX{
	position: absolute;
	top:0.5em;
	right:1em;
	font-size: 1.2em;
	color: red;
	cursor: pointer;
}

/*----------------------------*/
/*--------  BIO PAGE  --------*/
/*----------------------------*/

#bioImage{
	width: 400px;
	height: 400px;
	margin: 2.5em auto;
}#bioText{
	margin: auto;
	width: 60%;
	text-align: justify;
    -moz-text-align-last: center;
    text-align-last: center;
	font-size: 0.9em;
	font-family: Helvetica;
}#historyText{
	margin: auto;
	width: 30%;
	text-align: justify;
    -moz-text-align-last: center;
    text-align-last: center;
	font-size: 0.9em;
	font-family: Helvetica;
}#legalText{
	margin: auto;
	width: 30%;
	text-align: left;
	font-size: 0.9em;
	font-family: Helvetica;
}#specText{
	margin: auto;
	width: 30%;
	text-align: left;
	font-size: 0.9em;
	font-family: Helvetica;
}
#legalText ul{
	list-style-type: none;
	color: #888;
}#legalText ul > li:before{
	content: "-";
    position: absolute;
    margin-left: -0.75em; 
}#specText ul{
	list-style-type: none;
}#specText ul > li:before{
	content: "-";
    position: absolute;
    margin-left: -0.75em; 
}

/*-----------FOOTER-------------*/

.footerContainer{
	background-color: #2f3033;
	text-align: center;
	height:16.3em;
	clear: both;
	margin-top: 10em;
	
	display: flex;
	align-items: center;
	justify-content: center;
}#footer{
	width: 44%;
	height:75%;
	margin: auto;
}#footTitle{
	font-family: Helvetica;
	font-weight: lighter;
	text-align: left;
	font-size: 10pt;
	color: #bbb;
	padding-bottom: 4px;
}#footText{
	font-family: Helvetica;
	font-weight: 600;
	text-align: left;
	font-size: 12pt;
	color: #bbb;
	line-height: 14pt;
}#footText a{
	font-weight: 550;
	font-size: 11pt;
}