/* Main content */
.main {
    margin-top: 3rem; /* Add a top margin to avoid content overlay */
}

.colored-bg { background-color: rgb(34,178,84); }
	.colored-bg:hover {
		background-color: rgb(41,84,164);
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-ms-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		transition: all 0.5s ease;
		}
#topcontrol > div { cursor: pointer; position: fixed; right: 3.5rem; bottom: 35px;	width: 5rem; height: 5rem; z-index: 999; }
.topcontrol-arrow-up { content: '';	position: absolute;	left: 1.7rem;	top: 1.6rem; border-left: 0.8rem solid transparent; border-right: 0.8rem solid transparent; border-bottom: 1.4rem solid #fff; }

#front { position: absolute; top:0; left:0;	width: 100%; }

#panel-about, #panel-vision { border-top: 0.3rem solid rgb(41,84,164); background-color: rgb(255,255,255); display: none; }

.spacer { height: 8.5rem; }
.filter {
	-webkit-filter: brightness(0) invert(1);
	filter: brightness(0) invert(1);
	}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.video-container-wrapper {
max-width: 450px;
width: 600px;
left: 0;
right:0;
margin:auto;
}

#picture { width:100%; height:48rem;/*DL changed height*/
	background: url(../images/ARE0084E.jpg);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	border-bottom: 0.3rem solid rgb(41,84,164); }

.responsive {
  width: 100%;
  max-width: 45rem;
  height: auto;
}
.responsive_full {
  width: 100%;
  max-width: 96rem;
  height: auto;
}

#nagiv a {
  text-decoration: none;
  display: inline-block;
  padding: 8px 16px;
}

#nagiv a:hover {
  background-color: rgb(34,178,84);
  color: white;
}

#nagiv .previous {
  background-color: rgb(41,84,164);
  color: white;

}

#nagiv .next {
  background-color: rgb(41,84,164);
  color: white;
}

#nagiv .round {
  border-radius: 50%;
}

#footer { background-color: #333; border-top: 3px solid rgb(41,84,164); border-bottom: 0.3rem solid rgb(41,84,164); vertical-align: top; }
	#footer ul { vertical-align: top; width: 100%; }
	#footer ul li {
		font-family: 'Open Sans Condensed', Arial Narrow, sans-serif;
		width: 100%;
		text-align: left;
		font-size: 1.7rem; 
		color: #fff; 
		min-height: 3rem; 
		border-left: 0.3rem solid rgb(41,84,164); 
		padding: 0.5rem 0 0 0.5rem; 
		}
	#footer .active { background-color: rgb(41,84,164); cursor: default; }

.remove-bottom { margin-bottom: 0 !important; }
.remove-top { margin-top: 0 !important; padding-top: 0 !important; }
.half-bottom { margin-bottom: 1.5rem !important; }
.add-bottom { margin-bottom: 3.5rem !important; }
.half-top { margin-top: 1.5rem !important; }
.add-top { margin-top: 3.5rem !important; }
.add-left { margin-left: 1.0rem; }

.padd-top { padding-top: 1.0rem; }
.padd-bottom { padding-bottom: 1.0rem; }

.to-right { float: right !important; }
.to-left { float: left !important; }
.inline { display: inline-block; }
.center { text-align: center; }
.left { text-align: left; }
.right { text-align: right !important; }
.just { text-align: justify; }	
.break { clear: both; }

.hide { display: none; }
.bordered { border: 0.1rem solid; }
.add-border { height: 5rem; border-bottom: 0.3rem solid rgb(169,171,174); margin-bottom: 2.5rem; }