@import url('https://fonts.googleapis.com/css2?family=Barlow+Semi+Condensed:wght@500&display=swap');

/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}

body {
    font-size: 18px;
		line-height: 1.4;
}

a{
	color: #B38211;
}

a:hover, a:focus{
	color: #9a6f0d;
}
/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b5c9c9;
    text-shadow: none;
}

::selection {
    background: #b5c9c9;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */

img {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Plugin Css
   ========================================================================== */

/*
 * jQuery FlexSlider v2.2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */


/* Browser Resets
*********************************/
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}

/* FlexSlider Necessary Styles
*********************************/
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}

/* FlexSlider Default Theme
*********************************/
.flexslider { margin: 0; position: relative; zoom: 1; }
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
.flexslider .slides { zoom: 1; }
.carousel li { margin-right: 5px; }

/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a  { display: block; width: 40px; height: 40px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(0,0,0,0.8); text-shadow: 1px 1px 0 rgba(255,255,255,0.3); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; }
.flex-direction-nav .flex-prev { left: -50px; }
.flex-direction-nav .flex-next { right: -50px; text-align: right; }
.flexslider:hover .flex-prev { opacity: 0.7; left: 10px; }
.flexslider:hover .flex-next { opacity: 0.7; right: 10px; }
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; }
.flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; }
.flex-direction-nav a:before  { font-family: "flexslider-icon"; font-size: 40px; display: inline-block; content: '\f001'; }
.flex-direction-nav a.flex-next:before  { content: '\f002'; }

/* Pause/Play */
.flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; }
.flex-pauseplay a:before  { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; }
.flex-pauseplay a:hover  { opacity: 1; }
.flex-pauseplay a.flex-play:before { content: '\f003'; }

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -o-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); box-shadow: inset 0 0 3px rgba(0,0,0,0.3); }
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}

@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev { opacity: 1; left: 10px;}
  .flex-direction-nav .flex-next { opacity: 1; right: 10px;}
}

/*
 * swiper 2.4.3
 * Mobile touch slider and framework with hardware accelerated transitions
 *
 * http://www.idangero.us/sliders/swiper/
 *
 * Copyright 2010-2014, Vladimir Kharlampidi
 * The iDangero.us
 * http://www.idangero.us/
 *
 * Licensed under GPL & MIT
 *
 * Released on: January 29, 2014
*/
.swiper-container {
	margin:0 auto;
	position:relative;
	overflow:hidden;
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	-ms-backface-visibility:hidden;
	-o-backface-visibility:hidden;
	backface-visibility:hidden;
	/* Fix of Webkit flickering */
	z-index:1;
}
.swiper-wrapper {
	position:relative;
	width:100%;
	-webkit-transition-property:-webkit-transform, left, top;
	-webkit-transition-duration:0s;
	-webkit-transform:translate3d(0px,0,0);
	-webkit-transition-timing-function:ease;

	-moz-transition-property:-moz-transform, left, top;
	-moz-transition-duration:0s;
	-moz-transform:translate3d(0px,0,0);
	-moz-transition-timing-function:ease;

	-o-transition-property:-o-transform, left, top;
	-o-transition-duration:0s;
	-o-transform:translate3d(0px,0,0);
	-o-transition-timing-function:ease;
	-o-transform:translate(0px,0px);

	-ms-transition-property:-ms-transform, left, top;
	-ms-transition-duration:0s;
	-ms-transform:translate3d(0px,0,0);
	-ms-transition-timing-function:ease;

	transition-property:transform, left, top;
	transition-duration:0s;
	transform:translate3d(0px,0,0);
	transition-timing-function:ease;

	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
.swiper-free-mode > .swiper-wrapper {
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	-ms-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	margin: 0 auto;
}
.swiper-slide {
	float: left;
}

/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
	-ms-touch-action: pan-y;
}
.swiper-wp8-vertical {
	-ms-touch-action: pan-x;
}

/* ===============================================================
Your custom styles, here you need to specify container's and slide's
sizes, pagination, etc.
================================================================*/
.swiper-container {
	/* Specify Swiper's Size: */

	/*width:200px;
	height: 100px;*/
}
.swiper-slide {
	/* Specify Slides's Size: */

	/*width: 100%;
	height: 100%;*/
}
.swiper-slide-active {
	/* Specific active slide styling: */

}
.swiper-slide-visible {
	/* Specific visible slide styling: */

}
/* ===============================================================
Pagination Styles
================================================================*/
.swiper-pagination-switch {
	/* Stylize pagination button: */

}
.swiper-active-switch {
	/* Specific active button style: */

}
.swiper-visible-switch {
	/* Specific visible button style: */

}


/* ==========================================================================
   Author's custom styles
   ========================================================================== */

/**
 * General.
 */
html {
	font-size: 100%;
	-webkit-font-smoothing: antialiased;
}

body {
	font-family: 'Open Sans', sans-serif;
	background-color: #fff;
	overflow-x: hidden;
}

h1, h2, h3 {
	font-weight: lighter;
	text-transform: uppercase;
	font-family: 'Barlow Semi Condensed', 'Open Sans', sans-serif;
	font-weight: 500;
	line-height: 1.2;
}

h2 {
	font-size: 1.4em;
}
/*
a {
	color: #515A31;
    text-decoration: none;
}
*/

a:link {
	outline: medium none;
}

img {
	max-width: 100%;
	height: auto;
	width: auto\9;
}

img.pdf-icon {
	max-width: none;
	width: 15px;
	height: 20px;
	margin-right: 4px;
}

span.file {
	display: block;
	margin: .5em 0;
}

span.file span {
	display: inline-block;
	zoom: 1;
	*display: inline;
	margin-right: 7px;
	width: 15px;
	height: 20px;
	background-repeat: no-repeat;
	background-image: url(img/pdf-icon.png);
	float: left;
	margin-top: -1px;
}

.backgroundsize span.file span {
	background-image: url(img/pdf-icon@2x.png);
	background-size: 100% 100%;
}

.file a {
	color: #fff;
	text-transform: uppercase;
}

#page-wrapper {
	font-size: .875em;
	background-color: #22231A;
}

.main-content-grid {
	background-color: #22231A;
}

.main-content-grid ul {
	margin: 0;
	padding: 0;
}

.main-content-grid li {
	list-style-type: none;
	list-style-image: none;
	margin: 0;
	padding: 0;
	width: 33.333333%;
	float: left;
}

.main-content-grid .node {
	width: 100%;
	height: 0;
	padding-bottom: 67%;
	position: relative;
	overflow: hidden;
}

.main-content-grid .node img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	transition: top 150ms;
	-webkit-transition: top 150ms;
	-moz-transition: top 150ms;
	-ms-transition: top 150ms;
	-o-transition: top 150ms;
	-webkit-backface-visibility: hidden;
}

