/* ------------------------------------------------------------------------------
	Template Name: Flosix
	Author: Designstub
	Author URI: http://www.designstub.com



/* ------------------------------------------------------------------------------
	Typography
-------------------------------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css?family=Playfair+Display');
@import url(http://fonts.googleapis.com/css?family=Source%20Sans%20Pro:300,400,500,600,700);

@font-face {
    font-family: 'flama_condbook';
    src: url('../fonts/flamacond-book-webfont.woff2') format('woff2'),
         url('../fonts/flamacond-book-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'gt_pressura_monoregular';
    src: url('../fonts/gt-pressura-mono-regular-webfont.woff2') format('woff2'),
         url('../fonts/gt-pressura-mono-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ChronicleDispCond-Roman';
    src: url('../fonts/ChronicleDispCond-Roman.otf') format('woff2');
    font-weight: normal;
    font-style: normal;

}

p,a,h1,h2,h3,h4,h5,h6, .btn{
	-webkit-font-smoothing: antialiased;
	font-feature-settings: "kern" 1,"liga" on,"dlig" off,"onum" off,"lnum" off,"ss01" off;
	-webkit-font-smoothing: antialiased;
    font-kerning: normal;
    font-weight: 400;
    line-height: 1.5;
}

h1 /*Overskrift*/{
	font-size: 70px;

}
h2 /*Kategori*/{
	font-size: 25px;
		font-family: "ChronicleDispCond-Roman";
		text-transform:uppercase;
			margin-top:-10px;
}
h3 {
	font-size: 8vw;
	    line-height: 1;
}

h4 {
	font-size: 3.5vw;
  	    line-height: 1;
}
h5 {
	font-size: 2.5vw;
  	    line-height: 1;
}

.carousel-inner{max-height:85vh;min-height:100px;
}


.btn {
	font-size:1.8vh;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	text-align:center;
  padding:8px;
  padding-top:5px;
  padding-bottom:5px;
  margin:15px;
  min-height:20px;
}

/*FARGER*/
  #hvit {background-color:#fff;}
  .btn#hvit {background-color:#000; box-shadow: 0px 0px 0px 8px #000;color:#fff;border:1px solid #fff;}
  .btn:hover a{color: white; text-decoration:none;}
a.btn#hvit:hover{text-decoration:underline;}
.btn#hvit a:hover{text-decoration:underline;}

 .btn a{color: white;  cursor: pointer; text-decoration: none;}
 .btn a:hover{color: white;  cursor: pointer; text-decoration: underline;}
 .text#hvit {  background-color:#fff; box-shadow: 0px 0px 0px 8px #fff;color:#000;border:1px solid #000;}

 a#mint {background-color:#BFF1E8;color:#000;text-decoration:none;}
 a#mint:hover {background-color:#FFEF00;color:#000;}

 #mint {background-color:#BFF1E8;color:#000;text-decoration:none;}

  #footer_banner { background-image: url(../images/stab.jpg);
    background-position: 0 -200px;
    background-repeat: no-repeat;
    background-attachment: local;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    font-size: 10vw;
    color:#fff;
    opacity: 100%;
  min-height: 35vw;}

		#transparant {color:#fff; opacity: 100%}

/* ------------------------------------------------------------------------------
	Global Styles
-------------------------------------------------------------------------------*/
a,p {
  font-family: "gt_pressura_monoregular";
	font-feature-settings: "kern" 1,"liga" on,"dlig" off,"onum" off,"lnum" off,"ss01" off;
	-webkit-font-smoothing: antialiased;
	font-size: 1.0vw;
  line-height: 1.5;
}
a{color:#000;text-decoration:none;}
a:hover, a:focus {
  text-decoration:underline;
}
body {
	font-family: "gt_pressura_monoregular";
}
ul, ol {
	margin: 0;
	padding: 0;
}
ul li {
	list-style: none;
}
.section {
	padding: 0px 0;
background:none;
}
.section100 {
	padding: 100px 10%;
}
.no-padding {
	padding: 0;}

.no-top-padding {
	padding-top: 0;
}
.no-gutter [class*=col-] {
	padding-right: 0;
	padding-left: 0;
}

/* ------------------------------------------------------------------------------
	 Header
-------------------------------------------------------------------------------*/
#header {
	position: fixed;
	width: 100%;
  height:50px;
	background-color: #fff;
	z-index: 999;
}

#header a{
  color:inherit;
  font-size:18px;
  -webkit-font-smoothing: antialiased;
  	font-feature-settings: "kern" 1,"liga" on,"dlig" off,"onum" off,"lnum" off,"ss01" off;
  	-webkit-font-smoothing: antialiased;
      font-kerning: normal;
      font-weight: 400;
      line-height: 1.5;
    }

#header .header-content {  display:flex;
  justify-content: center;
  text-align:center;
  margin:0 auto;
  background-color: none;
}

