* { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
a {outline:0;}
a img {border:none; outline:0;}
p {margin-top:0; padding-top:0; margin-bottom:15px;}
p:last-child {margin-bottom: 0; padding-bottom: 0;}
html, body {height: 100%; margin:0; padding:0; -webkit-text-size-adjust:100%; text-rendering: optimizeLegibility; font-smoothing: antialiased; -webkit-font-smoothing: antialiased; }
/*************** body ***************/
body {
  background-repeat:no-repeat;
  background-color:#e3e3e3;
  -webkit-background-size:cover;
  -moz-background-size:cover;
  -ms-background-size:cover;
  -o-background-size:cover;
  background-size:cover;
  background-attachment:fixed;
  font-family: 'Asap', 'Helvetica', 'Arial', serif;
  font-size: 14px;
  color: #E3e3e3;
  font-weight: normal;
  font-style: normal;
  line-height:18px;
}

p, a, button {font-family: 'Asap', 'Helvetica', 'Arial', serif !important;}

body .box-ingress {
  color: black;
}

/* Opera Fix */
body:before {
  content:"";
  height:100%;
  float:left;
  width:0;
  margin-top:-32767px;
}

/*************** a, img, h, etc ***************/
a {color:#43aae0; text-decoration:none; }
a:hover {color:#5ec3f2; }
img {border: 0; }
span.bold { font-weight: 400; }
span.italic { font-style:italic; }
input[type=button] {font-family: 'Asap', 'Helvetica', 'Arial', serif !importaint;}

/* h1, h2, h3, h4 */
h1,h2,h3,h4 { font-family: 'Asap', 'Helvetica', 'Arial', serif/*'Source Serif Pro', 'Times', 'Times New Roman', serif*/; margin:6px 0; padding:0; color:#43aae0; text-transform: none; font-weight:400; }
h1 { font-size: 38px; line-height:48px; }
h2 { font-size: 32px; line-height:42px; }
h3 { font-size: 28px; line-height:36px; }
h4 { font-size: 22px; line-height:30px; }

blockquote { font-size:22px; line-height:30px; margin:30px 50px 30px 50px; color:#85919f; font-style:italic; }

/*************** wrapper ***************/
#wrap { width: 100%; margin:0 auto; min-height: 100%; min-width:990px; }

/*************** header ***************/
#header { text-align:center; float: left; width: 100%; position:relative; z-index:400; margin:30px 0; }
.top-details { float:right; }
#logo { position:relative; float:left; margin-bottom:20px; -webkit-filter: drop-shadow(0px 0px 15px rgba(0,0,0,1));}
#logo a { float:left; padding:0px; }
.lang { position:absolute; top:-15px; right:139px; }
.lang-btn { color:#fff; font-size:10px; text-transform: uppercase; line-height:10px; font-weight:400; }
.lang-btn:hover, .lang-btn:hover span { text-decoration: underline; color:#fff; }
.lang-btn img, .lang-btn span { float:left; }
.lang-btn img { float:left; margin-right:5px; }
.lang-btn span { float:left; margin-top:1px; }
.lang-flag img { margin-top:3px; }
#h-blogg {
position: absolute;
    right: 0;
    top: -13px;
    width: 118px;
    height: 80px;
    background: rgb(74, 183, 227);
    font-size: 24px;
    font-weight: bold;
    letter-spacing: 0.5px;
    padding-top: 5px;
    color: #fff;
    text-shadow: 0px 0px 5px rgba(66, 66, 66, 0.3);
    box-shadow: 1px 1px 5px rgba(66, 66, 66, 0.3);
}
#bloggers { line-height: 32px; }
#h-blogg:hover { background: #63c9f2; transition-duration: 0.8s;}
#h-blogg a { color: #fff; }
#h-blogg a:hover { color: #FFF; }
#h-blogg span { font-size: 14px; font-weight: 400 !important;}
#h-contact { float:right; padding-top: 20px;}
#h-contact.temp { float:right; padding-top:35px; padding-right:139px;}
.left-contact, .right-contact { font-weight:400; text-transform: uppercase; font-size:14px; float:left; padding:6px 14px; color:#FFF; font-family: 'Asap', 'Helvetica', 'Arial', serif/*'Source Serif Pro', 'Times', 'Times New Roman', serif*/; background-color: #4AB7E3; box-shadow: 1px 1px 5px rgba(66, 66, 66, 0.3); text-shadow: 0px 0px 5px rgba(66, 66, 66, 0.3);}
.left-contact img, .right-contact img {
    margin-top: 2px;
    float: left;
    display: inline-block;
    margin-right: 5px;
    vertical-align: middle;
}
.left-contact span, .right-contact span { float:left;  }
.left-contact:hover, .right-contact:hover { color:#fff; background: #63c9f2; transition-duration: 0.8s;}
.left-contact {/*
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;*/
  border-right:1px solid #2b92d3;
}
.right-contact {
/*
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;*/
  border-left:1px solid #71cce9;
}

/*************** slideshow ***************/
.slideshow { float:left; width:100%; margin-bottom:30px; position:relative; }
.slidewrap { z-index:1; position:relative; float:left; }
.nivo-html-caption.active { display:block; }
.nivo-controlNav { position:absolute; top: 0; left: 20px; z-index: 1000; }
.nivo-control { font-size:0; margin:0 3px; padding:7px; background:#fff; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; opacity:1; }
.nivo-control.active { opacity:0.6; }
.nivo-caption {text-shadow: 0px 0px 5px black;}
.slider-wrapper { float:left; }
#slidebar {z-index: 9999; position: absolute; bottom:40px; right:40px; height:20px; }
#slidebar ul { list-style: none; margin: 0; padding: 0; }
#slidebar ul li { float: left; list-style: none; margin: 0 3px 0 0; padding: 0; cursor: pointer; }
#slidebar ul li.active { opacity: 0.5; }

/*************** main ***************/
#main { width:100%; margin:0 auto; clear:both; overflow: auto; }

/*************** content ***************/
#content { position: relative; float: left; width: 100%; padding: 0; }
.section { width:100%; min-width:990px; float:left; clear:both; padding:0; margin:0; position:relative; }
.section.main { padding:0; position:relative; float:left; }
.section.main.innerslide { margin-bottom:30px; }
.section.ix-block { margin-bottom:30px; }
.section.ix-socials { margin-bottom:30px; }

.btn-bestill { margin-top: 6px; margin-bottom: 15px; float:left; width:130px; height:250px; background:url(https://rondane.no/layout/btn-bestill-bg.png) no-repeat center; opacity:1;
    font-size: 28px;
    color: #424242;
border-radius: 8px;
    font-weight: bold;
    /*padding-top: 141px;*/
    padding-top: 130px;
}
.btn-bestill:hover { opacity:1; color: #4AB7E3;}
.btn-bestill:hover > #img-seng {opacity: 1;}
.btn-bestill span { display: block; margin-top: 13px; font-size: 15px; }

.section.inner {  }
.page-left, .page-right { float:left; }
.page-left { width:730px; margin-right:25px; }
.page-right { width:235px; }
.pageheading { width:100%; float:left; margin-bottom:20px; }
.pageblock h1, .pageblock h2, .pageblock h3, .pageblock h4, .pageblock h5,
.pageheading h1, .pageheading h2, .pageheading h3, .pageheading h4, .pageheading h5
 { color:#333; }
.pageblock { float:left; background:#e3e3e3; color:#333; padding:24px; width:100%; min-width:0; margin-bottom:30px; -webkit-box-shadow:0px 0px 8px rgba(0,0,0,0.2); -moz-box-shadow:0px 0px 8px rgba(0,0,0,0.2); box-shadow:0px 0px 8px rgba(0,0,0,0.2); }
.pageblock img { max-width:100%; height:auto; }
.pageblock.sidelist { padding:0; }
.pageblock.pageblock-image { margin-bottom:0; height:250px; position:relative; -webkit-background-size:cover; -moz-background-size:cover; -ms-background-size:cover; -o-background-size:cover; background-size:cover; background-position:center; }
.pageblock.pageblock-image h1 { margin:0; }

.iframeBlock {
/*
width:100% !important; height:90vh; background-color: rgba(0,0,0,1); overflow:hidden; margin-top:-30px;

width:100% !important; min-height:90vh; background-color: rgba(0,0,0,1); overflow:hidden; margin-top:-90px; padding-bottom: 25px;


*/
}


.sidelist ul { padding:0; margin:0; list-style-type:none; }
.sidelist ul li { float:left; width:100%; }
.sidelist ul li a { font-weight:400; border-bottom:1px solid #; border-top:1px solid #454545; float:left; width:100%; padding:8px 12px; background:red; color:#fff; font-family:'Asap', 'Helvetica', 'Arial', serif/*'Source Serif Pro', 'Times', 'Times New Roman', serif*/;
  background: #171717;
  background: -moz-linear-gradient(top, #171717 0%, #171717 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#171717), color-stop(100%,#171717));
  background: -webkit-linear-gradient(top, #171717 0%,#171717 100%);
  background: -o-linear-gradient(top, #171717 0%,#171717 100%);
  background: -ms-linear-gradient(top, #171717 0%,#171717 100%);
  background: linear-gradient(to bottom, #171717 0%,#171717 100%);
}
.sidelist ul li:last-child a { border-bottom:none; }
.sidelist ul li a:hover {
  background: #2a2a2a;
  background: -moz-linear-gradient(top, #2a2a2a 0%, #404040 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2a2a2a), color-stop(100%,#404040));
  background: -webkit-linear-gradient(top, #2a2a2a 0%,#404040 100%);
  background: -o-linear-gradient(top, #2a2a2a 0%,#404040 100%);
  background: -ms-linear-gradient(top, #2a2a2a 0%,#404040 100%);
  background: linear-gradient(to bottom, #2a2a2a 0%,#404040 100%);
}
.sidelist ul li a.currentpage { background: #222; }

.hr { height:1px; width:100%; margin-bottom:30px; background:#767676; float:left; }

.ix-left,.ix-right { width:50%; float:left; }
.ix-left .box-cent { width:90%; margin:0 0 0 auto; }
.ix-right .box-cent { width:90%; margin:0 auto 0 30px; }
.ix-left { font-size:22px; line-height:36px; }
.ix-left h2 { text-align: center; margin:0; padding:0 0 10px 0; margin:0 0 10px 0; position:relative; background:url(https://rondane.no/layout/line-grey.jpg) no-repeat center bottom; }
.ix-right {  }
.box-image { width:100%; margin:0 auto; }
.box-image img {max-width:100%; max-height:100%; width:100%; height:auto; }

.slogan { padding:0; float:left; width:100%; }
.slogan h1 { font-weight:400; color:#fff; background:url(https://rondane.no/layout/bg-slogan.png) no-repeat center center; }
.slogan h1 span { color:#fff; padding:0 10px; }

.arrow-white { cursor:pointer; height:28px; background:url(https://rondane.no/layout/arrow-slogan.png) no-repeat bottom center; float:left; width:100%; padding-top:10px; }

.innercontent { float:left; }
.innercontent img { max-width:100%; height:auto; }
.innercontent.left { width:72%; margin-right:2%; }
.innercontent.right { width:26%; }
.innercontent.half { width:49%; margin-right:2%; }
.innercontent.half.clean { margin-right:0; }
.innercontent.full { width:100%; }

.sideblock.list { margin-bottom:15px; }
.sideblock.list ul { margin:0; padding:0; list-style-type:none; overflow:hidden; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;  }
.sideblock.list ul li {  }
.sideblock.list ul a { font-size:14px; font-weight:400; text-decoration:none; background:#43aae0; color:#fff; display:block; padding:8px 15px; margin-bottom:8px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; }
.sideblock.list ul a.currentpage { background: #dadada; color:#111; pointer-events: none; cursor: default; }
.sideblock.list ul a:hover { background:#5ec3f2; }
.sideblock.list ul ul { margin:0; padding:0; list-style-type:none; overflow:hidden; background: ; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; }
.sideblock.list ul ul li {  }
.sideblock.list ul ul a { border-bottom: 0; border-top: 0; background:none; text-decoration:none; font-size:15px; color:#fff; display:block; padding:8px 15px 8px 20px; }

/*************** box ***************/
.box-block { float:left; width:100%; }
.box-item { float:left; width:315px; height:183px; overflow:hidden; position:relative; margin-right:22px; margin-bottom:22px }
.box-item2 { float:left; width:484px; height:323px; overflow:hidden; position:relative; margin-right:22px; margin-bottom:22px }
.box-item2 .box-image {
    background-size: cover;
    height: 100%;
    background-position: center center;
}
.box-item2 .box-title {
  bottom: 0px;
  font-weight:bold;
  pointer-events: none;
  background: linear-gradient(rgba(0,0,0,0.0) 0%, rgba(0,0,0,0.3) 20%, rgba(0,0,0,0.6) 60%, 
rgba(0,0,0,0.8) 100%); 
  bottom: 0px; 
  left: 0px; 
  padding: 20px 20px 20px 20px; 
  position: absolute;
  width: 100%; 
}
.box-item2 .box-title span { font-weight: normal; }
.box-item2:hover .box-shadow {
    background-size: 100% 100%;
}

.box-image { position:relative; width:100%; top:0; left:0; z-index:10; }
.box-image img { transform:scale(1); width:100%; min-height:100%; }
.box-item:hover .box-image img { transform:scale(1.1); }
/*.box-shadow { top:0; left:0; position:absolute; background:url(https://rondane.no/layout/bg-shadow.png) repeat-x bottom; width:100%; height:100%; z-index:20; }*/
.box-pris { float:left; width:100%; font-family: 'Asap', 'Helvetica', 'Arial', serif; font-size:16px; line-height: 18px; }
.box-title { position: absolute; bottom:10px; left:18px; z-index:30; color:#fff; font-weight:400; font-family: 'Asap', 'Helvetica', 'Arial', serif/*'Source Serif Pro', 'Times', 'Times New Roman', serif*/; font-size:24px; line-height:30px; text-shadow: 1px 1px 10px black; background: linear-gradient(rgba(0,0,0,0.0) 0%, rgba(0,0,0,0.3) 40%, rgba(0,0,0,0.5) 90%, rgba(0,0,0,0.6) 100%); bottom: 0px; left: 0px; padding: 20px 20px 20px 20px; position: absolute;
width: 100%; }
.box-image img, .prod-img img {
  -webkit-transition:transform 0.2s ease-out;
  -moz-transition:transform 0.2s ease-out;
  -ms-transition:transform 0.2s ease-out;
  -o-transition:transform 0.2s ease-out;
  transition:transform 0.2s ease-out;
}
.box-ingress { padding:20px; width:990px; background:#f2f2f2; margin-bottom:30px; float:left; }
.box-ingress h1 { font-size: 30px; line-height:42px; font-weight: 400; color:#171717; }
.box-ingresscent { margin:0 auto; width:100%; }

.socials { float:left; background:#fff; }
.socials.left { width:366px; margin-right:22px; height:302px; }
.socials.mid { width:400px; margin-right:22px; height:302px; }
.socials.right { width:180px; height:302px; }
.socials iframe { margin:0 !important; padding:0 !important; }

/*************** gallery ***************/
.gallery-wrap {
  float: left;
  width: 100%;
  padding: 20px 0 0 0;
}
.gal-item {
  float: left;
  width: 118px;
  margin: 0 9px 18px 9px;
}
.gal-title {
  float: left;
  width: 100%;
  margin-top: 6px; text-align: center;
}
.gal-img {
  width: 118px;
  height: 90px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  opacity:0.9;
}
.gal-img:hover {
  opacity:1;
}
.gal-img img {
  width: 118px;
  height: 90px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

/*************** rooms ***************/
.prod-block { width:100%; float:left; margin-bottom:15px; }
.prod-item { width:49%; margin-right:2%; height:240px; float:left; position:relative; overflow:hidden; background-color:#222; margin-bottom:15px; -webkit-background-size:cover; -moz-background-size:cover; -ms-background-size:cover; -o-background-size:cover; background-size:cover; }
.prod-item:hover .prod-img img { transform:scale(1.1); }
.prod-img { position:absolute; width:100%; height:100%; }
.prod-img img { max-width:100%; min-width:100%; height:auto; transform:scale(1); }
.prod-title { position:absolute; bottom: 20px; left:20px; color:#fff; font-weight:400; font-family: 'Asap', 'Helvetica', 'Arial', serif/*'Source Serif Pro', 'Times', 'Times New Roman', serif*/; font-size:24px; line-height:30px; z-index:30; text-shadow: 1px 1px 10px black; background: linear-gradient(rgba(18,18,18,0.0) 0%, rgba(18,18,18,0.3) 40%, rgba(18,18,18,0.7) 70%, rgba(18,18,18,1) 100%);bottom: 0px; left: 0px; padding: 20px 20px 20px 20px; position: absolute;
width: 100%;
} 

.block-left, .block-right, .block-full { float:left; }
.block-left { width:63%; margin-right:2%; }
.block-right { width:35%; color:#fff; padding-left:10px; border-left:1px solid #333; font-size:14px; line-height: 24px; }
.block-full { width:100%; }

.block-right ul { padding:0; margin:0 0 0 20px; }
.block-right ul li {  }

.prod-itemlist { width:100%; height:220px; float:left; position:relative; overflow:hidden; background-color:#222; margin-bottom:15px; -webkit-background-size:cover; -moz-background-size:cover; -ms-background-size:cover; -o-background-size:cover; background-size:cover; }
.prod-itemlist:hover .prod-img img { transform:scale(1.1); }
.prod-name { float:left; width:100%; font-family: 'Asap', 'Helvetica', 'Arial', serif/*'Source Serif Pro', 'Times', 'Times New Roman', serif*/; font-size:20px; line-height: 24px; }
.prod-name h1 { color:#fff; }
.prod-pris { float:left; width:100%; font-family: 'Asap', 'Helvetica', 'Arial', serif; font-size:16px; line-height: 18px; color:#fff; }

/*************** index ***************/
.ix-wrap { width:100%; z-index:100; }
.ix-text { z-index:10; position:absolute; top:0; right:0; text-align: center; width:435px; height:310px; /* background:url(https://rondane.no/layout/bg-slide.png) */ background:url(https://rondane.no/uploads/images/vektorer/bg-slide2.png) left top no-repeat; }
.ix-textwrap { padding:20px; position:absolute; width:300px; height:100%; top:0; right:0; }
.ix-text h3 { color:#fff; font-size:20px; text-align: left; margin: 0 0 10px 0; line-height:24px; }
.ix-text label { font-size:15px; color:#fff; float:left; line-height:15px; margin-bottom:4px; }
.ix-text select { font-family:'Asap', 'Helvetica', 'Arial', serif; padding:6px; float:left; border:0; width:100%; height:33px; }
.ix-text select, .ix-text input[type='text'] { font-size:14px; color:#222; float:left; padding:6px; margin-bottom:12px; }
.ix-text input.submit { color:#fff; padding:15px 0; font-size:14px; float:left; width:100%; background:#84ca0b; -webkit-box-shadow:0px 0px 8px rgba(0,0,0,0.2); -moz-box-shadow:0px 0px 8px rgba(0,0,0,0.2); box-shadow:0px 0px 8px rgba(0,0,0,0.2); -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; }
.ix-text input.submit:hover { -webkit-box-shadow:0px 0px 4px rgba(0,0,0,0.2); -moz-box-shadow:0px 0px 4px rgba(0,0,0,0.2); box-shadow:0px 0px 4px rgba(0,0,0,0.2); }

.ix-slogan { width:70%; margin:0 auto; }
.ix-links { width:100%; }
.ix-slogan h1 { color:#fff; text-shadow: 1px 1px 5px #000000; font-size:46px; line-height:54px; }
.ix-arrow { position:absolute; bottom:15px; z-index:10; width:100%; text-align: center; }
.ix-button { color:#fff; font-weight:400; padding:21px 30px 19px 30px; line-height:20px; font-size:20px; display:inline-block;
  -webkit-border-radius:30px;
  -moz-border-radius:30px;
  border-radius:30px;
  -webkit-box-shadow:0px 0px 10px rgba(0,0,0,0.5);
  -moz-box-shadow:0px 0px 10px rgba(0,0,0,0.5);
  box-shadow:0px 0px 10px rgba(0,0,0,0.5);
  background:#43aae0;
}
.ix-button:hover { color:#fff; text-decoration:none; background:#5ec3f2; }

/*************** slides ***************/
.s-item { width:100%; background:#43aae0; position:relative; float:left; }
.s-item.image { background:#fff; }
.s-item.centered { text-align: center; }
.s-item.right { text-align: right; }

.s-wrap { height:624px; width:100%; }
.s-image { position:absolute; top:0; max-width:1440px; min-width:990px; overflow:hidden; }
.s-overlay { width:100%; height:100%; position:absolute; top:0; left:0; }
.s-overlay.white { background:rgba(0,0,0,0.3); }
.s-overlay.black { background:rgba(255,255,255,0.3); }

.s-text { color:#fff; width:620px; }
.s-text.black { color:#333; }
.s-text .s-title {  }
.s-text .s-title h3 { font-size:34px; color:#333; line-height:42px; }
.s-text.black .s-title h3 { color:#333; }
.s-content { font-size:22px;line-height:30px; }

.s-item.centered .s-text { display:inline-block; text-align: center; width:750px; }
.s-item.right .s-text { float:right; text-align: right; }


/*************** footer ***************/
#footerwrapper {
  float:left;
  width:100%;
  min-width:990px;
}
#footer {
  float: left;
  width: 100%;
  font-size: 14px;
  line-height: 30px;
  padding:50px 0;
  background: #4cb9e4;background: -moz-linear-gradient(top, #4cb9e4 0%, #3aa3dc 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4cb9e4), color-stop(100%,#3aa3dc));background: -webkit-linear-gradient(top, #4cb9e4 0%,#3aa3dc 100%);background: -o-linear-gradient(top, #4cb9e4 0%,#3aa3dc 100%);background: -ms-linear-gradient(top, #4cb9e4 0%,#3aa3dc 100%);background: linear-gradient(to bottom, #4cb9e4 0%,#3aa3dc 100%);
}
#footer a { text-decoration: none; }

.footer-logo { float:left; clear:both; width:100%; margin-bottom:15px; }
.footer-logo img { width:210px; height:auto; }
.footer-logo.last { float:left; width:210px; }
.footer-sec { float:left; width:100%; margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #2da1da; }
.footer-sec.last { margin-bottom:0; padding-bottom:0; border:none; }
.footer-text { color:#fff; font-size:14px; line-height:24px; float:left; }
.footer-text.list-two { margin-right:15px; width:230px; }
.footer-text.list-five { margin-right:20px; width:182px; }
.footer-text h4 { color:#fff; font-size:22px; line-height:30px; margin:0 0 5px 0; }
.footer-text a { color:#fff; }
.footer-list ul { margin:0; padding:0; list-style-type: none; }
.footer-list ul li:before { content: "» "; }
.footer-list ul li a { color:#fff; }
.footer-list ul li a:hover { text-decoration: underline; }
.foot-partner { float:left; margin-right:10px; }
.foot-partner.hc { margin-right:10px; margin-top:20px; }
.foot-partner.dnt { margin-top:0; }
.foot-partner.dk { margin-right:0px; margin-top:0; }
.foot-partner.dnt img { width:80px; height:auto; }
/*.footer-text.list-longer { width:218px; }
.footer-text.list-shorter { width:170px; }
*/
#footerbottom {
  float: left;
  width: 100%;
  background-color:#212121;
  color:#8a8a8a;
  font-size:12px;
  line-height:12px;
  padding:15px 0;
}
#footerbottom a { color:#888; border-bottom:1px solid #333; }
#footerbottom a:hover { color:#fff; }
#foot-copyright {
  float: left;
}
#foot-credit {
  float: right;
}
.footer-partners.clean {
    float: left;
    width: 490px;
}

/*************** form ***************/
.contact h3 { font-size:20px; line-height: 24px; margin-bottom:10px; }
.contact form { width:100%; display:inline-block; }
textarea, input[type="text"] {
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
  outline:none;
  width: 100%;
  margin-bottom:10px;
  padding:10px;
  resize:none;
  float:left;
  font-size: 14px;
  font-family:'Asap', 'Helvetica', 'Arial', serif;
  color: #333;
  border:0;
  border:1px solid #ccc;
  background:#fff;
  -webkit-appearance: none;
  behavior: url(https://rondane.no/js/PIE.php); -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  box-shadow: inset 1px 1px 3px 0px rgba(0,0,0,0.2);
}
.contact label { float:left; width:100%; }
.submit { background:#43aae0; -webkit-appearance: none; outline:none; float: left; border: 0; margin: 0; cursor: pointer; font-weight: 400; padding: 12px 15px; line-height:16px; font-family:'Asap', 'Helvetica', 'Arial', serif; font-size: 16px; color: #fff; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; }
.submit:hover { border:0; text-decoration: none; background:#5ec3f2;  }
.contact input.error, .contact textarea.error { border:1px solid #ffa0a0; background: #ffdbdb; }
.contact input::-webkit-input-placeholder, .contact textarea::-webkit-input-placeholder { color:#aaa; }
.contact input::-moz-placeholder, .contact textarea::-moz-placeholder { color:#aaa; }
.contact input:-moz-placeholder, .contact textarea:-moz-placeholder { color:#aaa; }
.contact input:-ms-input-placeholder, .contact textarea:-ms-input-placeholder { color:#aaa; }
.contact input.error::-webkit-input-placeholder, .contact textarea.error::-webkit-input-placeholder { color: #ec7b7b; }
.contact input.error::-moz-placeholder, .contact textarea.error::-moz-placeholder { color: #ec7b7b; }
.contact input.error:-moz-placeholder, .contact textarea.error:-moz-placeholder { color: #ec7b7b; }
.contact input.error:-ms-input-placeholder, .contact textarea.error:-ms-input-placeholder { color: #ec7b7b; }
div.error { display: none; }
label.error {display:none !important;}

#ix-form input.error::-webkit-input-placeholder, #ix-form textarea.error::-webkit-input-placeholder { color: #ec7b7b; }
#ix-form input.error::-moz-placeholder, #ix-form textarea.error::-moz-placeholder { color: #ec7b7b; }
#ix-form input.error:-moz-placeholder, #ix-form textarea.error:-moz-placeholder { color: #ec7b7b; }
#ix-form input.error:-ms-input-placeholder, #ix-form textarea.error:-ms-input-placeholder { color: #ec7b7b; }
/*************** custom ***************/
.clean, .last { margin-right: 0 !important; }
.center { margin: 0 auto; position: relative; width: 990px; }
.center.wide { max-width:1440px; width:auto; min-width:990px;}
.no-overflow { overflow: visible; }

/*************** custom ***************/
#google_translate_element { display:none; }

/*************** centering ***************/
.vcent-out {position: relative;display: table;}
.vcent-in {display: table-cell;vertical-align: middle;width: 100%;margin: 0 auto;*position: absolute;*top: 50%;}
.vcent-element {position:relative;*top: -50%;}
.clearfix {clear:both;display:block;}

/*************** animations ***************/
a { -webkit-transition:background 0.2s ease-out,opacity 0.5s, color 0.5s; -moz-transition:background 0.2s ease-out,opacity 0.5s, color 0.5s; -ms-transition:background 0.2s ease-out,opacity 0.5s, color 0.5s; -o-transition:background 0.2s ease-out,opacity 0.5s, color 0.5s; transition:background 0.2s ease-out,opacity 0.5s, color 0.5s; }
#primary-nav a, .submit, .sideblock.list a, .ix-button, .reference-filter a { -webkit-transition:background 0.5s, color 0.5s; -moz-transition:background 0.5s, color 0.5s; -ms-transition:background 0.5s, color 0.5s; -o-transition:background 0.5s, color 0.5s; transition:background 0.5s, color 0.5s; }
.proj-images, .gal-img { -webkit-transition:opacity 0.3s ease-in-out; -moz-transition:opacity 0.3s ease-in-out; -ms-transition:opacity 0.3s ease-in-out; -o-transition:opacity 0.3s ease-in-out; transition:opacity 0.3s ease-in-out; }
.button { -webkit-transition: box-shadow 0.2s ease-out, color 0.2s, background 0.2s, top 0.2s ease-out; -moz-transition: box-shadow 0.2s ease-out, color 0.2s, background 0.2s, top 0.2s ease-out; -ms-transition: box-shadow 0.2s ease-out, color 0.2s, background 0.2s, top 0.2s ease-out; -o-transition: box-shadow 0.2s ease-out, color 0.2s, background 0.2s, top 0.2s ease-out; transition: box-shadow 0.2s ease-out, color 0.2s, background 0.2s, top 0.2s ease-out; }

/*************** slideshow ***************/
/*
.slide-leftfade, .slide-rightfade { position:absolute; top:0; height:100%; width:127px; z-index:250; display:block; }
.slide-leftfade { left:0; background:url(https://rondane.no/layout/slide_left-fade.png) repeat-y; }
.slide-rightfade { right:0; background:url(https://rondane.no/layout/slide_right-fade.png) repeat-y }
.section.main .nivoSlider img { min-height: 423px !important; min-width: 1440px !important; }
.nivo-prevNav, .nivo-nextNav { position:absolute; z-index:300; font-size:0; height:24px; width:36px; top:auto !important; left:auto !important; bottom:10px; }
.nivo-prevNav { background: url(https://rondane.no/layout/slide-arrow_left.png) no-repeat; right:56px !important; }
.nivo-nextNav { background: url(https://rondane.no/layout/slide-arrow_right.png) no-repeat; right:10px !important; }
.nivo-directionNav { position: absolute; z-index: 300; float: left; height: 37px; bottom: 20px; right: 80px; width: 92px; }
.section.inner .nivo-directionNav { right:20px; }
*/

/*************** footer ***************/
#slider1.nivoSlider { width:690px; height:310px; overflow:hidden; }

@media only screen and (max-width:1440px){
  .slide-leftfade, .slide-rightfade { display:none; }
  .section.main  .nivo-directionNav { right: 20px; }
}

/*************** blogg ***************/
.blogitem { position:relative; }
.blog-promo .blogitem:before {
content:"Fremhevet innlegg";
position:absolute;
right:0;
top: 0;
padding: 5px;
     background-color: #43aae0;
    color: #333;
}
.blogitem h2 a { color: #333; }
.blogitem h2 { line-height:26px; font-size: 24px; }
.blogitem-sum { float:left; width: 100%; margin: 10px 0; }
.blogitem-read{ float:left; width: 100%; }
.blogitem-date {
  float: left;
  width: 100%;
  font-size: 12px;
  color: #666;
  margin-top: 10px;
}
.blogitem-date span { display: inline-block; margin-right: 20px; }
.blogitem-date img { height: 15px; width: auto; display: inline-block; vertical-align: middle; }
.blogitem-image {
  width: 45%;
  float: left;
}
.blogitem-image img { width: 100%; height: auto; }
.blogitem-content {
  float: right;
  width: 53%;
}
.blog-promo .blogitem {
  -webkit-box-shadow:0px 0px 20px rgba(0,0,0,0.5); -moz-box-shadow:0px 0px 20px rgba(0,0,0,0.5); box-shadow:0px 0px 20px rgba(0,0,0,0.5);
}

.blogdetail-image {
  width: 100%;
  float: left;
  margin: 20px 0;
}
.blogdetail-image img { width: 100%; height: auto; }
.blogdetail-date {
  float: left;
  width: 100%;
  font-size: 12px;
  color: #666;
}
.blogdetail-date span { display: inline-block; margin-right: 20px; }
.blogdetail-date img { height: 15px; width: auto; display: inline-block; vertical-align: middle; }
h1.innertitle {
  color: black;
text-shadow: 0px 0px 0px #000;
  margin-bottom: 20px;
}

.btn-bestill {
    background: #FBFBFB;
    border: none;
    color: #424242;
    padding: 20px 20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    cursor: pointer;
    width: 260px;
    font-size: 26px;
    color: #424242;
    font-weight: 600;
    font-family: 'Asap', 'Helvetica', 'Arial', serif;
    margin: 0px 0px;
}

.btn-bestill #text {
    line-height: 18px !important;
}

.btn-bestill span {
    padding-top: 5px;
    font-size: 16px;
    font-weight: 300;
}
.bestillher {
    height: 160px;
}
.gavekort {
    height: 110px;
    padding-top: 30px;
    border-top: 1px solid #EDEDED;
}
.btn-img {
    width: 100%;
    margin: 15px 0px 0px 0px;
    padding-bottom: 15px;
}

#img-seng {
    max-width: 35px;
    margin-bottom: 15px;
    opacity: 0.8;
}
#img-seng:hover {
    opacity: 1;
}

.box-image img:hover {
    transform: scale(1.1);
    transition-duration: 0.3s;
}

.box-image {
    linear-gradient(black, black),
}

.box-shadow {
    background-image: linear-gradient(to right, rgba(255,0,0,0), rgba(255,0,0,1));
}

.box-title {
    text-shadow: 0px 0px 5px #000000 !important;
}

/*
body h1 h2 h3 h4 p a #text {
   font-family: 'Roboto', sans-serif;
}*/

/* Stylesheet: style Modified On 2025-06-16 23:18:54 */
#menu { background:url(https://rondane.no/layout/bg-menu.png) repeat-x; float:left; z-index: 999; font-family: 'Asap', 'Helvetica', 'Arial', serif/*'Source Serif Pro', 'Times', 'Times New Roman', serif*/; width:100%; height:49px; text-align: center; }
#menuwrapper { float:left; display:block; width:100%; }

#menu ul { list-style: none; padding: 0; margin: 0; }
#menu ul li { display: inline-block; list-style: none; line-height: 22px; font-size: 22px; font-weight: normal; margin: 0px; }
#menu ul li:hover { z-index:98 !important; }
#menu ul li a { background:url(https://rondane.no/layout/bg-menusep.png) no-repeat center right; padding:13px 10px 11px 5px; display: block; font-size:16px; position: relative; color: #222; font-weight: 400; line-height: 24px; text-decoration: none; }
#menu ul li a:hover { color:#888; }
#menu ul li.last-menu-active a, #menu ul li.last-menu a { background:none; }

#menu li:hover ul.unli { display: block; }
#menu ul.unli { padding:5px 0; width: 200px; text-align:left; display: none; position: absolute; top: auto; background: #ddd; box-shadow: 0px 2px 8px rgba(0,0,0,0.2); }
#menu ul.unli li { width: 200px; margin: 0; padding: 0; border: none; }
#menu ul.unli li a { font-size:14px; margin: 0; padding: 0; line-height: 18px; color: #222; text-decoration: none; padding: 8px 15px; border:none; background:none; }
#menu ul.unli li a:before { content: "» "; }
#menu ul.unli li a:hover { text-decoration: none; border:0; color:#888; background:#ddd; }

#menu ul li.menuactive, #menu ul li.last-menu-active { z-index:99 !important; }
#menu ul li a.menuactive, #menu ul li a.last-menu-active { color:#43aae0; }
#menu ul.unli li a.menuactive, #menu ul.unli li a.last-menu-active  { margin: 0; line-height: 14px; border:0;  }
#menu ul ul li a.menuactive { color:#888; }

#menu ul li.menuparent:hover { z-index:100 !important; }
#menu ul li a.menuparent:hover { color:#888; }
#menu span.sectionheader { cursor: default !important; }
/* Stylesheet: menu Modified On 2021-03-16 12:20:59 */