.main-content-grid .node a:hover img {
	top: -25px;
	transition: top 250ms;
	-webkit-transition: top 250ms;
	-moz-transition: top 250ms;
	-ms-transition: top 250ms;
	-o-transition: top 250ms;
}

.zebra-stripe-0 {
	background-color: #515A31;
}

.zebra-stripe-1 {
	background-color: #22231A;
}

.zebra-stripe-2 {
	background-color: rgb(255, 255, 255);
}

.form-control, .btn, .alert {
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
}

input[type=date] {
	width: 100%;
}

img.lazyload {
	background-color: #d5d5d5;
	background-position: center center;
	background-repeat: no-repeat;
}

img.lazyload.loaded {
	background-color: transparent;
}

.no-backgroundsize img.lazyload {
	background-image: url(img/loader.gif);
}

.backgroundsize img.lazyload {
	background-image: url(img/loader@2x.gif);
	background-size:  90px 20px;
}

.no-svg .sprite {
	background-image: url(img/sprite.png);
}

.svg .sprite {
	background-image: url(img/sprite.svg);
}

/**
 * Site layout.
 */
#header {
	position: fixed;
	width: 260px;
	top: 0;
	left: 0;
	bottom: 0;
}

#main-wrapper {
	margin-left: 260px;
	padding-top: 50px;
	position: relative;
	z-index: 1;
	left: 0;
}

#main-wrapper .section {
	margin: 0 auto;
	background: #fff;
}

.region-content-top {
	position: fixed;
	z-index: 11;
	top: 0;
	height: 50px;
	left: 260px;
	right: 0;
	background: #fff;
	margin-right: 0;
}

/**
 * Header.
 */
#header {
	background-color: #fff;
}

#header .top {
	width: 100%;
	height: 50px;
	background-color: #515A31;
}

#site-name {
	width: 138px;
	position: relative;
	margin: 30px auto;
}

#site-name a {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	width: 100%;
	padding-bottom: 106.797101%;
	height: 0;
	text-indent: -9999px;
	display: block;
}

.no-svg #site-name a {
	background-image: url(img/landvetterairporthotel-logo.png);
}

.svg #site-name a {
	background-image: url(img/landvetterairporthotel-logo.svg);
}

/* Booking widgets */
#edit-nojs-form {
	display: none;
}

/* Navigation */
#header .navigation {

}

#header .navigation ul {
	padding: 0;
	margin: 0;
}

#header .navigation ul li {
	display: block;
	margin: 0;
	padding: 0;
	list-style-type: none;
	list-style-image: none;
}

#header .navigation ul li a {
	color: rgb(142, 142, 142);
	text-transform: uppercase;
	padding: 8px 16px;
	display: block;
	border-top: 1px solid #e5e5e5;
	font-family: 'Barlow Semi Condensed', sans-serif;
	font-weight: 500;
}

#header .navigation ul li a:hover,
#header .navigation ul li a:focus {
	color: #515A31;
	text-decoration: none;
}

#mobile-nav .menu-block-wrapper ul li {
	position: relative;
}

.menu .menu-open {
	display: block !important;
}
.menu .expanded::after {
	content: "";
	width: 25px;
	height: 9px;
	background-image: url(img/booking-toggle.svg);
	background-size: 25px 18px;
	background-repeat: no-repeat;
	background-position: 0 0;
	position: absolute;
	top: 1em;
	right: 1em;
	color: white;
	pointer-events: none;
}
.menu .expanded--open::after {
	background-position: 0 -9px;
}

.menu-block-wrapper ul li ul {
	position: relative;
	display: none;
}


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

	#header .navigation ul li {
		position: relative;
	}

	#header .navigation ul li ul {
		position: absolute;
		width: 290px;
		top: 0;
		left: 100%;
		background: #fff;
		display: none;
	}

	#page-wrapper {
			// background: url(img/pattern-discrete-tile.jpg);
			// background-attachment: fixed;
			background-color: #22231A;
	}

	#header .navigation ul li ul li {
		background: #fff;
	}

	#header .navigation ul li ul li a {
		border-color: #fff;
	}

	#header .navigation ul li ul li:first-child a {
		border-color: #e5e5e5;
	}

	#main-wrapper {
		background: #22231A;
		transition-duration: 300ms;
		-moz-transition-duration: 300ms;
		-webkit-transition-duration: 300ms;
		transition-timing-function: cubic-bezier(0.250, 0.250, 0.305, 0.955);
		-webkit-transition-timing-function: cubic-bezier(0.250, 0.250, 0.305, 0.955);
		-moz-transition-timing-function: cubic-bezier(0.250, 0.250, 0.305, 0.955);
	}

	.sub-menu-open #main-wrapper {
		transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
		-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
		-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
	}

	.csstransforms #main-wrapper {
		transition-property: transform;
		-webkit-transition-property: -webkit-transform;
		-moz-transition-property: transform;
		-ms-transition-property: -ms-transform;
	}

	.no-csstransforms #main-wrapper {
		transition-property: left;
		-webkit-transition-property: left;
		-moz-transition-property: left;
	}

	.csstransforms .sub-menu-open #main-wrapper {
		transform: translateX(260px);
		-webkit-transform: translateX(260px);
		-ms-transform: translateX(260px);
	}

	.no-csstransforms .sub-menu-open #main-wrapper {
		left: 260px;
	}
}

@media screen and (min-width: 1460px) {
	#header .navigation ul li ul {
		padding-top: 0 !important;
	}

	#header .navigation ul li ul {
		position: absolute;
		left: 100%;
		width: 100%;
		top: 0;
		z-index: 10;
		background: #515A31;
		display: none;
	}

	#header .navigation ul li {
		position: relative;
	}

	#header .navigation ul li ul li a {
		color: #fff;
	}

	#header .navigation ul li ul li a {
		border-color: transparent;
	}

	#header .navigation ul li.open {
		background: #515A31;
	}

	#header .navigation ul li.open a {
		color: #fff;
		border-top-color: #515A31;
	}

	#header .navigation ul li.open ul {
		display: block;
	}
}

/**
 * Forms and buttons.
 */
.form-control {
	border-color: #e5e5e5;
	box-shadow: 0 0 0 transparent;
	-moz-box-shadow: 0 0 0 transparent;
	-webkit-box-shadow: 0 0 0 transparent;
	-ms-box-shadow: 0 0 0 transparent;
	-o-box-shadow: 0 0 0 transparent;
	-webkit-appearance: none;
}

.form-date {
	-webkit-appearance: none;
}

#booking-form .form-control {
	border-color: #fff;
}

