/*BODY STYLES*/
*{
  margin:0px 0px;
  padding:0px 0px;
  font-family: 'Open Sans', sans-serif;
  box-sizing:border-box;
}

/*CLEAR FIX*/
.clearfix:before, .clearfix:after{
  	content:"";
 	display:table;
}

.clearfix:after{
  	clear:both;
}

.nav {
  height: 80px;
	width: 100%;
  /*-webkit-backdrop-filter: blur();*/
}

.venstre{
	float: left;
	margin-left: 50px;
}

.venstre a{
	margin-top: 25px;
	z-index: 4;
	position: absolute
}

.venstre img{
	height: 30px;
}

.hojre{
  margin-right: 50px;
}

.hojre a, .hojre li{
	color: white;
  text-decoration: none;
  text-transform: uppercase;
  float: right;
	display: inline-block;
 	line-height: 80px;
 	cursor: pointer;
 	font-size: 20px;
	font-weight: 400;
}

.nav > li {
  	line-height: 80px;
  	cursor: pointer;
}

.hojre a{
	padding-left: 20px;
	padding-right: 20px;
}

.hojre a:hover{
    background-color: rgba(0, 0, 0, 0.2);
}

.ekstra{
  height: 80px;
  position: absolute;
  width: 100%;
  z-index: -1;
  overflow: hidden;
}

/*DIALOG*/
.dialog_button{
  width: 70px;
  height: 30px;
  position: absolute;
  right: 50px;
  top: 100px;
  font-size: 12px;
  font-weight: 400;
}

.dialog_container {
  /*display: none;*/
  opacity: 0;
  position: fixed;
  z-index: 200;
  bottom: -100%;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  /*pointer-events: none;*/

  -webkit-transition: -webkit-transform 200ms, opacity 200ms;
      transition: -webkit-transform 200ms, opacity 200ms;
      transition: -ms-transform 200ms, opacity 200ms;
      transition: transform 200ms, opacity 200ms;
}

.show{
  opacity: 1;
  bottom: 0;
}

.slide{
  margin-top: -100px;
}

.dialog_container{
}

.dialog {
  width: 600px;
  background: white;
  border-radius: 10px;

  position: absolute;
  top: 50%;
  left: 50%;
  /*margin-top: -100px;*/
  margin-left: -300px;

  transition:all 250ms ease-out;
}

.close{
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: rgba(27, 53, 67, 0.40);
  /*-webkit-backdrop-filter: blur(2px); 
  backdrop-filter: blur(2px);*/
}

.close:hover, .close:focus {
  cursor: pointer;
}

.person{
  padding: 50px;
  text-align: center;
  width: 50%;
  float: left;
}

.person h5{
  font-size: 30px;
  font-weight: 400;
  margin-bottom: 20px;
}

.person h4{
  font-size: 19px;
  font-weight: 300;
}