@charset "UTF-8";
/**
 * TABLE OF CONTENTS
 *
 * 1) Typography
 * 2) Layout
 * 3) Menu

 */
/* 1 Typography
----------------------------------------------------------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;}

html, body {background: transparent;overflow-x: hidden;font-family: 'Roboto', Arial, Sans-serif;font-size: 16px;line-height: 30px;font-weight: 400;color: #333;} 

img {border: 0; max-width:100%; height:auto !important; vertical-align: middle !important;}

/***************** paragraphs *******************/

h1 {font-family: 'Roboto', Arial, Sans-serif; margin: 0;padding: 0;color: #FFD700;font-weight: 400;font-size: 40px;line-height: 50px;}
h2 {font-family: 'Roboto', Arial, Sans-serif; margin: 0; padding: 0; color: #FFD700; font-weight: 400; font-size: 30px; line-height: 40px;}
h3 {font-family: 'Roboto', Arial, Sans-serif; margin: 0; padding: 0; color: #333; font-weight: 400; font-size: 20px; line-height: 30px;}
h4 {font-family: 'Roboto', Arial, Sans-serif; margin: 0; padding: 0; color: #333; font-weight: 700; font-size: 16px; line-height: 30px;}

h5 a {font-size: 16px; line-height: 30px; padding: 0; font-style: normal; font-weight: 400; display: inline-block; color: #333; margin: 20px 0 0 0; text-decoration: none; text-transform: uppercase;}
h5 a:before {content: "\f055" " "; font-family: FontAwesome; color: #FFD700;}
h5 a:hover {color: #FFD700;}

em {font-style: italic;}
strong {font-weight: 700;}

p {padding: 20px 0 0 0; font-weight: 700;}

a {text-decoration: none; /*border-bottom: 1px solid #e6e6e9;*/ color: #333342; moz-transition: all .3s; -webkit-transition: all .3s; -o-transition: all .3s; -ms-transition: all .3s; transition: all .3s;}
a:hover {color: #FFD700; /*border-bottom: 1px solid #94c11f;*/ text-decoration: none;}

a img {opacity: 1; moz-transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s; -ms-transition: all .5s; transition: all .5s;}
a img:hover {opacity: .8;}

blockquote {font-style: normal; padding: 0;}

::-moz-selection {color: #000; background: #FFD700;}
::selection {color: #000; background: #FFD700;}

/***************** line *******************/
hr {width: 100%; height: 5px; margin: 30px 0 10px 0; background-color: #e6e6e6; color: #e6e6e6; border: 0;}


/***************** Grid *********************/
.left {position: relative; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.right {position: relative; float: right; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.center {position: relative; float: none; margin: 0 auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

/*.w100 {width: 100%;}
.w90 {width: 90%;}
.w80 {width: 80%;}
.w70 {width: 70%;}
.w60 {width: 60%;}
.w50 {width: 50%;}
.w40 {width: 40%;}
.w30 {width: 30%;}
.w20 {width: 20%;}
.w10 {width: 10%;}

.w75 {width: 75%;}*/
.w25 {width: 50%;}

/*.w67 {width: 67%;}
.w33 {width: 33.33333%;}

.p0 {padding: 0;}*/
.p010 {padding: 15px 0;}
/*.p0100 {padding: 0 100px;}
.p020 {padding: 0 20px;}
.p10 {padding: 10px;}
.p20 {padding: 20px;}
.p00200 {padding: 0 0 20px 0;}
.p0303030 {padding: 0 30px 30px 30px;}

.m10 {margin: 10px 0 0 0;}
.m20 {margin: 20px 0 0 0;}
.m30 {margin: 30px 0 0 0;}
.m40 {margin: 40px 0 0 0;}
.m50 {margin: 50px 0 0 0;}

.align-right {text-align: right;}
.align-left {text-align: left;}
.align-center {text-align: center;}*/










/* 2 Layout
----------------------------------------------------------------------------- */

.container {width: 1400px; padding: 0;}

.block-section > .block-section-container {padding: 0; margin: 0 auto; width: 1400px; position: relative;}
.block-section .block-section-container .block-columns .block-section-container {width:auto;}
.block-section {float: left; width: 100%; position: relative; /*padding: 100px 0 150px 0;*/ /*background: #fff;*/ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

.block-columns .block-section {padding: 0;}

.no-pad {padding: 0;}
.align-right {text-align: right;}

#site-slider {width: 100%; height: 100vh; padding: 0; margin: 0; z-index: 0; position: fixed; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.bxslider li {width: 100%; height: 100vh;}
#slide_1 {background: transparent url('../../files/slide_1.jpg') no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
#slide_2 {background: transparent url('../../files/slide_2.jpg') no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
#slide_3 {background: transparent url('../../files/slide_3.jpg') no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
#slide_4 {background: transparent url('../../files/slide_4.jpg') no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
#slide_5 {background: transparent url('../../files/slide_5a.jpg') no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}

.header {/*width: 100%; padding: 0 0 40px 0; background: #fff; z-index: 700; position: fixed; left: 0; top: 0; moz-transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s; -ms-transition: all .5s; transition: all .5s; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;*/
        width: 100%;
    padding: 20px 0;
    z-index: 9999;
    background: transparent;
    margin: 0;
    position: relative;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    
}
#site-logo {width: 100%; max-width:200px; margin: 0; padding: 0;}
#site-logo a {border: none;}
.top {width: 100%; text-align: center; margin: 0 0 35px 0; padding: 5px 0; background: #94c11f; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.top p { padding: 0; font-weight: 700; text-transform: uppercase; letter-spacing: 2px; color: #fff;}

#Banner {padding: 128px 0 260px 0; text-align: left; background: transparent; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#Banner .block-section-container {padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#Banner h1 {color: #fff;}
#Banner h5 a {padding: 10px 60px; font-size: 20px; font-weight: 700; color: #fff; margin: 20px 0 0 0; border: 2px solid #FFD700;}
#Banner h5 a:before {content: "\f017" " "; font-family: FontAwesome; color: #fff; font-weight: 400;}
#Banner h5 a:hover {background: #FFD700;}
#Banner h6 {color: #fff;}
#Banner hr {background-color: #FFD700; color: #FFD700;}

.banner_2 {width: 100%; padding: 200px 0; margin: 0; background: transparent url('../../files/slide_1.jpg') no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; position: relative; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

#custom-pager {/*width: auto; padding: 40px; position: absolute; left: 0; bottom: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;*/}
/*#custom-pager ul {list-style: none; width: auto; float: left; margin: 0;}
#custom-pager ul li {float: left;}
#custom-pager ul li a {background: transparent; border: 2px solid #fff; text-indent: -9999px; display: block; width: 14px; height: 14px; margin: 0 20px 0 0; outline: 0; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#custom-pager ul li a:hover, #custom-pager ul li a.active, .bx-pager ul li a:focus {background: #fff;}
*/
.site-content {margin: 50px 0 0 0;}
.site-content h1, .site-content h2, .site-content h3, .site-content h4 {padding: 20px 0 0 0;}
.site-content h6, .fb-page {margin: 20px 0 0 0;}
.site-content img {padding: 15px 0 0 0;}

/*#Valkommen {text-align: center;}*/

/*#Puffar {position: relative; float: left; width: 100%; padding: 0; display: flex;}
#Puffar .block-section-container {width: 100%; margin: 0;}
#Puffar .puff_1 {padding: 150px 0 200px 0; text-align: center; background: transparent url('../../files/puff_1.jpg') no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#Puffar .puff_2 {padding: 150px 0 200px 0; text-align: center; background: transparent url('../../files/puff_2.jpg') no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#Puffar .puff_3 {padding: 150px 0 200px 0; text-align: center; background: transparent url('../../files/puff_3.jpg') no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#Puffar h1 {color: #fff;}
#Puffar h5 a {background: #fff; color: #333342; border: none; padding: 14px 50px;}
#Puffar h5 a:before {color: #94c11f;}
#Puffar h5 a:hover {background: #94c11f; color: #fff;}
#Puffar h5 a:hover:before {color: #fff;}*/

.Puff-1 {height: 38vh; display: flex; justify-content: center; align-items: center; width:100%; padding: 50px 0 100px 0; border-top: 5px solid #FFD700; border-bottom: 5px solid #FFD700; background: transparent url('/files/klipp.jpg') no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.Puff-1 h1, .Puff-1 h2, .Puff-1 h3, .Puff-1 h4, .Puff-1 h5, .Puff-1 h5 a, .Puff-1 a, .Puff-1 p {color: #fff;}
.Puff-1 h3 {font-weight: 700; text-transform: uppercase;}
.Puff-1 h5 a {text-transform: none; border: none;}
.Puff-1 h5 a:hover {color: #FFD700;}
.Puff-1 p {width: 400px; margin: 0 auto; font-weight: 700;}

.Puff-2 {height: 38vh; display: flex; justify-content: center; align-items: center; width: 100%; padding: 50px 0 100px 0; border-top: 5px solid #FFD700; border-bottom: 5px solid #FFD700; background: transparent url('/files/puff_2.jpg') no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.Puff-2 h1, .Puff-2 h2, .Puff-2 h3, .Puff-2 h4, .Puff-2 h5, .Puff-2 h5 a, .Puff-2 a, .Puff-2 p {color: #fff;}
.Puff-2 h3 {font-weight: 700; text-transform: uppercase;}
.Puff-2 h5 a {text-transform: none; border: none;}
.Puff-2 h5 a:hover {color: #FFD700;}
.Puff-2 p {width: 400px; margin: 0 auto; font-weight: 700;}

.Puff-3 {height: 38vh; display: flex; justify-content: center; align-items: center; width: 100%; padding: 50px 0 100px 0; border-top: 5px solid #FFD700; border-bottom: 5px solid #FFD700; background: transparent url('/files/puff_3.jpg') no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.Puff-3 h1, .Puff-3 h2, .Puff-3 h3, .Puff-3 h4, .Puff-3 h5, .Puff-3 h5 a, .Puff-3 a, .Puff-3 p {color: #fff;}
.Puff-3 h3 {font-weight: 700; text-transform: uppercase;}
.Puff-3 h5 a {text-transform: none; border: none;}
.Puff-3 h5 a:hover {color: #FFD700;}
.Puff-3 p {width: 400px; margin: 0 auto; font-weight: 700;}

.col-lg-4, .col-md-4 {padding: 0;}

.Valkommen {padding: 130px 0 150px 0;background: transparent url(/files/banner.jpg) no-repeat center center fixed;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;color: #fff;}
.Valkommen h1 {color: #fff;}
.Valkommen p {font-weight: 700;}
.Valkommen hr {background-color: #FFD700; color: #FFD700;}

.white {background-color: #fff; padding: 80px 0 130px 0;}
.yellow {background-color: #F4F4F7; padding: 80px 0 130px 0;}

.smalare {float:left; padding-left: 150px !important; width: 92%;}
.smalare2 {float:right; padding-right: 150px !important; width: 92%;}
.smalare3 {float:left; padding-left: 150px !important; width: 92%;}
.smalare-text {margin-top: 10px;}
.smalare2-text {margin-top: 75px;}
.smalare3-text {margin-top: 90px;}

.prislista {padding: 80px 0 130px 0; color: white;}
.prislista h4 {border-bottom: 2px solid #e6e6e6; background-color: #fff; padding: 10px 0 10px 20px; margin-top: 10px;}
.prislista h4:hover {background-color: #FFD700; border-bottom: 2px solid transparent;}
.prislista a {color: #fff;}
.prislista a:hover {color: #FFD700;}

/*----------Instagram feed------------*/
#instafeed {padding: 0; text-align: center; float: none !important; width: 100%; position: relative;}
.insta-panel {width: 20%; float: left; display: inline-block; padding: 0; margin: 0;}
.insta-panel img {width: 100%;}

.google-map {-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%); background-color: #333;}

/*#Karta {padding: 0; line-height: 0;}
#Karta .block-section-container {width: 100%; margin: 0;}
#Karta iframe {line-height: 0; -webkit-filter: grayscale(1); filter: grayscale(1); width: 100%;}

.social {width: 100%; padding: 30px 0; margin: 0; background: #94c11f; position: relative; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.social h3 {padding: 10px 0 0 0; color: #fff;} 
.social h2 {padding: 0; font-size: 35px; text-align: right;}
.social h2 a {margin: 0 40px 0 0; color: #fff; border: none;}
.social h2 a:hover {color: #fff;}
*/

.w60 {width: 60%; margin: 0 auto;}
.center {position: relative;float: none;margin: 0 auto; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

/*.footer {width: 100%; padding: 50px 0 120px 0; margin: 0; background: #333; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; position: relative; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.footer i, .footer a:hover, .footer a:focus, .footer a:active  {color: #FFD700 !important;}
.footer p, .footer a {color: #fff;}
.footer h3 {color: #fff;}
.footer h2 {padding: 15px 0 0 0; font-size: 30px;}
.footer h2 a {margin: 0 40px 0 0; color: #fff; border: none;}
.footer h2 a:hover {color: #fff;}
.footer hr {margin: 15px 0; height: 2px; background-color: #FFD700; color: #FFD700;}
.footer a {font-style: italic;}
.footer a img {width: 170px;}
.footer i {color: #fff;}




#foot-menu {list-style: none; float: left; margin: 0;}
#foot-menu li {float: left; margin: 0 25px 0 0;}
#foot-menu li a {font-size: 12px; letter-spacing: 1px; color: #fff; font-weight: 700; text-transform: uppercase; border: none; font-style: normal; display: block; padding: 0; text-decoration: none;}
#foot-menu li.current_page_item a, #foot-menu li.parent a, #foot-menu li a:hover {color: #FFD700;}
#foot-menu ul.children {display: none;}

.foot-2 {margin-top: 91px;}*/


.wid25 {width: 25%;}
.pad010 {padding: 0 10px;}
.wid50 {width: 50%;}
.toleft {position: relative; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.page-wrapper1 {width: 1400px; margin: 0 auto; padding: 0;}

#site-footer img a {width: 20px;}
#site-footer {width: 100%; padding: 70px 0 120px 0; margin: 0; background: #333; position: relative; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#site-footer p, #site-footer a {color: #fff;}
#site-footer h3 a {margin: 0 50px 0 0; color: #FFD700; font-size: 26px; font-weight: 600;}
#site-footer a:hover {color: #FFD700;}
#site-footer hr {height: 2px; margin: 20px 0; background-color: #FFD700; color: #FFD700;}
#foot-logo {width: 100%; max-width: 500px; margin: 15px 0 0 0; padding: 0;}
#foot-menu {list-style: none; float: left; margin: 0;}
#foot-menu li {float: left; margin: 0 25px 0 0;}
#foot-menu li a {color: #fff; font-weight: 700; font-style: normal; font-size: 12px; text-transform: uppercase; letter-spacing: 1px; display: block; padding: 0; text-decoration: none;}
#foot-menu li.current_page_item a, #menu li.parent a, #menu li a:hover {color: #FFD700;}
#foot-menu ul.children {display: none;}

.fa-facebook-square, .fa-instagram {margin-right: 20px; color: #fff; width: 15px; font-size: 22px;}
.fa-facebook-square:hover, .fa-instagram:hover {color: #FFD700;}


/* 3 Menu
----------------------------------------------------------------------------- */

button.navbar-toggle {width: 100%; text-align: center; font-size: 30px; color: #FFD700; margin: 0; padding: 15px 0; margin-right: 48%; border: none;
    text-align: center;
}
.navbar, .navbar-nav {margin: 0; border: none; min-height: 0; list-style: none;
    float: right;
    margin: 30px 0 0 0;}

.navbar-nav li a {
    color: #fff;
    font-weight: 700;
    font-style: normal;
    font-size: 18px;
    display: block;
    padding: 0;
    text-decoration: none;
    float: left;
    margin: 0 0 0 50px;
    border: none;
}
.navbar-nav li a:hover, .nav .open>a, .nav .open>a:hover, .navbar-nav li.active.current.current_page_item a {-webkit-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; background: transparent; color: #FFD700;}
.navbar-nav .dropdown-menu {display: none;}
.navbar-collapse {padding: 0; border-top: none; -webkit-box-shadow: none; box-shadow: none;}

.navbar-mobile-buttons {display: none; list-style: none;}
.navbar-mobile-buttons li {width: 50%; float: left;}
.navbar-mobile-buttons li a {border: none; padding: 10px 20px; display: block; text-decoration: none; color: #333342; border-top: 1px solid #FFD700;
    padding: 10px 20px;
    display: block;
    text-decoration: none;
    color: #FFD700;
    background: rgba(0,0,0,.7);
}
.navbar-mobile-buttons li a i {color: #94c11f; padding: 0 5px 0 0;}
.navbar-mobile-buttons li:nth-child(odd) a {border-right: none;}



/* Form
----------------------------------------------------------------------------- */
.block-form {padding: 15px 0 0 0;}
.block-form .form-control {border: none; background: #fff; border: 1px solid #e6e6e9; color: #94c11f; padding: 15px; font-size: 16px; border-radius: 0; height: auto; -webkit-appearance: none; -moz-appearance: none; appearance: none; moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.block-form .form-control:focus {background: #fff; border: 1px solid #94c11f; color: #333342;}
.block-form .form-control::-webkit-input-placeholder {color: #c7c7cc;}
.block-form .form-control:-moz-placeholder {color: #c7c7cc;}
.block-form .form-control::-moz-placeholder {color: #c7c7cc;}
.block-form .form-control:-ms-input-placeholder {color: #c7c7cc;}
.block-form .btn-default {font-size: 14px; line-height: 30px; text-transform: uppercase; padding: 0; font-weight: 700; letter-spacing: 1px; display: inline-block; color: #333342; cursor: pointer; border: none; background: transparent; border-radius: 0; display: inline-block; margin: 20px 0 0 0; text-decoration: none; height: auto; moz-transition: all .4s; -webkit-transition: all .4s; -o-transition: all .4s; -ms-transition: all .4s; transition: all .4s; -webkit-appearance: none; -moz-appearance: none; appearance: none; moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.block-form .btn-default:before {content: "\f124"; font-family: FontAwesome; padding: 0 10px 0 0; color: #94c11f;}
.block-form .btn-default:hover {color: #94c11f;}


@media (max-width: 1920px) {
    #Banner {/*padding: 350px 0 200px 0;*/}
}

@media (max-width: 1440px) {
    .block-section > .block-section-container {width: 1170px;}
    .block-section {/*padding: 110px 0 130px 0;*/}
    .container {width: 1170px;}
    h1 {font-size: 35px; line-height: 45px;}/*
    h2 {font-size: 40px; line-height: 55px;}*/
    .header {padding: 20px 0;}
    /*#site-logo {max-width: 280px;}*/
    .top {margin: 0 0 20px 0;}
    .navbar-nav li a {letter-spacing: normal; margin: 15px 0 0 30px; font-size: 14px; line-height: 25px;}
    #Banner {/*padding: 300px 0 200px 0;*/}
    /*#Puffar .puff_1, #Puffar .puff_2, #Puffar .puff_3 {padding: 100px 0 150px 0;}*/

    .smalare {padding-top: 70px !important;}
    .smalare2 {padding-top: 50px !important;}
    .smalare3 {padding-top: 50px !important;}
    .smalare-text {margin-top: 10px;}
    .smalare2-text {margin-top: 55px;}
    .smalare3-text {margin-top: 100px;}
    
.page-wrapper1 {width: 1200px;}
}

@media (max-width: 1280px) {
    /*#Banner {padding: 250px 0 150px 0;}*/
    .Puff-1 p, .Puff-2 p, .Puff-3 p {width: 300px;}
    .Puff-1, .Puff-2, .Puff-3 {height: 45vh;}
    #foot-menu li {margin: 0 15px 0 0;}
    #foot-menu li a {font-size: 10px;}
        .page-wrapper1 {width: 960px;}
    
}

@media (max-width: 1170px) {
    html, body {font-size: 14px; line-height: 27px;}
    h1 {font-size: 30px; line-height: 35px;}
    h2 {font-size: 33px; line-height: 43px;}
    h3 {font-size: 25px; line-height: 35px;}
    h4 {font-size: 14px; line-height: 27px;}
    h5 {font-size: 17px; line-height: 27px;}
    h6 {font-size: 14px; line-height: 27px;}
    h5 a {font-size: 14px; line-height: 27px;}
    .block-section > .block-section-container {width: 970px;}
    .block-section {/*padding: 70px 0 90px 0;*/}
    .container {width: 970px;}
    .banner_2 {width: 100%; padding: 150px 0;}
    /*#site-logo {max-width: 200px;}*/
    .navbar-nav li a {letter-spacing: normal; margin: 15px 0 0 20px; font-size: 12px; line-height: 20px;}
    #Banner {/*padding: 240px 0 120px 0;*/}
    .Puff-1 p, .Puff-2 p, .Puff-3 p {width: 200px;}
    
    .smalare {padding-top: 100px !important;}
    .smalare2 {padding-top: 80px !important;}
    .smalare3 {padding-top: 70px !important;}
    .smalare2-text {margin-top: 35px;}
    .smalare3-text {margin-top: 100px;}
    /*.foot-2 {margin-top: 94px;}*/
    .toleft {float: none;}
    .wid50 {width: 100%;}
    .wid25 {width: 50%;}
    #foot-menu {margin-bottom: 20px;}


}

@media (max-width: 1024px) {
    /*#site-slider {display: none;}*/
    #custom-pager {display: none;}
    /*#Banner {background: transparent url('../../files/slide_1.jpg') no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
*/}

@media (max-width: 992px) {
    h1 {font-size: 30px; line-height: 45px;}
    h2 {font-size: 30px; line-height: 40px;}
    html, body {font-size: 13px; line-height: 25px;}
    h5 a {font-size: 13px; line-height: 25px; padding: 10px 30px;}
    #Banner h5 a {font-size: 13px; line-height: 25px; padding: 10px 30px;}
    .block-section > .block-section-container {width: 750px;}
    .block-section {padding: 40px 0 60px 0;}
    .container {width: 750px;}
    /*#site-logo {max-width: 170px;}*/
    .banner_2 {width: 100%; padding: 125px 0;}
    .navbar-nav li a {margin: 5px 0 0 20px;}
    #Banner {/*padding: 170px 0 80px 0;*/}
    .Puff-1 p, .Puff-2 p, .Puff-3 p {width: 500px;}
    
    .smalare {padding-top: 80px !important; padding-left: 0px !important;}
    .smalare2 {padding-top: 89px !important; padding-right: 0px !important;}
    .smalare3 {padding-top: 80px !important; padding-left: 0px !important;}
    .smalare2-text {margin-top: 35px;}
    .smalare3-text {margin-top: 50px;}
    /*.foot-2 {margin-top: 70px;}*/
    
    #site-footer {padding: 50px 0 30px 0;}
    #site-footer .w50 {width: 100%;}
    #site-footer .w25 {width: 50%;}
    .page-wrapper1 {width: 680px;}


}

@media (max-width: 767px) {
    h1 {font-size: 25px; line-height: 30px;}
    h2 {font-size: 25px; line-height: 35px;}
    h3 {font-size: 20px; line-height: 30px;}
    h4 {font-size: 13px; line-height: 25px;}
    h5 {font-size: 16px; line-height: 25px;}
    h6 {font-size: 10px; line-height: 22px;}
    .block-section > .block-section-container {width: auto;}
    .block-section {padding: 30px 10px 50px 10px;}
    .container {width: auto;}
    
    .header {position: relative; padding: 0; /*background: #333;*/}
    .top {margin: 0 0 15px 0;}
    .top p {font-size: 12px;}
    
    /*#site-slider {display: none;}
    #custom-pager {display: none;}
    #Banner {background: transparent url('../../files/slide_1.jpg') no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}*/

    .banner_2 {width: 100%; padding: 75px 0}
    
    .site-content {margin: 0;}
    
    #Banner {padding: 100px 0 100px 0; /*height: auto;*/}
    #Banner .block-section-container {padding: 0 20px;}

    #Puffar {display: block;}
    #Puffar .puff_1, #Puffar .puff_2, #Puffar .puff_3 {height: auto; padding: 50px 0 60px 0;}
    .Puff-1 p, .Puff-2 p, .Puff-3 p {width: 300px;padding: 15px;}

    .social {text-align: center; padding: 20px 0 50px 0;}
    .social h2 a {margin: 0; display: block;}
    .social h2 {font-size: 30px;}
    .social h2, .social h3 {padding: 20px 0 0 0; text-align: center;}

    /*.footer {text-align: center; padding: 40px 0 50px 0;}
    .footer hr {margin: 15px auto 0 auto;}
    .footer h3 {padding: 20px 0 0 0; font-size: 16px; line-height: 25px;}
    #foot-menu {width: 63%; float: none;margin: auto; margin-top: 10px;}
    .foot-2 {margin-top: 40px;} 
*/

    /*.navbar {padding-right: 46%;}
    .navbar-nav {margin: 0;}
    .navbar-nav li {float: left; width: 100%;}
    .navbar-nav li a {border: none; margin: 0; padding: 10px 20px; font-size: 14px; line-height: 27px; border-top: 1px solid #94c11f;}
    .navbar-nav li a:hover, .navbar-nav li.active.current.current_page_item a {border: none; background: #94c11f; color: #fff; border-top: 1px solid #94c11f;}
    .navbar-mobile-buttons {display: block;}
	*/
	.smalare,.smalare2,.smalare3 {float:none; margin: auto;}
	.Valkommen img {float: none; margin: auto;}
	.white img {float: none; margin: auto;}

    
    
	
	/*#site-footer {text-align: center;}
	#site-footer .w25 {width: 100%;}
	#site-footer h3 a {display: block; margin: 0;}
	#foot-menu {width: 100%;}
	#foot-menu li {width: 100%;}
	.footer p {padding: 0;}
    #foot-menu {width: 64%;}
    .p010 {padding: 9px 0;}*/
    
    .wid25 {width: 100%;}
    .page-wrapper1 {width: auto; padding: 0 20px;}
	.pad010 {padding: 0;}
    #site-footer {text-align: center;}
	#site-footer .w25 {width: 100%;}
	#site-footer h3 a {display: block; margin: 0;}
	#foot-menu {width: 100%;}
	#foot-menu li {width: 100%;}
	#site-footer h3 a {text-align: center;}
	#site-logo {float: none; /*max-width: none;*/ margin: 0 auto; margin-top: 20px;}
    #foot-logo {width: 100%;max-width: 100%;}	
    
    
    
    #site-menu-button, #mobile-buttons {display: block; float: none;}
	#site-menu {display: none;}
	#menu {width: 100%; margin: 0;}
	#menu li {width: 100%; margin: 0;}
	#menu li a {border-top: 1px solid #FFD700; background: rgba(0,0,0,.7); padding: 10px 20px;}
	#menu ul.children {position: relative;}
	#menu ul.children li a {background: transparent; color: #333; padding: 3px 0 3px 40px; font-size: 12px; border: none;}
	#menu ul.children li:nth-child(odd) a {background: #f2f2f2;}
	#menu li ul.children {display: block;}
	
	#site-submenu {width: 100%; margin: 30px 0 0 0; padding: 10px 10px 0 10px;}
	#submenu li {float: left; margin: 0 0 10px 0; width: 100%;}
    #submenu li a {color: #929393; background: #fff; font-weight: 400; text-align: center; padding: 5px 0 !important; font-style: normal; display: block; padding: 0; text-decoration: none;}
    #submenu li.current_page_item a, #submenu li.parent a, #submenu li a:hover {color: #fff; background: #4bae32;}
    
    .navbar {width:90%; float: none;margin: 0 auto;}
    .navbar-nav {width: 100%; float: left; margin: 0;}
    .navbar-nav li a {margin: 0; padding: 15px 20px;
        border-top: 1px solid #FFD700;
        background: rgba(0,0,0,.7);
        width: 100%;
    }
    .navbar-nav li a:hover, .navbar-nav li.active.current.current_page_item a {background: rgba(0,0,0,.7);}
    .fa {font-size: 20px;}

    .navbar-mobile-buttons {
    display: block;
    float: none;
    list-style: none;
    border-top: 1px solid #FFD700;}
    .navbar-mobile-buttons li a {
        padding: 10px 20px;
        display: block;
        text-decoration: none;
        color: #FFD700;
        background: rgba(0,0,0,.7);}}
    .navbar-mobile-buttons li a i{color: #FFD700;}
    button.navbar-toggle {
width: 100%;
    margin-right: 0;
}

@media (max-width: 480px) {
    /*.navbar {padding-right: 43%;}*/
}

@media (max-width: 320px) {
    #Banner {padding: 20px 0 50px 0;}
}