.form-item {
	margin: .73em 0;
}

.btn-default {
	background: #22231A;
	border-color: #22231A;
	color: #fff;
	text-transform: uppercase;
	font-family: 'Barlow Semi Condensed', sans-serif;
	font-weight: 500;
}

.btn-default:hover,
.btn-default:focus {
	background: #22231A;
	border-color: #22231A;
	color: #fff;
}

.form-item label {
	font-weight: normal;
	text-transform: uppercase;
	font-size: .87em;
}


/* Booking form */
#booking-form {
	background-color: #B38211;
	padding: 11px 13px 0;
	color: #fff;
	position: absolute;
	bottom: 100px;
	height: 50px;
	width: 100%;
	overflow: none;
}

#booking-form .content {
	padding-top: 3px;
	padding-bottom: 13px;
}

.booking-open #booking-form {
	height: auto;
	overflow: visible;
}

#booking-form h2 {
	position: relative;
	margin: 0;
	cursor: pointer;
}

#booking-form h2 a {
	width: 35px;
	height: 9px;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -4.5px;
	display: block;
	background-repeat: no-repeat;
	background-position: 0 bottom;
}

.booking-open #booking-form h2 a {
	background-position: 0 0;
}

.no-svg #booking-form h2 a {
	background-image: url(img/booking-toggle.png);
}

.svg #booking-form h2 a {
	background-image: url(img/booking-toggle.svg);
}

#booking-form label {
	display: none;
}

#booking-form .manage-booking {
	float: left;
	margin: .73em 0;
	width: 50%;
	font-size: 0.9em;
}

#booking-form .manage-booking a {
	color: white;
}

#booking-form .manage-booking a:hover {
	color: #22231A;
	text-decoration: none;
}


#booking-form .edit-persons {
	margin: .73em 0;
}

#booking-form .edit-submit {
	float: right;
}

#booking-form .mobile .form-submit {
	display: none;
}

#booking-form .form-item-adult {
	width: 48%;
	float: left;
	margin: 0;
}

#booking-form .form-item-child {
	width: 48%;
	float: right;
	margin: 0;
}

#booking-form .hasDatepicker {
	background-repeat: no-repeat;
	background-position: right 7px;
}

.svg #booking-form .hasDatepicker {
	background-image: url(img/sprite.svg);
}

.no-svg #booking-form .hasDatepicker {
	background-image: url(img/sprite.png);
}

#ui-datepicker-div {
	z-index: 100 !important;
	padding: 0;
	font-family: "Open Sans", sans-serif;
	border-color: #515A31;
}

.ui-widget-header {
	background-image: none;
	background-color: #515A31;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-o-border-radius: 0;
	-ms-border-radius: 0;
}

.ui-datepicker table {
	margin: 2%;
	width: 96%;
}

.ui-datepicker table thead {
	border-bottom: 5px solid #fff;
}

.ui-datepicker table thead tr {

}

.ui-datepicker table thead th {
	padding: .2em .3em;
	border-bottom: 1px solid rgb(67, 92, 105);
}

.ui-datepicker-current-day {
	background-color: #515A31;
}

.ui-datepicker-current-day a.ui-state-active { color: #fff; }

.ui-datepicker-calendar thead tr th span {
	font-weight: normal;
}

.ui-widget-header .ui-icon {
	background-image: none;
}

.ui-widget-header .ui-state-hover {
	background-image: none;
}

.ui-datepicker .ui-datepicker-title {
	text-transform: uppercase;
	font-weight: lighter;
	color: #fff;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
	background: transparent;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next,
.ui-datepicker .ui-datepicker-prev:hover,
.ui-datepicker .ui-datepicker-next:hover {
	background: transparent;
	border-width: 0px;
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	background-position: 3px -17px;
	cursor: pointer;
}

.ui-datepicker .ui-datepicker-next span {
	background-position: -40px -17px;
}

.ui-datepicker .ui-datepicker-next-hover {
	right: 2px;
	top: 2px;
}

.ui-datepicker .ui-datepicker-prev-hover {
	left: 2px;
	top: 2px;
}

.no-svg .ui-datepicker .ui-datepicker-prev span,
.no-svg .ui-datepicker .ui-datepicker-next span {
	background-image: url(img/sprite.png);
}

.svg .ui-datepicker .ui-datepicker-prev span,
.svg .ui-datepicker .ui-datepicker-next span {
	background-image: url(img/sprite.svg);
}

/* Social */
#social {
	position: absolute;
	bottom: 0;
	height: 100px;
	width: 100%;
	background-color: #22231A;
	padding: 9px 0 0 11px;
	color: #fff;
}

#social ul {
	padding: 0;
	margin: 0;
}

#social ul li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
	float: left;
	margin-right: 10px;
}

#social ul li a {
	display: block;
	text-indent: -9999px;
	width: 34px;
	height: 34px;
}

#social ul li a.tripadvisor {
	background-position: -94px -182px;
}

#social ul li a.tripadvisor:hover {
	background-position: -94px -145px;
}

#social ul li a.miljo {
	background-position: -94px -182px;
}

/* #social ul li a.miljo:hover {
	background-position: -94px -145px;
} */

#social ul li a.facebook {
	background-position: -0px -182px;
}

#social ul li a.facebook:hover {
	background-position: 0 -145px;
}

#social ul li a.instagram {
	background-position: -48px -182px;
}

#social ul li a.instagram:hover {
	background-position: -48px -145px;
}

#social ul li a.best-western {
	width: 124px;
	background-image: url(img/best-western.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	-ms-behavior: url(http://www.landvetterairporthotel.se/backgroundsize.min.htc);
}

#social ul li a.kran-markt {
	width: 35px;
	margin-top: 10px;
	background-image: url(img/kranmarkt.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	-ms-behavior: url(https://kranmarkt.se/);
}

#social ul li a.miljo {
	width: 121px;
	margin-left: -1px;
  margin-top: 10px;
	background-image: url(img/miljo.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	-ms-behavior: url(http://www.landvetterairporthotel.se/backgroundsize.min.htc);
}

/**
 * Content.
 */
.region-content-top {
	background: #fff;
	text-align: right;
}

.region-content-top .block {
	text-transform: uppercase;
}

/* Language switcher */
#language-switcher ul {
	text-align: right;
	padding-right: 15px;
	margin-top: 13px;
}

#language-switcher ul li {
	display: inline-block;
	zoom: 1;
	*display: inline;
	margin-left: 15px;
}

#language-switcher ul li:first-child {
	margin-left: 0;
}

#language-switcher ul li a {
	color: #22231A;
	text-transform: uppercase;
	font-family: 'Barlow Semi Condensed', sans-serif;
	font-weight: 500;
}

