@import url('/admin/contentbuilder/assets/default/content.css');       

@import url('https://fonts.googleapis.com/css?family=Raleway:400,600,700,800');
@import url('https://fonts.googleapis.com/css2?family=Merriweather:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,400;1,300&display=swap');
div#txtContent{background-color:#fff!important;
background:url(/IRMA/gfx/1071/bg_24.jpg)#fff!important;
margin-top:25px; margin-left:15px; }
div#txtContent .left-side {
    display: none;
}
.row-tool{left:-10px!important}
html { position: relative; min-height: 100%;}
* {
 margin: 0;
 padding: 0;
 }
body{background: #ffffff; 
color:#000;
 font-size:12pt;
margin:0;
margin-bottom:380px;
line-height:1.5;
font-family: 'Montserrat', sans-serif;
}
div#ExtraDiv1 {
    background: #000;
}
#header{ margin:0em auto;}
#header .row.clearfix {
    margin-left: 0px;
}

#contents{max-width:1400px; margin:0em auto;}
.row.clearfix {

    margin-left: 255px;
    display: flex;
}
h1,h2,h3,h4,h5,h6{font-family: 'Merriweather', serif;}
h1{color: #e7bd70;}
h2 {
    font-size: 2.5em;
    color: #8a8a8a;
}
h3 {
    font-size: 1.2em;
}
.display h1{letter-spacing: 5px;}
.display p {
    font-size: 1.5em;
    font-style: normal;
    color: #7f7f7f;
}
.display p {
    color: #000;
}
a {
    color: #e7bd70;
}
.column{text-align:center}
.column.third.adress {
    width: 30%;
    /* border: 1px solid; */
    webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
    margin: 1%;
    text-align: center;
    padding: 0px;
}
.column.third.adress img {
    width: 250px;
}
.column.third {
    width: 32%;
    margin-right: 1%;
    border-radius: 10px;
    box-shadow: rgb(0 0 0 / 20%) 0px 7px 14px 0px;
}
.column.fourth {
    webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
    margin: 0.8%;
    border-radius: 10px;
}
/* MODAL */
.modal-dialog {
top:20%}
.modal-header {
   background: #000;
    border-bottom: 0px;
text-align:center;
border-radius: 6px 6px 0px 0px;
}
.modal-footer {

    text-align: center;
}
.modal-body {
    text-align: center;
}
.modal-body p {
    color: #000;
    font-size: 12pt;
}
.btn {
    padding: 10px 30px;
    font-size: 1em;
    line-height: 1.2em;
}

.btn.btn-primary { color: #e7bd70; background-color: #000000;  border-width: 5px;  border-style: double; border-color: #e7bd70;}
.btn.btn-primary:hover { background-color: #000000;  color:#fff;  border-style: double; border-color: #e7bd70;}
.btn.btn-default {color: #ffffff; background-color: #000000;     border-width: 5px;  border-style: double; border-color: white;}
.btn.btn-default:hover {color: #ccc; background-color: #000; border-style: double; border-color: #ccc;}

h2.hyresgast:after{
  content: "";
  display: inline-block;
  margin-right: 10px; 
  height: 10px;
  width: 10px;
  background: linear-gradient(red, blue);
    content: url(/IRMA/bildarkiv/org/1127/nwco393464indu.png);
}




figure img {
    border-radius: 10px;

}
figure.hdr img {
	width: 100%;
	opacity: 1;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale(1);
	transform: scale(1);
}
figure.hdr:hover img {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}
figure.hdr figcaption {
    height: 85%;
}
/* DIVIDES BEER */
.divides {
    width: 100%;
    height: 50px;
    margin: 0px 0;
    text-align: center;
    position: relative;
    background-color: #fff;
}
#header figure.hdr img {
    border-radius: 0px;
}

.dividers {
    background-color: #fff;
    width: auto;
    display: inline-block;
    z-index: 3;
    padding: 0 10px 0 10px;
    color: white;
    position: relative;
    font-family: calibri;
    font-weight: lighter;
    margin: 0;
}
.divides:after {
    content: '';
    width: 100%;
    border-bottom: solid 1px #bfbfbf;
    position: absolute;
    left: 0;
    top: 50%;
    z-index: 1;
}
/* Vanstermeny */
.row.clearfix.left-side {
    display: flex;
    float: left;
    left: 0;
    width: 250px;
    margin-left: 5px;
}

.topnav a {
    color: #e7bd70;
    padding: 14px 13px;
    text-decoration: none;
    font-size: 11pt;
    display: block;
    border-bottom: 1px solid #4b6132;
    font-weight: normal;
    text-transform: uppercase;
    letter-spacing: 2px;
    text-align: left;
}

.mobile-container {
    margin: auto;
    background-color: #555;
    color: white;

    border-radius: 30px 0px;
}

.topnav {
    overflow: hidden;
    position: relative;
border-radius: 30px 0px;
    min-height: 500px;
    background: linear-gradient(90deg, #283715 0%, #536b38 100%);
}

.topnav #myLinks {
  display: block;
}



.topnav a.icon {
    background: #486725;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
}

.topnav a:hover {
  background-color: #486725;
  color: #ffffff;
}

.active {
     background-color: #486725;

}

/*------------------------------------*    Flaunt JS Navigation
\*------------------------------------*/
ul,
ol {
	list-style:none;
}
.wrapper {
display:none;
}
div#ExtraDiv1 {
    background: #000;
}
div#ExtraDiv1 > .wrapper {
    display: block;
    height: 54px;
}
.main {
	max-width:1000px;
text-align:center;
margin:0em auto;
}

.nav {
	position:relative;
	display:inline-block;
	font-size:15px;
font-family: 'Raleway', sans-serif;
font-weight:bold;

}
.nav-list {
    text-align: left;
    padding-left: 0px;
    margin-left: 0px;
   background: #000000;
}
.nav-item {
	float:left;
	*display:inline;
	zoom:1;
	position:relative;
}
.nav-item a {
    display: block;

    padding: 14px 25px 16px 31px;
    text-decoration: none;
    font-weight: normal;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 12pt;

}

li.nav-item.active a {
    color: #fff;
}
.nav-item > a:hover {
    background: #384d20;
}

.nav-item ul li a {
    color: #fff;
    font-weight: normal;
    padding: 8px 20px 8px 20px;
} 

.nav-item:hover .nav-submenu {
	display:block;
}
/* Navigation submenu */
.nav-submenu {
	display:none;
	position:absolute;
	left:0;
	width:220px;
background:#689735;
border-top:0px solid #666;


}
.nav-submenu li{width:100%; border-bottom:1px solid #fff;     padding: 5px 0px 5px 0px;}
.nav-submenu-item a {
	
	display:block;
	padding:15px;
}
.nav-submenu-item a:hover {
	
}
/* Mobile navigation */
.nav-mobile {
    display: none;
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
    background: url(/IRMA/gfx/1127/home2.png) no-repeat center center;
    background-size: 45px;
    height: 53px;
    width: 100%;
}
/* Mobile navigation, clickable area for revealing <ul> */
.nav-click {
	position:absolute;
	top:0;
	right:0;
	display:none;
	border-left:1px solid #fff;
	height:45px;
	width:50px;
	cursor:pointer;
}
.nav-click i {
	display:block;
	height:48px;
	width:48px;
	background:url(/commondata/images/drop.svg) no-repeat center center;
	background-size:20px;
}
.nav-click:hover {
	
}
.nav-rotate {
	-webkit-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	-o-transform:rotate(180deg);
	transform:rotate(180deg);
}

#footer {
    overflow: hidden;
    position: absolute;
    left: 0;
    bottom: 0;
    height: 280px;
    width: 100%;
    background: #000;
display:block;
}
#footer .row.clearfix {
    max-width: 1400px;
    margin: auto;
    color: #beb6b6;
}
#footer a {
    color: #e7bd70;
}