#header .logo-header{

  display:flex;
  justify-content: center;
  text-align:center;
  margin:0 auto;
  background-color: none;
}

.logo-header img{

margin-top:-25px;
width:100px;
}

#header.fixed {
	background-color: #fff;
height:50px;

}

#header.fixed .header-content {
}

#header.fixed .header-content ul {
  padding-top: 0px;
  margin-top:10px;
	-moz-transform: translate(0,-50%);
	-o-transform: translate(0,-50%);
	-webkit-transform: translate(0,-50%);
	transform: translate(0,-50%);
	transition: 0.5s;
}

#header.fixed .logo-header {
  padding-left:0px;
	-moz-transform: translate(0,-200%);
	-o-transform: translate(0,-200%);
	-webkit-transform: translate(0,-200%);
	transform: translate(0,-200%);
	transition: 0.5s;

}

#header.fixed .nav-toggle {

}

.navigation.open {
	opacity: 0.9;
	visibility: visible;
	-moz-transition: opacity 0.5s;
	-o-transition: opacity 0.5s;
	-webkit-transition: opacity 0.5s;
	transition: opacity 0.5s;
}


.navigation {
padding-left:10%;
padding-right:10%;
padding-top:10px;
}
.navigation li {
	display: inline-block;
  padding-right:20px;
  margin:0;

}
.navigation a {
  -webkit-font-smoothing: antialiased;
	font-feature-settings: "kern" 1,"liga" on,"dlig" off,"onum" off,"lnum" off,"ss01" off;
	-webkit-font-smoothing: antialiased;
    font-kerning: normal;
    font-weight: 400;
    line-height: 1.5;
	text-transform: uppercase;
}