#language-switcher .form-item-select-list {
	display: none;
}

.node-rum.node-teaser a,
.node-vy-sida.node-teaser a,
.node-konferensrum.node-teaser a {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.node-rum.node-teaser header,
.node-vy-sida.node-teaser header,
.node-konferensrum.node-teaser header,
.node-page.node-teaser header {
	background-color: #515A31;
	color: #fff;
	padding: 15px 15px 40px 15px;
	position: absolute;
	bottom: -24px;
	width: 100%;
	z-index: 1;
	transition: bottom 250ms, padding 250ms;
	-webkit-transition: bottom 250ms, padding 250ms;
	-moz-transition: bottom 250ms, padding 250ms;
	-ms-transition: bottom 250ms, padding 250ms;
	-o-transition: bottom 250ms, padding 250ms;
	/* transition-delay: 150ms; */
}

.node-rum.node-teaser header:after,
.node-vy-sida.node-teaser header:after,
.node-konferensrum.node-teaser header:after,
.node-page.node-teaser header:after {
	content: ' ';
	width: 24px;
	height: 15px;
	background: url(img/sprite.png) -144px -208px no-repeat;
	position: absolute;
	right: 14px;
	bottom: 19px;
	z-index: 1;
	opacity: 0;
	/* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	transition: opacity 250ms;
	-webkit-transition: opacity 250ms;
	-moz-transition: opacity 250ms;
	-o-transition: opacity 250ms;
	-ms-transition: opacity 250ms;
}

.svg .node-rum.node-teaser header:after,
.svg .node-vy-sida.node-teaser header:after,
.svg .node-konferensrum.node-teaser header:after,
.svg .node-page.node-teaser header:after {
	background-image: url(img/sprite.svg);
}

li:nth-child(2n+2) .node-rum.node-teaser header:after,
li:nth-child(2n+2) .node-vy-sida.node-teaser header:after,
li:nth-child(2n+2) .node-konferensrum.node-teaser header:after,
li:nth-child(2n+2) .node-page.node-teaser header:after {
	background-position: -144px -190px;
}


.node-rum.node-teaser a:hover header:after,
.node-vy-sida.node-teaser a:hover header:after,
.node-konferensrum.node-teaser a:hover header:after,
.node-page.node-teaser a:hover header:after {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.node-rum.node-teaser a:hover header,
.node-vy-sida.node-teaser a:hover header,
.node-konferensrum.node-teaser a:hover header,
.node-page.node-teaser a:hover header {
	padding-top: 25px;
	bottom: 0px;
	transition-delay: 0;
	-webkit-transition-delay: 0;
	-moz-transition-delay: 0;
	-ms-transition-delay: 0;
	-o-transition-delay: 0;
}

.node-rum.node-teaser,
.node-vy-sida.node-teaser,
.node-konferensrum.node-teaser,
.node-page.node-teaser,
.node-rum.node-teaser header,
.node-konferensrum.node-teaser header,
.node-page.node-teaser header {
	background-color: #515A31;
}

.node-vy-sida.node-teaser header,
.node-vy-sida.node-teaser,
.node-page.node-teaser header,
.node-page.node-teaser {
	background-color: #22231A;
}

.main-content-grid li:nth-child(2n+2) .node-rum.node-teaser,
.main-content-grid li:nth-child(2n+2) .node-konferensrum.node-teaser,
.main-content-grid li:nth-child(2n+2) .node-rum.node-teaser header,
.main-content-grid li:nth-child(2n+2) .node-konferensrum.node-teaser header {
	background-color: #fff;
	color: #515A31;
}

.node-rum.node-teaser .field-detaljer,
.node-konferensrum.node-teaser .field-detaljer {
	color: #aaa;
	font-size: .875em;
}

.node-vy-sida.node-teaser h2,
.node-page.node-teaser h2,
.node-rum.node-teaser header h2,
.node-konferensrum.node-teaser header h2 {
	font-weight: lighter;
	font-size: 0.9em;
	margin: 0;
}

.node-rum.node-teaser header p,
.node-konferensrum.node-teaser header p {
	display: none;
}

.node-page.view-mode-full,
.node-rum.view-mode-full,
.node-konferensrum.view-mode-full,
.node-erbjudande.view-mode-full,
.node-webform.view-mode-full,
.node-spr-ksida.view-mode-full {
	background: #22231A;
	color: #fff;
	overflow: hidden;
}

.node-page.view-mode-full .content,
.node-rum.view-mode-full .content,
.node-konferensrum.view-mode-full .content,
.node-erbjudande.view-mode-full .content,
.node-webform.view-mode-full .content,
.node-spr-ksida.view-mode-full .content {
	padding: 25px 35px;
}

.node-page.view-mode-full .content h1,
.node-page.view-mode-full .content h2,
.node-page.view-mode-full .content h3,
.node-page.view-mode-full .content p,
.node-rum.view-mode-full .content h1,
.node-rum.view-mode-full .content h2,
.node-rum.view-mode-full .content h3,
.node-rum.view-mode-full .content p,
.node-konferensrum.view-mode-full .content h1,
.node-konferensrum.view-mode-full .content h2,
.node-konferensrum.view-mode-full .content h3,
.node-konferensrum.view-mode-full .content p,
.node-erbjudande.view-mode-full .content h1,
.node-erbjudande.view-mode-full .content h2,
.node-erbjudande.view-mode-full .content h3,
.node-erbjudande.view-mode-full .content p,
.node-webform.view-mode-full .content h1,
.node-webform.view-mode-full .content h2,
.node-webform.view-mode-full .content h3,
.node-webform.view-mode-full .content p,
.node-spr-ksida.view-mode-full .content h1,
.node-spr-ksida.view-mode-full .content h2,
.node-spr-ksida.view-mode-full .content h3,
.node-spr-ksida.view-mode-full .content p {
	max-width: 800px;
}

.node-rum.view-mode-full.has-details .content .field-body,
.node-konferensrum.view-mode-full.has-details .content .field-body {
	float: left;
	width: 55%;
}

.field-details {
	float: right;
	width: 35%;
	margin: 1em 0;
	font-weight: lighter;
	text-transform: uppercase;
}

.field-details ul {
	margin: 0;
	padding: 0;
}

.field-details ul li {
	padding: 5px 0;
	list-style-type: none;
	list-style-image: none;
}

.field-details ul li:before {

}

.csscolumns .field-details {
	-moz-column-count: 2;
	-webkit-column-count: 2;
	-o-column-count: 2;
	-ms-column-count: 2;
	column-count: 2;
}

.node-vy-sida .page-title,
.node-vy-sida .node-body {
	margin-left: 30px;
	margin-right: 30px;
}

.node-vy-sida .field-vy {
	margin-top: 30px;
}

.other h2.field-label {
	display: inline-block;
	zoom: 1;
	*display: inline;
	background: rgb(143, 143, 143);
	color: #22231A;
	padding: 15px 40px;
	margin-bottom: 0;
	font-size: 1em;
}

.page-gallery {
	position: relative;
	overflow: hidden;
}

.flex-navigation {
	overflow: hidden;
}

.flex-navigation ul {
	padding: 0;
	margin: 1em 0;
}

.flex-navigation ul li {
	list-style-type: none;
	list-style-image: none;
	width: 25%;
	max-width: 140px;
}

.flex-navigation ul li img {
	margin: 10px;
	border: 2px solid transparent;
	transition: border-color .3s;
	-webkit-transition: border-color .3s;
	-moz-transition: border-color .3s;
	-o-transition: border-color .3s;
	-ms-transition: border-color .3s;
}

.aside {
	position: relative;
}

.room-slider {
	text-align: right;
	height: 0;
	padding-bottom: 50%;
	position: static;
}

.room-slider .slides {
	position: relative;
}

.flex-navigation ul li:hover img {
	border-color: #d5d5d5;
}

.flex-navigation ul li.flex-active img {
	border-color: #fff;
}

.flex-control-nav {
	background: #22231A;
	display: inline-block;
	zoom: 1;
	*display: inline;
	bottom: auto;
	bottom: 35px;
	height: 35px;
	z-index: 10;
	position: relative;
	width: auto;
}

.flex-control-nav li {
	margin-top: 15px;
	margin-bottom: 15px;
}

.flex-control-nav li:first-child {
	margin-left: 15px;
}

.flex-control-nav li:last-child {
	margin-right: 15px;
}

.flex-control-nav li a {
	background: #8F8F8F;
	box-shadow: 0 0 0 transparent;
}

.flex-control-nav li a.flex-active,
.flex-control-nav li a:hover {
	background: #fff;
}

.gallery-navigation {
	position: relative;
	z-index: 50;
	top: 100%;
	left: 0;
	width: 100%;
	background: rgb(209, 211, 212);
	height: 0;
	max-height: 0px;
	transition: max-height .3s;
}

.page-gallery-open .gallery-navigation {
	height: auto;
	max-height: 100px;
}

.toggle-gallery-navigation {
	position: absolute;
	top: -40px;
	height: 40px;
	background: rgb(209, 211, 212);
	color: #000;
	font-weight: lighter;
	text-transform: uppercase;
	display: inline-block;
	zoom: 1;
	*display: block;
	width: 150px;
	left: 50%;
	margin-left: -75px;
	text-align: center;
	padding: 10px 0;
}

.toggle-gallery-navigation:hover,
.toggle-gallery-navigation:focus {
	text-decoration: none;
	color: #000;
}

/**
 * Front page.
 */
#slideshow {
	position: relative;
}

#slideshow .flexslider {
	margin: 0;
}

