body {
  margin: 0;
  padding: 0;

  /* make it look decent enough */
  /*background: #232323;*/
  color: #cdcdcd;
  font-family: "Avenir Next", "Avenir", sans-serif;
}

.body{
	height: device-height ;
	color: #f5f5f5
 	margin: 0;
    padding: 0;
    display: block;
}



.menu_up{
	height:8%;
	background: #004658;
	z-index:50

}
.menu_up img {
   height: 100%;
   z-index:50
}

.login{


	padding-left: calc(100% - 400px)
}

.menu_pannellum{

	height: 90.60416666%;
	

}



.page{
	height:78%;

}
.resp-iframe iframe {
	 height : 100%;
	 width: 100%
}

.menu_prevBtn{

	margin-left: 3.001464128%
	z-index:50
}
.prevBtn {

	height: 9.24479166%;
	margin-top: 38%;
	z-index:50
}

.nextBtn {

	height: 9.24479166%;
	margin-left:80%;

}


.menu_nextBtn{

z-index:50


}



.minidiv{

	width: 5%;
	padding-left: 10px;
	padding-top: 30px;
	margin: 0px;
}



.menu_down{
	height:14%;

	
	/*background: gray;*/
	/*top:  85.9375% ;*/
	z-index:50;
	
	background: 
}

.menu_down img {
   width: 100%;
   z-index:50
}

.menu-down_top{
    align-items: center;
	height:75%;
	width: 96.5%;
	margin-left: 2.5%;
	background: #004658;
	border-radius: 15px 15px 0px 0px ; 
	display: flex;
    justify-content: left;
    align-items: center;
}

.menu-down_top t {
	cursor:pointer;
	flex: 0 20 106px;
    margin-left: 2%;
    margin-bottom: 1%; 
    font: 1.2em "Fira Sans", sans-serif;
    color: #cdcdcd
}


.menu-down_bottom{
	position: relative;
	height:80%;
	width: 98%;
	margin: auto;
	background: #fefefe;
	border-radius: 15px 15px 0px 0px ; 
	margin-top: -15px;
	display: flex;
    justify-content: left;
    align-items: center;
}

.menu-down_bottom t {
	flex: 0 20 106px;
    margin-left: 2%;
    margin-bottom: 1%; 
    font: 1.2em "Fira Sans", sans-serif;
    color: #cdcdcd
}