@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: #f0f0f2; overflow-x: hidden; font-family: 'Montserrat', Arial, Sans-serif; font-size: 18px; line-height: 30px; font-weight: 400; color: #1a1a1f;} 

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

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

h1 {font-family: 'modern_visionregular', Arial, Sans-serif; margin: 0; padding: 0; color: #1a1a1f; font-weight: 300; font-size: 65px; line-height: 65px;}
h2 {font-family: 'modern_visionregular', Arial, Sans-serif; margin: 0; padding: 0; color: #1a1a1f; font-weight: 300; font-size: 45px; line-height: 55px;}
h3 {font-family: 'Montserrat', Arial, Sans-serif; margin: 0; padding: 0; color: #1a1a1f; font-weight: 500; font-size: 26px; line-height: 36px;}
h4 {font-family: 'Montserrat', Arial, Sans-serif; margin: 0; padding: 0; color: #1a1a1f; font-weight: 700; font-size: 16px; line-height: 30px;}
h6 {font-family: 'modern_visionregular', Arial, Sans-serif; margin: 0; padding: 0; color: #1a1a1f; font-weight: 300; font-size: 24px; line-height: 30px;}


@font-face {
    font-family: 'modern_visionregular';
    src: url('/template/files/modern-vision-webfont.eot');
    src: url('/template/files/modern-vision-webfont.eot?#iefix') format('embedded-opentype'),
         url('/template/files/modern-vision-webfont.woff2') format('woff2'),
         url('/template/files/modern-vision-webfont.woff') format('woff'),
         url('/template/files/modern-vision-webfont.ttf') format('truetype'),
         url('/template/files/modern-vision-webfont.svg#modern_visionregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

h5 {font-family: 'Montserrat', Arial, Sans-serif; margin: 0; padding: 0; font-style: normal; color: #1a1a1f; font-weight: 400; font-size: 20px; line-height: 30px;}
h5 a {font-size: 14px; border: none; font-style: normal; line-height: 25px; letter-spacing: 1px; padding: 0; text-transform: uppercase; font-weight: 400; display: inline-block; color: #1a1a1f; margin: 20px 0 0 0; text-decoration: none;}
h5 a:before {content: "\f067"; font-family: FontAwesome; padding: 0 10px 0 0; color: #FFDC32;}
h5 a:hover {border: none; color: #FFDC32;}

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

p {padding: 15px 0 0 0;}

a {text-decoration: none; border-bottom: 2px solid #c7c7cc; color: #1a1a1f; moz-transition: all .4s; -webkit-transition: all .4s; -o-transition: all .4s; -ms-transition: all .4s; transition: all .4s;}
a:hover {color: #1a1a1f; border-bottom: 2px solid  #f35037; text-decoration: none;}

a img {border: none; moz-transition: all .4s; -webkit-transition: all .4s; -o-transition: all .4s; -ms-transition: all .4s; transition: all .4s;}
a img:hover {border: none; opacity: .6;}

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

::-moz-selection {color: #fff; background: #ff0000;}
::selection {color: #fff; background:#ff0000;}

/***************** line *******************/
hr {width: 100%; margin: 30px 0 20px 0; height: 3px; background-color: #ff0000; color: #ff0000; border: 0; moz-transition: all .4s; -webkit-transition: all .4s; -o-transition: all .4s; -ms-transition: all .4s; transition: all .4s;}

.content {margin-top: 180px;}

.content ul li{list-style:none;margin-bottom: 14px;}
.content ul li:before {
    content: "\f005";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
/*--adjust as necessary--*/
    color: #f35137;
    margin-right:10px;
    margin-bottom:10px;
 
}

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

.btn-primary, .btn-primary:focus {color: #fff; background-color: #ff0000; border: none; }
.btn-primary:hover, .btn-primary:active, .btn-primary:hover:before, .btn-primary:hover:active, .btn-primary:active:focus {color: #fff; background-color: #FF4242; border: none;}

.btn {padding: 16px 35px; font-size: 18px; border-radius: 0; margin-top: 15px;}

.block-section .gallery li:before {content: ""; font-family: FontAwesome; padding: 0 10px 0 0; color: #1e8de3; float: left;}

.container {width: 1400px;}

.block-section > .block-section-container {padding: 0; margin: 0 auto; width: 1400px;}
.block-section .block-section-container .block-columns .block-section-container {width:auto;}
.block-section {float: left; width: 100%; position: relative; padding: 50px 0 80px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

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

.pad-no {padding: 0;}

.header {width: 100%; padding: 15px 0; background: #fff; position: fixed; z-index: 1000; box-shadow: 0 0 40px rgba(0, 0, 0, 0.25); float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#site-logo {width: 45%; max-width: 220px; float: left; padding: 0; position: relative; z-index: 5; margin: 0 5% 0 0;}
#site-logo a {border: none;}

.site-logo2 img {margin-left: 60px;}

#Banner {height: 85vh; padding: 0; background: transparent; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  display: flex; justify-content: center; align-items: center;}
#Banner .block-section-container {min-width: 100%; padding: 0; margin: 0;}
#Banner .block-gallery .carousel>.carousel-inner>.item>img, #Banner .block-gallery .carousel>.carousel-inner>.item>a>img {margin: auto; min-width: 100% !important; width: auto !important; height: 85vh !important; object-fit: cover;}  
#Banner img {padding: 0 !important;}

#contact-banner {width: 100%; text-align: center; padding: 0; background: rgba(0, 0, 0,0.7); position: absolute; z-index: 700; left: 0; bottom: 0;}
#contact-banner h5 {letter-spacing: normal; text-transform: none; color: #fff;}
#contact-banner h5 a {border: none; padding: 15px 30px; background: #ff0000; margin: 0 0 0 10px; color: #fff;}
#contact-banner h5 a:first-child {border: none;}
#contact-banner h5 a:before {content: "\f1d8"; font-family: FontAwesome; color: #fff;}
#contact-banner h5 a:hover {color: #fff; background: #FF4242;}

.content img {padding: 15px 0 0 0;}

#Zonkarta img {width: 100%; margin: 10px 0;}
#Valkommen {background: #fff;}
#Puffar .block-section {background: #fff; box-shadow: 0 0 40px rgba(0, 0, 0, 0.15); padding: 45px;}
#Referenser .block-section {margin-bottom: 15px;}
 
.footer {width: 100%; padding: 60px 0 70px 0; margin: 0; text-align: center; background: #000; position: relative; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.footer h3, .footer p, .footer a {color: #fff;}
.footer i {color: #f0f0f2;}
.footer h3 {padding: 50px 0 0 0;}
.footer h2 {padding: 15px 0 0 0; font-size: 20px;}
.footer h2 a {margin: 0 40px 0 0; color: #FFDC32; border: none;}
.footer h2 a:hover {color: #fff;}
.footer hr {margin: 15px auto 0; height: 3px; width: 70px;}
.footer h6 {color: #fff; letter-spacing: 1px;}
.footer img {margin: 0 auto; max-width: 200px;}

#foot-menu {list-style: none; float: left; margin: 15px 0 0 0;}
#foot-menu li {float: left; width: 100%; margin: 0;}
#foot-menu li a {color: #fff; border: none; font-weight: 400; font-style: normal; display: block; padding: 0; text-decoration: none;}
#foot-menu li.active.current.current_page_item a, #foot-menu li a:hover {color: #d0d0d0;}
#foot-menu ul.children {display: none;}

.navbar ul.children {display: none;}
.navbar .open a:hover {border-color:#f35437;}


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

button.navbar-toggle {width: 100%; text-align: center; font-size: 16px; letter-spacing: 1px; text-transform: uppercase; color: #1a1a1f; margin: 0; padding: 0 0 5px 0; border: none;}
.navbar {margin: 0; min-height: 0;}
.navbar-nav {margin: 28px 0 0 0;}
.navbar-nav li a {font-family: 'modern_visionregular', Arial; color: #1a1a1f; text-transform: uppercase; border-bottom: 3px solid transparent; font-weight: 400; font-size: 18px; font-style: normal; padding: 0; margin: 10px 0 0 25px; letter-spacing: 0.5px; -webkit-transition: none; -o-transition: none; transition: none; text-decoration: none;}
.navbar-nav li 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; color: #1a1a1f; border-bottom: 3px solid #ff0000; background: transparent;}
.navbar-nav>li>a {line-height: 23px;}
.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 10px; display: block; text-decoration: none; color: #1a1a1f; border-top: 1px solid #eee;}
.navbar-mobile-buttons li a i {color: #ff0000; padding: 0 5px 0 0;}
.navbar-mobile-buttons li:nth-child(odd) a {border-right: 1px solid #eee;}


/* Form
----------------------------------------------------------------------------- */
.block-form .form-control {border: none; background: #fff; color: #1a1a1f; 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: #f35037; color: #ffffff;}
.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: 16px; padding: 0; color: #1a1a1f; cursor: pointer; border: none; background: transparent; border-radius: 0; text-transform: uppercase; letter-spacing: 1px; font-weight: 400; 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: #f35037;}
.block-form .btn-default:hover {color: #f35037;}

@media (max-width: 1920px) {

}
@media (max-width: 1400px) {
    .block-section > .block-section-container {width: 1170px;}
    .block-section {padding: 50px 0 80px 0;}
    .container {width: 1170px;}
    .content {margin-top: 140px;}
    .navbar-nav {margin: 34px 0 0 0;}
    .navbar-nav li a {margin: 0 0 0 12px;}
    .header {padding: 15px 0;}
    #site-logo {max-width: 200px;}
    .site-logo2 img {margin-left: 30px;}
    .footer {padding: 50px 0 60px 0;}
    .footer img {margin: 0 auto; max-width: 170px;}
}

@media (max-width: 1170px) {
    html, body {font-size: 14px; line-height: 27px;}
    h1 {font-size: 45px; line-height: 55px;}
    h2 {font-size: 35px; line-height: 45px;}
    h3 {font-size: 22px; line-height: 30px;}
    h4 {font-size: 14px; line-height: 27px;}
    h5 {font-size: 18px; line-height: 27px;}
    h5 a {font-size: 14px; line-height: 27px;}
    .block-section > .block-section-container {width: 970px;}
    .block-section {padding: 50px 0 60px 0;}
    .container {width: 970px;}
    .content {margin-top: 130px;}
    .header {padding: 20px 0;}
    #site-logo {max-width: 175px;}
    .site-logo2 img {margin-left: 42px;}
    .navbar-nav {margin: 22px 0 0 0;}
    .navbar-nav li a {margin: 0 0 0 9px; font-size: 14px;}
}

@media (max-width: 992px) {
    .block-section > .block-section-container {width: 750px;}
    .container {width: 750px;}
    .content {margin-top: 120px;}
    .block-section {padding: 40px 0 50px 0;}
    .navbar-nav {margin: 17px 0 0 0;}
    
    .navbar-nav li a {margin: 0 0 0 6px; font-size: 11px;}
    .navbar-nav>li>a {line-height: 17px;}
    #site-logo {max-width: 150px;}
    .site-logo2 img {margin-left: 25px;}
    .btn {padding: 9px 27px; font-size: 15px; margin-top: 10px;}
    hr {margin: 15px 0 10px 0;}
    .footer img {margin: 0 auto; max-width: 150px;}
}

@media (max-width: 766px) {
    html, body {font-size: 13px; line-height: 25px;}
    h1 {font-size: 40px; line-height: 50px;}
    h2 {font-size: 30px; line-height: 50px;}
    h3 {font-size: 19px; line-height: 26px;}
    h4 {font-size: 13px; line-height: 25px;}
    h5 {font-size: 17px; line-height: 25px;}
    h5 a {font-size: 13px; line-height: 25px;}
    .block-section > .block-section-container {width: auto;}
    .container {width: auto;}
    .content {margin-top: 166px;}
    .block-section {padding: 30px 10px 50px 10px;}
    
    .header {padding: 0;}

    #contact-banner {display: none;}
    
    #Puffar .block-section {margin-bottom: 15px; padding: 20px 30px;}
        
        
    .footer .col-lg-4 {margin-bottom: 40px;}
    .footer {text-align: center; padding: 40px 0 0 0;}
    .footer hr {margin: 15px auto 0 auto;}
    .footer h2 a {margin: 0; display: block;}
    .footer h2, .footer h3 {padding: 20px 0 0 0; font-size: 16px; line-height: 25px;}
    #foot-menu {width: 100%;}
    
    .navbar-nav {margin: 0;}
    .navbar-nav li {float: left; width: 100%;}
    .navbar-nav li a {margin: 0; font-size: 15px; letter-spacing: 1px; padding: 10px 10px 8px; border: none; border-top: 1px solid #eee;}
    .navbar-nav li a:hover, .navbar-nav li.active.current.current_page_item a { border: none; border-top: 1px solid #eee; background: #ff0000; color: #fff;}
    .navbar-mobile-buttons {display: block;}
	
	#site-logo {float: none; max-width: 100px; margin: 15px auto 0;}
	.site-logo2 img {margin-left: 0;}
	
}
@media (max-width: 320px) {

}