#slideshow .puffar {
	position: absolute;
	right: 0;
	top: 55%;
	margin-top: -65px;
	background: rgba(41, 47, 51, .9);
	color: #fff;
	width: 60%;
	max-width: 520px;
	z-index: 10;
}

.no-rgba #slideshow .puffar {
	background: url(img/slidershow-opacity.png);
}

#slideshow .puffar h2 {
	font-size: 1.9428em;
	margin-top: 0;
	margin-bottom: .3em;
}

#slideshow .puffar p {
	font-weight: lighter;
	margin-bottom: 0;
}

#slideshow .puffar .flexslider {
	padding: 30px;
	margin: 0;
}

#slideshow .puffar .flex-direction-nav a:before {
	content: '';
	display: none;
}

#slideshow .puffar .flex-direction-nav .flex-prev,
#slideshow .puffar .flex-direction-nav .flex-next {
	top: 100%;
	background: rgba(41, 47, 51, .9);
	opacity: 1;
	margin-top: 5px;
	height: 60px;
	background-repeat: no-repeat;
	background-position: 0 0;
	text-indent: -9999px;
	text-align: left;
}

.no-svg #slideshow .puffar .flex-direction-nav .flex-prev,
.no-svg #slideshow .puffar .flex-direction-nav .flex-next {
	background-image: url(img/sprite.png);
}

.svg #slideshow .puffar .flex-direction-nav .flex-prev,
.svg #slideshow .puffar .flex-direction-nav .flex-next {
	background-image: url(img/sprite.svg);
}

#slideshow .puffar .flex-direction-nav .flex-prev {
	left: auto;
	right: 50px;
	background-position: 12px 4px;
}

#slideshow .puffar .flex-direction-nav .flex-next {
	right: 0;
	background-position: -23px 4px;
}

.offers .views-row {
	padding: 30px;
}

.offers .views-row .image {
	width: 27%;
	float: left;
}

.offers .views-row h2 {
	margin-top: 0;
	margin-bottom: .1em;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.9428em;
}

.offers .views-row .has-image h2,
.offers .views-row .has-image p {
	float: right;
	width: 70%;
}

.offers .views-row p {
	color: #fff;
}

.offers .views-row.zebra-stripe-2 h2,
.offers .views-row.zebra-stripe-2 p {
	color: #000;
}

.offers .views-row a:hover,
.offers .views-row a:focus {
	text-decoration: none;
}

/**
 * Footer.
 */


#footer {
	position: relative;
	z-index: 100;
	background: #fff;
	overflow: hidden;
	height: 50px;
	text-align: center;
	text-transform: uppercase;
}

#footer a {
	color: #000;
}

/**
 * Mobile navigation
 */
#mobile-nav { display: none; }


#map-wrapper {
	width: 100%;
}

#map-wrapper > div {
	width: 100%;
	height: 0;
	padding-bottom: 50%;
	position: relative;
}

#map-wrapper > div > div {
	position: absolute;
	width: 100%;
	height: 100%;
}

#map-wrapper img {
	width: auto;
	max-width: none;
}

#block-views-snabbl-nkar-block {
/* 	background: #e5e5e5; */
	padding-top: 0px;
}

#block-views-snabbl-nkar-block .main-content-grid .node {
	padding-bottom: 50%;
}

#block-views-snabbl-nkar-block .node-rum.node-teaser header,
#block-views-snabbl-nkar-block .node-vy-sida.node-teaser header,
#block-views-snabbl-nkar-block .node-konferensrum.node-teaser header,
#block-views-snabbl-nkar-block .node-page.node-teaser header {
	width: 50%;
	text-align: right;
	padding: 12px 0;
	top: 0;
	bottom: 0;
	left: 50%;
	background: url(img/diagonal.png) left bottom no-repeat;
	color: #000;
	opacity: .9;
	transition: opacity 250ms;
}