#footer .column.third {
    width: 32%;
    margin-right: 1%;
    border-radius: 10px;
    box-shadow: none;
}
#footer h3 {
    color: #e7bd70;
}
@media only screen and (min-width: 120px) and (max-width: 1600px), @media only screen and (min-device-width : 120px) and (max-device-width : 1600x) {
figure.hdr{max-height:600px;}
}
@media only screen and (min-width: 120px) and (max-width: 1400px), @media only screen and (min-device-width : 120px) and (max-device-width : 1400x) {
figure.hdr{max-height:500px;}
#header figcaption img {max-width: 290px!important;}
}
@media only screen and (min-width: 120px) and (max-width: 1200px), @media only screen and (min-device-width : 120px) and (max-device-width : 1200x) {
figcaption img {
    max-width: 280px!important;
}
figure.hdr figcaption {
    height: 92%!important;
}

}


@media only screen and (min-width: 120px) and (max-width: 1024px), @media only screen and (min-device-width : 120px) and (max-device-width : 1024x) {
#header figcaption img {
    max-width: 250px!important;
}
.column > img, .column > figure, .column > .embed-responsive {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}
.column {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

.column.third.adress img {
    max-width: 200px;
}
}

@media only screen and (min-width: 120px) and (max-width: 768px), @media only screen and (min-device-width : 120px) and (max-device-width : 768px) {

body{margin-bottom:380px;}
#header figcaption img {
    max-width: 200px!important;
}
.row.clearfix {width:100%;}
.display h1 {
    font-weight: 800;
    font-size: 1.5em;
    line-height: 1.4;
    text-transform: uppercase;
    letter-spacing: normal;
}
h2 {
    font-size: 1em;
    color: #8a8a8a;
}
.div4 h3{padding-top:20px;}
.wrapper {
    padding: 0px;
    background: #000000;
}
li.nav-item.active a {
    color: #fff;
    border-bottom: 0px solid #27bec5;
}
.main{margin-top:0px;}
.nav {
	position:relative;
	display:inline-block;
	font-size:15px;
	font-family: 'Raleway', sans-serif;
font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;

font-style: italic;

margin-left:0px;
}
	.nav-mobile {
		display:block;
	}
	.nav {
		width:100%;
		padding:50px 0 0;
	}
	.nav-list {
		display:none;
	}