.navigation a:hover, .navigation a.active {
	color: #f39a8d;
}
.nav-toggle {

	display: none;
	height: 44px;
	overflow: hidden;
	position: fixed;
	left: 5%;
	text-indent: 100%;
	top: 29px;
	white-space: nowrap;
	width: 44px;
	z-index: 99999;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.nav-toggle:before, .nav-toggle:after {
	border-radius: 50%;
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	-moz-backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-webkit-transition-property: -webkit-transform;
	transition-property: transform;
}
.nav-toggle:before {

	background-color: #000;
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-webkit-transform: scale(1);
	transform: scale(1);
	-moz-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
}
.nav-toggle:after {

	background-color: #000;
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-webkit-transform: scale(0);
	transform: scale(0);
	-moz-transition-duration: 0s;
	-o-transition-duration: 0s;
	-webkit-transition-duration: 0s;
	transition-duration: 0s;
}
.nav-toggle span {
	background-color: #fff;
	bottom: auto;
	display: inline-block;
	height: 3px;
	left: 50%;
	position: absolute;
	right: auto;
	top: 50%;
	width: 18px;
	z-index: 10;
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}
.nav-toggle span:before, .nav-toggle span:after {
	background-color: #fff;
	content: "";
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	-moz-backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-transition: -moz-transform 0.3s;
	-o-transition: -o-transform 0.3s;
	-webkit-transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
}
.nav-toggle span:before {
	-moz-transform: translateY(-6px) rotate(0deg);
	-ms-transform: translateY(-6px) rotate(0deg);
	-webkit-transform: translateY(-6px) rotate(0deg);
	transform: translateY(-6px) rotate(0deg);
}
.nav-toggle span:after {
	-moz-transform: translateY(6px) rotate(0deg);
	-ms-transform: translateY(6px) rotate(0deg);
	-webkit-transform: translateY(6px) rotate(0deg);
	transform: translateY(6px) rotate(0deg);
}
.nav-toggle.close-nav:before {
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-webkit-transform: scale(0);
	transform: scale(0);
}
.nav-toggle.close-nav:after {
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-webkit-transform: scale(1);
	transform: scale(1);
}
.nav-toggle.close-nav span {
	background-color: #fff;
}
.nav-toggle.close-nav span:before, .nav-toggle.close-nav span:after {
	background-color: #fff;
}
.nav-toggle.close-nav span:before {
	-moz-transform: translateY(0) rotate(45deg);
	-ms-transform: translateY(0) rotate(45deg);
	-webkit-transform: translateY(0) rotate(45deg);
	transform: translateY(0) rotate(45deg);
}
.nav-toggle.close-nav span:after {
	-moz-transform: translateY(0) rotate(-45deg);
	-ms-transform: translateY(0) rotate(-45deg);
	-webkit-transform: translateY(0) rotate(-45deg);
	transform: translateY(0) rotate(-45deg);
}

:root {


  --dropdown-highlight: white;
  --dropdown-width: 160px;
  --dropdown-background: White;
  --dropdown-color: black;
}

/* Center the planet */


/* Boring button styles */
a.button {
  /* Frame */

  /* Style */
  cursor: pointer;
  font-size:20px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;

  display: inline-block;
  text-align:center;
  padding:15px;
  margin:15px;

  min-width:10vw;
  max-width:30vw;
  box-sizing: inherit;
}

a.button:active {
  filter: brightness(75%);
}

/* Dropdown styles */
.dropdown {
  position: relative;
  padding: 0;
  margin-right: 1em;
  border: none;
  width:100%;
}

.dropdown summary {
  list-style: none;
  list-style-type: none;

}

.dropdown > summary::-webkit-details-marker {
  display: none;
}

.dropdown summary:focus {
  outline: none;
}

.dropdown summary:focus a.button {
  border: 2px solid white;
}

.dropdown summary:focus {
  outline: none;
}

.dropdown ul {
  position: absolute;
  margin: 5px 0 0 0;
  padding: 20px 0;
  width: var(--dropdown-width);
  left: 50%;
  margin-left: calc((var(--dropdown-width) / 2)  * -1);
  box-sizing: border-box;
  z-index: 2;
border: 2px solid #000;
  background: #000;
  border-radius: 6px;
  list-style: none;
}

.dropdown ul li {
  padding: 0;
  margin: 0;
}

.dropdown ul li a:link, .dropdown ul li a:visited {
  display: inline-block;
  padding: 10px 0.8rem;
  width: 100%;
  box-sizing: border-box;

  color: var(--dropdown-color);
  text-decoration: none;
}

.dropdown ul li a:hover {
  background-color: var(--dropdown-highlight);
  color: #000;
}

/* Dropdown triangle */
.dropdown ul::before {
  content: ' ';
  position: absolute;
  width: 0;
  height: 0;
  top: -10px;
  left: 50%;
  margin-left: -10px;
  border-style: solid;
  border-width: 0 10px 10px 10px;
  border-color: transparent transparent var(--dropdown-background) transparent;
}


/* Close the dropdown with outside clicks */
.dropdown > summary::before {
  display: none;
}

.dropdown[open] > summary::before {
    content: ' ';
    display: block;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 1;
}

.starwine{position:relative;top:0;right:0;margin-top:-100px;}

/* ------------------------------------------------------------------------------
	 Banner
-------------------------------------------------------------------------------*/
body{
		font-family: "ChronicleDispCond-Roman";

}



.section{background:none;}

/* ------------------------------------------------------------------------------
	 Footer
-------------------------------------------------------------------------------*/
.footer {
	text-align: left;		font-family: "gt_pressura_monoregular";
}

.footer h4{color:#fff;	font-family: "ChronicleDispCond-Roman";
}
.footer p{color:#fff;		font-family: "gt_pressura_monoregular";}
.footer a{color:#fff;		font-family: "gt_pressura_monoregular";}

.footer-top {
	background-color: #181818;
	padding-top: 50px;
}
.footer-bottom {
	background-color: #313454;
	padding: 20px 0;
}
.footer .footer-col {
	margin-bottom: 80px;
}
.footer h5 {
	color: #fff;
}
.footer h5 {
	margin-bottom: 20px;
}

.footer a:hover {
	color: #e84545;
}
.footer .footer-share {
	margin-top: 0;
}
.footer .footer-share li {
	display: inline-block;
	float: none;
}
.footer .footer-share a {
	border: none;
	font-size: 21px;
	color: rgba(255, 255, 255, 0.25);
}
.footer .fa-heart {
	color: #fff;
	font-size: 11px;
	margin: 0 2px;
}

#map {
  height: 400px;
  width: 100%;
 }


.gruppe{
  display:flex;
  justify-content: center;
	text-align:left;
min-height:100px;
padding-top:0px;
padding-bottom:0px;
width:100%;
   }

   .banner{max-height:75vh;margin-bottom:10vh;}

   .gruppeToppen{
     display:flex;
     justify-content: center;
   	text-align:left;
   min-height:100px;
   padding-top:30px;
   padding-bottom:0px;
   padding-left:10%;
   padding-right:10%;
      }

.Hel{
  width:90vw;
  min-width:500px;
  justify-content: center;
  align-items:center;
  margin:auto;
  padding-top:20px;
  text-align:center;
}

.HelBunn{
  width:100vw;
  min-width:500px;
  justify-content: center;
  align-items:center;
  margin:auto;
  Padding-top:30px;
  text-align:center;
}

.Hel #insta_galleri {  margin-top:50px;margin-bottom:50px;}

#transparant{padding-top:100px; padding-bottom:100px;}
#transparant23{padding-top:100px; padding-bottom:100px;}

#insta_galleri{
  width:100%;
}

.footer_image{  margin-left: auto;
  margin-right: auto;
  display: block;}

.HalvVenstre{
width:50vw;
min-width:300px;
justify-content: center;
align-items:center;
margin:auto;
padding:0px;
}

.HalvHoyre {
	width:50vw;
	min-width:300px;
  margin:auto;
padding:0px;
padding-left:5%;
padding-right:5%;
}

.anmeldelser{
  padding:50px;
  padding-left:20px;
  padding-right:20px;
  text-align:center;
  min-width:33%;
  margin:0 auto;}

.venstre_footer{
	width:80vw;
	padding-bottom:50px;
	margin: 0 auto;
min-width:500px;
align-items:center;
justify-content:center;
text-align:left;
border-top:1px solid #c13b29;
}

#valign{
	justify-content: center;
align-items:center;
	margin:auto;
	padding:50px;}