.svg #block-views-snabbl-nkar-block .node-rum.node-teaser header,
.svg #block-views-snabbl-nkar-block .node-vy-sida.node-teaser header,
.svg #block-views-snabbl-nkar-block .node-konferensrum.node-teaser header,
.svg #block-views-snabbl-nkar-block .node-page.node-teaser header {
	background-image: url(img/diagonal.svg);
}

#block-views-snabbl-nkar-block .node-rum.node-teaser header h2,
#block-views-snabbl-nkar-block .node-vy-sida.node-teaser header h2,
#block-views-snabbl-nkar-block .node-konferensrum.node-teaser header h2,
#block-views-snabbl-nkar-block .node-page.node-teaser header h2 {
	position: absolute;
	bottom: 10px;
	right: 14px;
}

#block-views-snabbl-nkar-block .node-rum.node-teaser a:hover header,
#block-views-snabbl-nkar-block .node-vy-sida.node-teaser a:hover header,
#block-views-snabbl-nkar-block .node-konferensrum.node-teaser a:hover header,
#block-views-snabbl-nkar-block .node-page.node-teaser a:hover header {
	opacity: 1;
}

#block-views-snabbl-nkar-block .node-rum.node-teaser a img,
#block-views-snabbl-nkar-block .node-vy-sida.node-teaser a img,
#block-views-snabbl-nkar-block .node-konferensrum.node-teaser a img,
#block-views-snabbl-nkar-block .node-page.node-teaser a img {
	opacity: 1;
	transition: none;
}

#block-views-snabbl-nkar-block .node-rum.node-teaser a:hover img,
#block-views-snabbl-nkar-block .node-vy-sida.node-teaser a:hover img,
#block-views-snabbl-nkar-block .node-konferensrum.node-teaser a:hover img,
#block-views-snabbl-nkar-block .node-page.node-teaser a:hover img {
	top: 0;
	opacity: 1;
}

#block-views-snabbl-nkar-block .node-rum.node-teaser a header:after,
#block-views-snabbl-nkar-block .node-vy-sida.node-teaser a header:after,
#block-views-snabbl-nkar-block .node-konferensrum.node-teaser a header:after,
#block-views-snabbl-nkar-block .node-page.node-teaser a header:after {
	display: none;
}

#user-login, #user-pass {
	padding: 2%;
}

/**
 * Media Queries.
 */
@media screen and (max-width: 1050px) {
	#slideshow .puffar {
		top: auto;
		bottom: 0;
		max-width: none;
		left: 0;
		right: 0;
		width: auto;
	}

	#slideshow .puffar .flex-direction-nav .flex-prev,
	#slideshow .puffar .flex-direction-nav .flex-next {
		top: 0;
		margin-top: -65px;
	}

	#slideshow .puffar h2, .offers .views-row h2 {
		font-size: 1.5em;
	}

	#language-switcher .form-item-select-list label {
		display: none;
	}

	#language-switcher .form-item-select-list {
		float: right;
		margin: 7px 7px 7px 0;
		display: block;
	}

	#language-switcher .form-select {
		display: block;
		max-width: 200px;
		margin: 0;
	}

	#language-switcher .item-list {
		display: none;
	}

	.main-content-grid li {
		width: 50%;
	}

	.node-rum.view-mode-full.has-details .content .field-body,
	.node-konferensrum.view-mode-full.has-details .content .field-body {
		width: 100%;
		float: none;
	}

	.field-details {
		width: 100%;
		float: none;
	}

	.csscolumns .field-details {
		column-count: 3;
		-moz-column-count: 3;
		-webkit-column-count: 3;
		-ms-column-count: 3;
		-o-column-count: 3;
	}
}

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

	body {
		background-color: #D1D3D4;
	}

	#page-wrapper {
		width: 1460px;
		margin: 0 auto;
		background: #22231A;
		overflow: hidden;
	}

	#main-wrapper {
		margin-left: 0;
		float: right;
		height: auto !important;
		margin-top: 50px;
		width: 1200px;
	}

	#main-wrapper .section {
		margin-top: 0;
	}

	#header {
		position: relative;
		float: left;
	}

	#header .navigation {
		margin-bottom: 2em;
	}

	#booking-form {
		overflow: hidden;
	}

	#booking-form,
	#social {
		position: static;
	}

	#footer {
		clear: both;
	}

	#main-wrapper {
		padding-top: 0;
	}

	#main-wrapper .section {
		max-width: 1200px;
		margin-top: 0px;
	}

	#page {
		position: relative;
	}

	.region-content-top {
		position: absolute;
		top: 0;
		right: 0;
	}
}

