html,
body {
    height: 100%; margin:0; padding-top: 0px;
     background:#f2f2f2;
     font-family: Tahoma, Geneva, sans-serif, "Times New Roman", serif;   font-size: 16px; color:#656565;
}

.container { line-height:24px; }
.row{}
.header {height:115px; background:#8db2c4}
.logo {margin:6px 0px;}
.grid-section { background:#fff;   }
.grid-section .container .row .column {padding:15px; }
       

/*.vertical-align {      display: flex;  flex-direction: row;}*/
h1, h2, h3, h4, h5 {    font-family: Georgia;    color:#746a59;}

/*Nav*/
.navigation {    background:#f2f2f2; }
.navigation2{    background:#f2f2f2 ;    border-top: 1px solid #000;    border-bottom: 0px solid #000;}
.nav{}

.navbar-nav>li a { color: #656565; text-decoration:none; padding: 0px; }
.navbar-nav>li a:hover,.navbar-nav>li a:focus { background-color: transparent; color: #c9c9c9;}
.navbar-nav>.open>a:focus { background-color: transparent; color: #656565; border-radius: 0px; }
.navbar-nav>a:active, .navbar-nav>a:hover { background-color: transparent;color: #656565; border-radius: 0px;}
.dropdown-menu {z-index:99999; }
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { background-color: transparent; }
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { background-color: transparent; }
.dropdown-menu>li>a { color: #656565; font-size:18px; padding: 10px 15px 5px 15px;  border-left: 0px solid #dadada;}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { color: #000}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { background-color: #656565; color:#fff}
ul.nav li.dropdown a.selected{color: #cd9800;}
ul.nav li a.selected {color: #cd9800;}

/*toogle nav*/
.navbar-toggle {	left:60px; position: absolute;}
.navbar-toggle span {	left:10px; position: absolute;	z-index: 999;	top: 5px;	background-color: #333;	display: block; margin-right:100px; }

.navbar-toggle span:before {	margin-top: -7px;}
.navbar-toggle span:after {	margin-top: 7px;}
.navbar-toggle .icon-bar {    position: relative;    transition: all 500ms ease-in-out;}
.navbar-toggle.active .icon-bar:nth-of-type(1) {    top: 6px;    transform: rotate(45deg); margin-top: 5px;}
.navbar-toggle.active .icon-bar:nth-of-type(2) {    background-color: transparent;}
.navbar-toggle.active .icon-bar:nth-of-type(3) {    top: -6px;    transform: rotate(-45deg);}



.dinner {margin-top:35px; float:right;}
.social {margin-top:37px; float:right;}
.lang {margin-top:37px; float:right;}
.lang_da{margin-left:50px;}
.lang_da img:hover {opacity: 0.85;}
.lang_en img:hover {opacity: 0.85;}

.dinerbooking {background:#00aae9; width:160px;}
.dinerbooking:hover{background:#009ed8;}
.dinerbooking:focus{background:#009ed8;}
.dinerbooking:before{background:#009ed8;}
.dinerbooking:after{background:#009ed8;}
.btn-info {
    color: #fff;
    background-color: #5bc0de;
    border-color: #46b8da;
    font-size: 18px;
}
.facebook {margin-right:5px;}
.facebook img:hover {opacity: 0.85;}
.instagram img:hover {opacity: 0.85;}

/*.container-fluid {     height:275px;  padding-bottom:15px; background: url(/images/bg.jpg);border-bottom: 1px solid #000;}*/

.container-fluid {     
    height: 275px;
    padding-bottom: 15px;
    background: url(/media/1056/slide.jpg?mode=crop&anchor=midle&width=3200&height=400);
    border-bottom: 1px solid #656565;
    margin-top: 80px;
}

.container-fluid h1 {margin-top:190px;  text-align:center;   color:#fff; text-shadow: 0 1px 1px rgba(0,0,0,.4);     }
.contentbordertop {  padding-top:150px;   } /*slider padding-top 0 rettes også linje 283*/
.column {padding: 0 40px 0 40px; margin-top:10px; margin-bottom:10px;}


/* GLOBAL STYLES */
/* Padding below the footer and lighter body text */





    /* CUSTOMIZE THE NAVBAR
    -------------------------------------------------- */

    /* Special class on .container surrounding .navbar, used for positioning it into place. */
    .navbar-wrapper {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      z-index: 10;
      margin-top: 0px;
      margin-bottom: -90px; /* Negative margin to pull up carousel. 90px is roughly margins and height of navbar. */
    }
    .navbar-wrapper .navbar {

    }


/*carousel*/
#myCarousel {    top: 0px;    margin-bottom: 0px;}
.carousel-indicators {    bottom:0px;}
.carousel-control.left, .carousel-control.right {  background: none !important;  filter: progid none !important;  outline: 0; }
.carousel .carousel-control {  visibility: hidden;}
.carousel:hover .carousel-control {  visibility: visible;}
   
/*
.carousel,.item,.active{height:100%;}
.carousel-inner{height:100%;}
*/
.carousel-inner{height:1200px;}
.fill{width:100%;height:100%;background-position:center;background-size:cover;}
/* faster sliding speed */
.carousel-inner > .items {    -webkit-transition: 0.3s ease-in-out left;    -moz-transition: 0.3s ease-in-out left;    -o-transition: 0.3s ease-in-out left;    transition: 0.3s ease-in-out left;
}


.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
  opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

.carousel-fade .carousel-control {
  z-index: 2;
}



    .carousel .container {
      position: relative;
      z-index: 9;
    }

    .carousel-control {
      height: 80px;
      margin-top: 400px;
      font-size: 120px;
      text-shadow: 0 1px 1px rgba(0,0,0,.4);
      background-color: transparent;
      border: 0;
      z-index: 10;
    }

    .carousel img {
      margin-top: -240px;
    }

    .carousel .item {
      height: 1200px;
      top: 0px;
    }


    .carousel-caption {
      background-color: rgba(0, 0, 0, 0.75);
      position: static;
      max-width: 600px;
      padding: 10px;
      margin-top: 600px;
      text-align:left;
      border-radius: 5px;
       z-index: 9999;
    }
    .carousel-caption h2,
    .carousel-caption .lead {
      margin: 0;
      line-height: 1.25;
      color: #fff;
      margin-bottom:8px;
    }
    .carousel-caption a {
      color: #edb80d;
      font-weight:bold;
      font-size:20px;
    }


/*carousel*/

/*media responsive*/
.video-wrapper {    position: relative; /* keeps the aspect ratio */    padding-bottom: 56.25%; /* fine tunes the video positioning */    padding-top: 60px; overflow: hidden;}
.video-wrapper iframe,.video-wrapper object,.video-wrapper embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
/*
img {     vertical-align: middle;     border: 0;     page-break-inside: avoid;     max-width: 100% !important;     }
img {max-width:100% !important;height:auto !important;}
    
*/
.img-responsive{  max-width: 100% !important;height:auto !important;}


.round {	border-radius: 50%;    max-width: 100% !important;height:auto !important;}


/*footer*/
.footer { background:#8db2c4; margin-top:0px; color:#333; padding-bottom:20px;}
.footer h3 {  color: #333; font-family: Tahoma, Geneva, sans-serif, "Times New Roman", serif;   font-size: 16px; padding-bottom:10px;}
.footer h3 a {  text-decoration:none; }
.footer .container { font-size: 15px; }
.footer a {  color: #333; }

.footerpopup {background:#fff; padding:20px;}
.fancybox-outer, .fancybox-inner {
    position: relative;
    background: #fff;
}


@media (max-width: 1200px) {

.navbar-nav>li a { padding: 20px 10px; font-size: 16px; }
.dropdown-menu>li>a {font-size:16px; padding: 10px 5px 5px 5px;}
   
}

@media only screen and (min-width:768px) {
   

        
}


@media (min-width: 990px) {


.nav{background: transparent !important;  }
.navbar-nav {float:none;margin:0 auto;display: block; margin-bottom:1px;}
.navbar-nav>li {display: inline-block;float:none;}
.navbar-nav>li a { color: #333; text-decoration:none; padding: 16px;}
.navbar-nav>li a:hover,.navbar-nav>li a:focus { background-color: transparent; color: #333;}
.navbar-nav>.open>a:focus { background-color: transparent; color: #f5f5f5; border-radius: 0px; }
.navbar-nav>a:active, .navbar-nav>a:hover { background-color: transparent;color: #f5f5f5; border-radius: 0px;}
.dropdown-menu {z-index:99999; background-color: #1c1c1c;}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { background-color: transparent; }
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { background-color: transparent; }
.dropdown-menu>li>a { color: #f5f5f5; font-size:18px; padding: 10px 15px 5px 15px;  border-left: 0px solid #dadada;}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { background-color: transparent; color: #f5f5f5}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { background-color: transparent; color:#f5f5f5}
ul.nav li.dropdown a.selected{color: #cd9800;  }
ul.nav li a.selected{color: #cd9800; }


}

@media (max-width: 989px) {
    .navbar-nav > li a {
        padding: 10px;
        font-size: 14px;
    }
}

/*mobil*/
@media (max-width: 767px) {
.contentbordertop {  padding-top:50px;   }
.header {height:auto;}
.logo-header { height:1px;}
.logo  {width: 40px;    height: 43px;  overflow: hidden; display:block; z-index:999;}

.logo a {position:relative; z-index:999999;}

.sitelogo {width:110px;}
.navbar-header {top:-50px; }
    .navbar-nav > li a {
        font-size: 16px;
    }


.navbar-toggle {
    padding: 3px 0px 15px 3px;
    margin-top: 12px;
    margin-bottom: 8px;
    width: 50px;
}

.dinner {margin-top:13px; right:90px; position:absolute; z-index:999;}
.dinerbooking {width:auto; }
/*.social {right:15px;top:86px; margin-top:2px; position:absolute;}*/
.lang {right:15px; margin-top:16px; position:absolute; z-index:999;}

.container-fluid {     height:225px;  }
.container-fluid h1 {margin-top:100px;  font-size: 28px;      }

.carousel-inner{max-height:680px;}
.carousel-inner{max-height:460px;}
.carousel .item {      height: 460px;}
.carousel-control {      margin-top: 200px;      font-size: 80px;    }
.carousel-caption {      background-color: transparent;      max-width: 100%;      padding: 0px;      margin-top: 465px;      border-radius: 0px;    }
.carousel-caption h2 {      font-size: 22px;     }
.carousel-caption,  .lead {      font-size: 14px;    }


.footer .col-md-3 {  border-top: 1px solid #656565;}
.footer .col-md-4 {  border-top: 1px solid #656565;}


} 

@media (max-width: 467px) {

h1 {   font-size:30px}
.carousel-inner{max-height:580px;}
.carousel-inner{max-height:280px;}
.carousel-caption {      margin-top: 380px;}
.carousel-control {      margin-top: 150px;      font-size: 80px;    }
    .fill {
        height: 360px;
    }




}
/*end mobile*/




/*Scroll til top*/
.scroll-top-wrapper {
    position: fixed;
	opacity: 0;
	visibility: hidden;
	overflow: hidden;
	text-align: center;
	z-index: 99999999;
    background-color: rgba(0, 0, 0, 0.70);
	color: #eeeeee;
	width: 50px;
	height: 48px;
	line-height: 48px;
	right: 20px;
	bottom: 20px;
	padding-top: 2px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.scroll-top-wrapper:hover {	 background-color: rgba(0, 0, 0, 0.50);}
.scroll-top-wrapper.show {    visibility:visible;    cursor:pointer;	opacity: 1.0;}
.scroll-top-wrapper i.fa {	line-height: inherit;}