#valigntopp{ margin: 0 auto;}
#halignhoyre{text-align:center;}

#Venstre{	float:left;}
#Hoyre{	text-align:right;}

.HalvVenstre img{width:100%; max-width:1080px; padding-top:50px; padding-bottom:50px;}
.HalvHoyre img{width:100%; max-width:1080px;padding-top:50px;padding-bottom:50px;}

@media screen and (max-width: 1024px) {

#header a{color:#fff;}
#header.fixed a{color:#fff;}

.carousel-inner{max-height:65vh;height:60vh; padding-bottom:0px;}

a,p {
  font-family: "gt_pressura_monoregular";
	font-feature-settings: "kern" 1,"liga" on,"dlig" off,"onum" off,"lnum" off,"ss01" off;
	-webkit-font-smoothing: antialiased;
	font-size: 3.5vw;
  line-height: 1.5;
}


.Hel{ width:100%;
min-width:200px;
justify-content: left;
align-items:center;
margin:0 auto;
padding-top:30px;
padding-left:30px;
padding-right:30px;
padding-bottom:0px;
text-align: center;}

.HelBunn{ width:100%;
min-width:200px;
justify-content: left;
align-items:center;
margin:0 auto;
padding-top:0px;
padding-left:30px;
padding-right:30px;
padding-bottom:0px;
text-align: center;}

.HalvVenstre{width:100%;
min-width:200px;
justify-content: center;
align-items:center;
margin:0 auto;
padding-top:0px;
padding-left:30px;
padding-right:30px;
padding-bottom:0px;
text-align: center;}

.HalvHoyre{	width:100%;
min-width:200px;
justify-content: center;
align-items:center;
margin:0 auto;
padding-top:0px;
padding-left:30px;
padding-right:30px;
padding-bottom:0px;
text-align: center;}

.gruppe {
flex-direction: column;
justify-content: center;
margin:auto;
padding:0px;
padding-bottom:30px;
text-align: center;
}


.anmeldelser{
  padding:30px;
  padding-bottom:10px;
  margin:0;
  min-width:33%;
  min-height:100px;}


#valign{width:100%;
min-width:200px;
justify-content: center;
align-items:center;
margin:0 auto;
padding:30px;}


h3{ justify-content: center;
align-items:center;
  margin:auto;
  font-size: 8vw;
}

h1{font-size: 9vw;}
h4{font-size: 8vw;}

#insta_galleri{height:200px;}

.HalvVenstre img{ max-width:80vw;}
.HalvHoyre img{max-width:80vw;}

#Venstre{	float:none;}
#Hoyre{	float:none;}

#sentrert{text-align:left;width:40vh;}

.venstre_footer{	width:100%;
	margin: 30px auto;
min-width:200px;
align-items: center;
justify-content:center;
text-align:center;
padding:30px;
border-top:1px solid #216c5e;}

#transparant{ background-image: url(../images/1920x1280/lokalet.jpg);
	background-position: top center;
	background-repeat: no-repeat;
  background-attachment: local;
	-moz-background-size: cover;
	-o-background-size: cover;
	-webkit-background-size: cover;
	background-size: cover;}

  #transparant23{ background-image: none;
  	background-position: top center;
  	background-repeat: no-repeat;
    background-attachment: local;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	-webkit-background-size: cover;
  	background-size: cover;}

    #transparant23{ background-image: url(../images/bakgaard.jpg);
      background-position: top center;
      background-repeat: no-repeat;
      background-attachment: local;
      -moz-background-size: cover;
      -o-background-size: cover;
      -webkit-background-size: cover;
      background-size: cover;}

    #footer_banner{ background-image: url(../images/stab.jpg);
      background-position: top center;
      background-repeat: no-repeat;
      background-attachment: local;
      -moz-background-size: cover;
      -o-background-size: cover;
      -webkit-background-size: cover;
      background-size: cover;}

  #header .header-content {
padding-top:0px;
  }

  #header .logo-header{
margin-top:35px;
  }

#header.fixed .logo-header {
background-color:none;
}

   .banner{max-height:95vh;margin-bottom:10px;}

body{


}


}}