@media screen and (max-width: 768px) {
	#header {
		width: 25%;
	}

	#site-name {
		max-width: 80%;
	}

	#main-wrapper {
		margin-left: 25%;
	}

	.region-content-top {
		left: 25%;
	}

	#header .navigation ul li ul {
		width: 110%;
	}

	.csstransforms .sub-menu-open #main-wrapper {
		transform: translateX(33%);
		-moz-transform: translateX(33%);
	}

	.no-csstransforms .sub-menu-open #main-wrapper {
		left: 33%;
	}
	#booking-form .manage-booking {
		font-size: .9em;
	}
}

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

	body{
		font-size: 17px;
	}

	#header {
		width: 100%;
		overflow: hidden;
		top: 0;
		bottom: auto;
		z-index: 11;
	}

	#header .top {
		display: none;
	}

	h2 {
		font-size: 1.5em;
	}
	
	#booking-form h2 {
		font-size: 1.5em;
	}

	#slideshow .puffar .flexslider {
		padding: 6% 4% 8%;
		background: #fff;
		color: #22231A;
	}

	#slideshow .puffar .flexslider ul.slides {
		transform: none !important;
		-webkit-transform: none !important;
	}

	#slideshow .puffar .flexslider ul li:first-child {
		display: block !important;
	}

	#slideshow .puffar h2 {
		font-size: 1.5em;
		line-height: 1.2;
	}

	#main-wrapper {
		padding-top: 99px;
		height: auto !important;
	}

	.region-content-top {
		position: static;
		left: 0;
		width: 100%;
		text-align: center;
	}

	.node-erbjudande a {
		position: relative;
		display: block;
		overflow: hidden;
	}

	.offers .views-row .has-image h2,
	.offers .views-row .has-image p {
		float: none;
		width: 100%;
	}

	.node-erbjudande .body-content {
		position: absolute;
		width: 68%;
		right: 0;
		height: 100%;
	}

	.node-erbjudande .body-content:after {
		content: ' ';
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		height: 15px;
		background: url(img/fader-green.png) 0 0 repeat-x;
		z-index: 1;
	}

	.zebra-stripe-1 .node-erbjudande .body-content:after {
		background-image: url(img/fader-dark.png);
	}

	.zebra-stripe-2 .node-erbjudande .body-content:after {
		background-image: url(img/fader-white.png);
	}

	h1 {
		font-size: 1.3em;
	}

	.node-page.view-mode-full,
	.node-rum.view-mode-full,
	.node-konferensrum.view-mode-full,
	.node-erbjudande.view-mode-full,
	.node-webform.view-mode-full,
	.node-spr-ksida.view-mode-full {
		color: #22231A;
		background: #fff;
	}

	.node-page.view-mode-full .content,
	.node-rum.view-mode-full .content,
	.node-konferensrum.view-mode-full .content,
	.node-erbjudande.view-mode-full .content,
	.node-webform.view-mode-full .content,
	.node-spr-ksida.view-mode-full .content {
		padding: 15px 15px 15px 15px;

	}

	.node-rum.node-teaser a:hover header:after,
	.node-vy-sida.node-teaser a:hover header:after,
	.node-konferensrum.node-teaser a:hover header:after,
	.node-page.node-teaser a:hover header:after {
		display: none;
	}

	.node-rum.node-teaser header,
	.node-vy-sida.node-teaser header,
	.node-konferensrum.node-teaser header,
	.node-page.node-teaser header {
		bottom: -9px;
	}

	.node-rum.node-teaser a:hover header,
	.node-vy-sida.node-teaser a:hover header,
	.node-konferensrum.node-teaser a:hover header,
	.node-page.node-teaser a:hover header {
		bottom: -9px;
		padding-top: 0px;
	}

	.node-rum.node-teaser a:hover img,
	.node-vy-sida.node-teaser a:hover img,
	.node-konferensrum.node-teaser a:hover img,
	.node-page.node-teaser a:hover img {
		top: 0;
	}

	span.file span {
		background-image: url(img/pdf-icon-black.png);
	}

	.backgroundsize span.file span {
		background-image: url(img/pdf-icon-black@2x.png);
	}

	.file a {
		color: #22231A;
	}

	#language-switcher .form-select {
		display: inline;
		float: none;
	}

	#site-name {
		max-width: 155px;
		margin: 6px 15px;
		float: left;
	}

	#site-name a {
		padding-bottom: 26.600985%;
	}

	#page-wrapper {
		position: relative;
		background: none;
		width: 100%;
		overflow-x: hidden;
	}

	#mobile-nav {
		position: fixed;
		top: 0;
		bottom: 0;
		left: 100%;
		width: 60%;
		background: #515A31;
		display: block;
		font-size: .875em;
		overflow-y: scroll;
		-webkit-overflow-scrolling: touch;
	}

	#mobile-nav ul {
		padding: 0;
		margin: 0;
	}

	#mobile-nav ul li {
		list-style-type: none;
		list-style-image: none;
	}

	#mobile-nav ul li:first-child a {
		border-top-width: 0;
	}

	#mobile-nav ul li a {
		border-top-color: transparent;
	    color: #fff;
	    display: block;
	    padding: 8px 16px;
			text-transform: uppercase;
			font-family: 'Barlow Semi Condensed', 'Open Sans', sans-serif;
    }

    #mobile-nav ul li.expanded a {

    }

    #mobile-nav ul li ul {
	    padding-left: 13px;
    }

    #mobile-nav ul li ul li a {
	    border-width: 0;
    }

    #mobile-nav ul li a:hover,
    #mobile-nav ul li a:focus {
	    text-decoration: none;
	    color: #fff;
    }

    .no-csstransforms #mobile-nav,
    .no-csstransforms #header,
    .no-csstransforms #page-wrapper,
    .no-csstransforms #footer,
    .no-csstransforms .region-content-top {
	    transition-property: left;
	    transition-duration: 300ms;
	    transition-timing-function: 0.250, 0.250, 0.305, 0.955;
    }

    .csstransforms #mobile-nav,
    .csstransforms #header,
    .csstransforms #main-wrapper,
    .csstransforms #footer,
    .csstransforms .region-content-top {
	    transition-property: transform;
	    -webkit-transition-property: transform;
		-moz-transition-property: transform;
		-ms-transition-property: transform;
		-o-transition-property: transform;
	    transition-duration: 300ms;
	    -webkit-transition-duration: 300ms;
	    -moz-transition-duration: 300ms;
	    -ms-transition-duration: 300ms;
	    -o-transition-duration: 300ms;
	    transition-timing-function: 0.250, 0.250, 0.305, 0.955;
	    -webkit-transition-timing-function: 0.250, 0.250, 0.305, 0.955;
	    -moz-transition-timing-function: 0.250, 0.250, 0.305, 0.955;
		-ms-transition-timing-function: 0.250, 0.250, 0.305, 0.955;
		-o-transition-timing-function: 0.250, 0.250, 0.305, 0.955;
    }

    .csstransforms .nav-open #mobile-nav {
	    transition-duration: 180ms;
	    -webkit-transition-duration: 180ms;
	    -moz-transition-duration: 180ms;
	    -ms-transition-duration: 180ms;
	    -o-transition-duration: 180ms;
    }

	.no-csstransforms .nav-open #mobile-nav {
		left: 40%;
	}

	.no-csstransforms .nav-open #page-wrapper,
	.no-csstransforms .nav-open #header,
	.no-csstransforms .nav-open #footer,
	.no-csstransforms .nav-open .region-content-top {
		left: -60%;
	}

	.csstransforms .nav-open #mobile-nav {
		transform: translate3D(-100%, 0, 0);
		-webkit-transform: translate3D(-100%, 0, 0);
		-moz-transform: translate3D(-100%, 0, 0);
		-ms-transform: translate3D(-100%, 0, 0);
		-o-transform: translate3D(-100%, 0, 0);
	}

	.csstransforms .nav-open #main-wrapper,
	.csstransforms .nav-open #header,
	.csstransforms .nav-open #footer,
	.csstransforms .nav-open .region-content-top {
		transform: translateX(-60%);
		-webkit-transform: translateX(-60%);
		-moz-transform: translateX(-60%);
		-ms-transform: translateX(-60%);
		-o-transform: translateX(-60%);
	}

	#header .navigation {
		display: none;
		clear: both;
		display: none;
	}

	.region-header {
		clear: both;
	}

	#booking-form {
		position: relative;
		bottom: auto;
		padding-top: 3px;
		padding-bottom: 0;
		overflow: hidden;
	}

	#booking-form h2 {
		margin: .3em 0;
		position: relative;
	}

	#booking-form h2 a {
		width: 35px;
		height: 9px;
		position: absolute;
		right: 0;
		top: 62%;
		margin-top: -4.5px;
		display: block;
		background-repeat: no-repeat;
		background-position: 0 0;
	}

	.no-svg #booking-form h2 a {
		background-image: url(img/booking-toggle.png);
	}

	.svg #booking-form h2 a {
		background-image: url(img/booking-toggle.svg);
	}

	.booking-open #booking-form {
		overflow: hidden;
	}

	.booking-open #booking-form h2 a {
		background-position: 0 bottom;
	}

	#edit-nojs-form {
		display: block;
	}

	#booking-form .form-item-arrivedatepicker,
	#booking-form .form-item-departdatepicker {
		display: none;
	}

	#booking-form .content {
		display: none;
	}

	.booking-open #booking-form .content {
		display: block;
	}

	.svg #site-name a {
		background-image: url(img/landvetterairporthotel-logo-vertical.svg);
	}

	.no-svg #site-name a {
		background-image: url(img/landvetterairporthotel-logo-vertical.png);
	}

	#header .nav-toggle {
		width: 35px;
		height: 33px;
		display: block;
		position: relative;
		float: right;
		margin: 9px 9px;
	}

	#header .nav-toggle span {
		background-color: #515A31;
		height: 4px;
		margin-bottom: 4px;
		display: block;
		width: 100%;
	}

	#header .nav-toggle span:first-child {
		margin-top: 4px;
	}

	#social {
		display: none;
	}

	#main-wrapper {
		margin-left: 0;
	}

	.region-content-top {
		position: static;
	}

	.main-content-grid li {
		float: none;
		width: 100%;
	}

	.main-content-grid .node {
		padding-bottom: 0;
		height: auto;
		background-color: #515A31;
	}

	.node-rum.node-teaser a,
	.node-konferensrum.node-teaser a,
	.node-page.node-teaser a,
	.node-vy-sida.node-teaser a {
		position: relative;
	}

	.main-content-grid .node img {
		width: 30%;
		float: left;
		position: relative;
		margin: 2% 15px;
	}

	.node-rum.node-teaser header,
	.node-konferensrum.node-teaser header,
	.node-page.node-teaser header,
	.node-vy-sida.node-teaser header {
		width: calc(70% - 30px);
		float: right;
		position: relative;
		padding: 0;
		margin: 2% 0;
	}

	.node-vy-sida.node-teaser header,
	.node-page.node-teaser header {
		background: transparent;
	}