.nav-item {
    width: 100%;
    float: none;
    border-top: 1px solid #4a4a4a;
}
	.nav-item > a {
		padding:15px;
color:#fff;
text-align: center;
	}
	.nav-click {
		display:block;
	}
	.nav-mobile-open {
		border-radius:5px 5px 0 0;
		-webkit-border-radius:5px 5px 0 0;
		-moz-border-radius:5px 5px 0 0;
	}
	.nav-item:hover .nav-submenu {
		display:none;
	}
	.nav-submenu {
		position:static;
		width:100%;
                margin-left:0px;
               padding-left:0px;
         }
ul li li.nav-item {
    background: #bfd7a4;
}

#contents{ display: inline-block;}

.topnav {
min-height:auto; border-radius:0}
.row.clearfix {
    margin-left: 0;
    display: block;
    float: left;
    /* margin-top: 10px; */
}
.row.clearfix.left-side {
    display: block;
    float: left;
    left: 0;
    width: 100%;
    margin-left: 0px;
}

.topnav #myLinks {
  display: none;
}
div#ExtraDiv1 {
    background: #000;
    z-index: 6;
    position: relative;
}
.column.fourth {
    width: 47%;
}
.left-side .column.full {
    padding-right: 0px;
    margin-bottom: 10px;
}
}
@media only screen and (min-width: 120px) and (max-width: 568px), @media only screen and (min-device-width : 120px) and (max-device-width :568px) {
body {
    margin-bottom: 700px;
}
#header figcaption img {
    max-width: 114px!important;
}
.column.third.adress {
    width: 98%;
    /* border: 1px solid; */
    webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
    margin: 1%;
    text-align: center;
    padding: 0px;
}

.column.third{width:95%!important;}
.column.fourth {
    width: 92%!important;
}
#footer {
    height: 680px;
}
}
@media only screen and (min-width: 120px) and (max-width: 568px), @media only screen and (min-device-width : 120px) and (max-device-width :568px) {
figure.hdr figcaption {
    height: 100%!important;
}

}
/* HTTP_USER_AGENT = Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; +claudebot@anthropic.com)
   Is_Mobile = False */
/* hemsideid = 1127
   hid = 1127 */
/* hemsidesidid = 23506
   hsid = 23506
   sessiohnhsid = 23506 */
/* referer =  */