@charset "UTF-8";
/* CSS Document */

#page
{
	z-index: 1;
	max-width: 960px;
	min-height: 400px;
	background-image: none;
	border-style: none;
	border-color: #000000;
	background-color: transparent;
	margin: -100px auto 0px;
	padding-top:7.5px;
	position:relative;
	top:85px;
	
}

.max-width
{
	width:100%;
	max-width: 960px;
	background-color: transparent;
	margin: 0px auto;
	position: relative;
}

#portview {
	position:relative;
	max-width:100%;
	height:100%;
	background-color:#fff;

}

#portview img{
	max-width:100%;
	position:absolute;
	top:0px;
	left:0px;
	right:0px;
	-webkit-transition:opacity 1s;
	transition:opacity 1s;
}

#nav {
	width:86px;
	display:-webkit-flex;
	display:flex;
	-webkit-flex-wrap:no-wrap;
	flex-wrap:no-wrap;
	justify-content:space-between;
	margin-left:0px;
}
#navB, #navF{
	height:38px;
	width:38px;
	border: 1px solid #DFDFDF;
	border-radius:7.5px;
	display:-webkit-flex;
	display:flex;
	-webkit-align-items:center;	
	align-items:center;	
	-webkit-justify-content:space-around;
	justify-content:space-around;
	background-color:#F5f5f5;
	margin-top:4px;
}
.nav p{
	width:100%;
	text-align:center;
	color:#888;
	font-size:12px;
	padding-top:2.75px;
}
#navB img, #navF img{
	height:35px;
	width:30px;
	margin-top:0px;
	

}
#navB:hover, #navF:hover{
	background-color:#DFDFDF;
	opacity:1;
}

#navB span, #navF span{
  display: block;
  position: relative;
  height: 2px;
  width: 15px;
  background: #000;
  border-radius: 5px;
  opacity: 1;}
  
  #navB span:nth-child(1), #navF span:nth-child(2){
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);}
  
 #navB span:nth-child(2), #navF span:nth-child(1){
 -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);}

#navB span:nth-child(1){
  top: -5px;
  left: 9px;}
#navB span:nth-child(2){
  top: 5px;
  left: -11px;}

#navF span:nth-child(1){
  top: -5px;
  left: 11px;}
#navF span:nth-child(2){
  top: 5px;
  left: -9px;}

@media only screen and (max-width: 768px) {#nav{margin-right:55px;}}
@media only screen and (min-width: 768px) {#nav{margin-right:15px;}}