.node-vy-sida .page-title, .node-vy-sida .node-body {
		margin-left: 15px;
		margin-right: 15px;
}

.node-vy-sida .page-title{
	margin-top: 25px;
}

	#slideshow .puffar {
		position: relative;
		margin-top: 0;
	}

	.offers .views-row {
		padding: 15px;
	}

	.offers .views-row .image {
		position: relative;
		overflow: hidden;
	}

	.offers .views-row .image span {
		height: 0;
		padding-bottom: 100%;
		width: 100%;
		display: block;
	}

	.offers .views-row .image span img {
		position: absolute;
		height: 100%;
		width: 166%;
		max-width: 166%;
		margin-left: -33%;
		left: 0;
		top: 0;
	}

	.offers .views-row h2 {
		font-size: 1.2em;
		margin-bottom: 6px;
	}

	.offers .views-row p {
		margin: 0 0 .15em 0;
		line-height: 1.35;
	}

	.csscolumns .field-details {
		column-count: 2;
		-moz-column-count: 2;
		-webkit-column-count: 2;
	}

	#footer, .region-content-top {
		background: #22231A;
		color: #fff;
		height: auto;
		padding: 15px;
	}

	#footer a {
		color: #fff;
	}

	.flex-control-nav {
		background: #fff;
	}

	.flex-control-nav li a.flex-active,
	.flex-control-nav li a:hover {
		background: #22231A;
	}

	#block-views-snabbl-nkar-block .main-content-grid .node {
		padding-bottom: 0;
		border-bottom: 2px solid #515A31;
		background: #fff;
	}

	#block-views-snabbl-nkar-block .main-content-grid .node a {
		display: block;
	}

	#block-views-snabbl-nkar-block .main-content-grid .node header {
		position: absolute;
		left: 35%;
		width: 65%;
		margin: 0;
		opacity: 1;
	}

	#block-views-snabbl-nkar-block .node-rum.node-teaser header h2,
	#block-views-snabbl-nkar-block .node-vy-sida.node-teaser header h2,
	#block-views-snabbl-nkar-block .node-konferensrum.node-teaser header h2,
	#block-views-snabbl-nkar-block .node-page.node-teaser header h2 {
		right: auto;
		left: 10px;
	}

	.svg #block-views-snabbl-nkar-block .node-rum.node-teaser header,
	.svg #block-views-snabbl-nkar-block .node-vy-sida.node-teaser header,
	.svg #block-views-snabbl-nkar-block .node-konferensrum.node-teaser header,
	.svg #block-views-snabbl-nkar-block .node-page.node-teaser header {
		background-color: #fff;
		background-image: url(img/diagonal-invert-v2.svg);
		background-position: right top;
		background-repeat: no-repeat;
	}

	#booking-form .mobile .form-submit {
	    display: block;
    }

    #booking-form .desktop .form-submit {
	    display: none;
    }
}

@media screen and (min-width: 641px) and (min-height: 920px) {
	#booking-form {
		height: auto !important;
	}

	#booking-form h2 a {
		display: none;
	}
}






/* ==========================================================================
   Helper classes
   ========================================================================== */

.clear {
	clear: both;
}

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden,
.element-invisible {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   Theses examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}


.menu-item {
	margin: 1em 0;
	width: 100%;
	display: none;
}

.menu-item h3 {
	margin-bottom: 0.5em;
}

.menu-item p {
	margin-top: 0;
}

.btn-sorter {
	background: #22231A;
	border-color: #22231A;
	color: #fff;
	text-transform: uppercase;

}

.btn-sorter {
	background: #515A31;
	border-color: #515A31;
	color: #fff;
	text-transform: uppercase;
	margin-right: .5em;
	margin-bottom: .5em;

}

.btn-sorter:hover,
.btn-sorter.active  {
	background: rgb(244, 121, 32);
	border-color: rgb(244, 121, 32);
	color: #fff;
	}



.btn-book {
	background: #fff;
	border-color: #fff;
	color: #000;
	text-transform: uppercase;
	margin-right: .5em;
	margin-bottom: .5em;
	font-size: 18px;
    letter-spacing: 1px;
}

.btn-book:hover {
	background: #515A31;
	border-color: #515A31;
	color: #fff;
	}

@media screen and (max-width: 640px) {
	.btn-book {
	background: #22231A;
	border-color: #22231A;
	color: #fff;
}