@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: #fff; overflow-x: hidden; font-family: 'usual', Arial, Sans-serif; font-size: 16px; line-height: 30px; font-weight: 400; color: #333338; letter-spacing: .3px;} 

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

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

h1 {font-family: 'usual', Arial, Sans-serif; margin: 0; padding: 0; color: #333338; font-weight: 300; font-size: 65px; line-height: 75px; letter-spacing: .5px;}
h2 {font-family: 'usual', Arial, Sans-serif; margin: 0; padding: 0; color: #333338; font-weight: 300; font-size: 50px; line-height: 65px; letter-spacing: .5px;}
h3 {font-family: 'usual', Arial, Sans-serif; margin: 0; padding: 0; color: #333338; font-weight: 400; font-size: 35px; line-height: 40px; letter-spacing: .5px;}
h4 {font-family: 'usual', Arial, Sans-serif; margin: 0; padding: 0; color: #333338; font-weight: 700; font-size: 16px; line-height: 30px;}
h5 {font-family: 'usual', Arial, Sans-serif; margin: 0; padding: 0; color: #a0a0a5; font-weight: 400; font-size: 20px; line-height: 35px;}
h6 {font-family: 'usual', Arial, Sans-serif; margin: 0; padding: 0; color: #ED1C24; font-weight: 700; font-size: 16px; line-height: 30px; text-transform: uppercase; letter-spacing: 4px;}

h5 a {font-size: 14px; line-height: 30px; padding: 0; border-bottom: 1px solid #0071BC; font-weight: 400; font-style: normal; display: inline-block; text-transform: uppercase; letter-spacing: 2px; color: #333338; margin: 20px 0 0 0; text-decoration: none;}
h5 a:before {content: "\f067"; font-family: FontAwesome; padding: 0 10px 0 0; color: #ED1C24; font-style: normal; moz-transition: all .4s; -webkit-transition: all .4s; -o-transition: all .4s; -ms-transition: all .4s; transition: all .4s;}
h5 a:hover {border-bottom: 1px solid #ED1C24; color: #333338;}

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

p {padding: 15px 0 0 0;}

a {text-decoration: none; border-bottom: 1px solid #0071BC; color: #333338; moz-transition: all .4s; -webkit-transition: all .4s; -o-transition: all .4s; -ms-transition: all .4s; transition: all .4s;}
a:hover {color: #333338; border-bottom: 1px solid #ED1C24; 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: #fff; background: #ED1C24;}
::selection {color: #fff; background: #ED1C24;}

/***************** line *******************/
hr {width: 100%; margin: 50px 0 30px 0; height: 2px; background-color: #ED1C24; color: #ED1C24; border: 0;}


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

/* ----- COOKIE BANNER STYLING ----- */
#modal-cc {background-color: rgba(26,26,26,.9); overflow: scroll;}
#modal-cc ::-webkit-scrollbar-thumb {background: #333; border-radius:0;}
#modal-cc ::-webkit-scrollbar-track {background:#333;}
#modal-cc .modal-dialog {background: #fff; overflow: scroll; position: fixed; margin: 0; bottom:0; max-width: 650px;}
#modal-cc .modal-content {box-shadow: none!important; border-bottom: none!important; height:100vh; border-radius: 0; background: #fff; color: #333;}
#modal-cc .modal-header {border-bottom:none; padding:3rem 3rem .5rem 3rem;}
#modal-cc .modal-header h4 {font-weight: 700; text-transform: uppercase;}
#modal-cc .modal-header .close {position: absolute; top: 1em; right: 1em;}
#modal-cc .modal-title {line-height:initial;}
#modal-cc .modal-body {font-size: 0.8em; padding: 1.5rem 3rem 3rem 3rem; overflow-y: auto;}
#modal-cc hr {margin: 30px auto 20px auto;}
#modal-cc #cc-buttons {display: flex; flex-direction: row-reverse; justify-content: flex-end;}
#modal-cc #cc-buttons button {padding: 12px 20px!important;margin-right: 10px;}
#modal-cc #cc-buttons button:after {float: none; margin-left: 15px;}

#cc-settings-button {font-size: 1.5em; border-bottom: none; }

@media (max-width: 1920px) {
    #modal-cc .modal-dialog {max-width:570px;}
} @media (max-width: 1440px) {
    #modal-cc .modal-dialog {max-width:500px;}
} @media (max-width:767px) {
    #modal-cc .modal-content {height:80vh;}
}
/* ----- END: COOKIE BANNER STYLING ----- */

.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%; background: #fff; position: relative; padding: 20px 0 40px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

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

.btn-primary {font-size: 14px; padding: 15px 50px; border-radius: 30px; border: none; font-style: normal; line-height: 25px; border: none; background: #fff; letter-spacing: 2px;-webkit-box-shadow: 0px 0px 12px 0px rgba(166, 166, 171, 1); -moz-box-shadow: 0px 0px 12px 0px rgba(166, 166, 171, 1); box-shadow: 0px 0px 12px 0px rgba(166, 166, 171, 1); text-transform: uppercase; font-weight: 400; display: inline-block; color: #0071BC; margin: 25px 0 0 0; text-decoration: none;}
.btn-primary:hover, .btn-primary:active, .btn-primary:focus { border: none; background: #fff; color: #ED1C24; -webkit-box-shadow: 0px 0px 32px 0px rgba(166, 166, 171, 1); -moz-box-shadow: 0px 0px 32px 0px rgba(166, 166, 171, 1); box-shadow: 0px 0px 32px 0px rgba(166, 166, 171, 1);}

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

#site-slider {width: 100%; height: 400px; 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: 400px;}
#slide_1 {background: transparent url('../../files/slide_1.jpg') no-repeat center bottom; -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;}

.header {width: 100%; padding: 0 0 20px 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;}
#site-logo {width: 100%; max-width: 250px; margin: 20px 0 0 0; padding: 0;}
#site-logo a {border: none;}
.site-top {width: 100%; padding: 0; background: #f0f0f2; border-top: 5px solid #0071BC; margin: 0; position: relative;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.site-top p {padding: 8px 0 0 0; font-size: 14px; color: #a0a0a5;}
.site-top span {padding: 0 10px; color: #c7c7cc;}
.site-top h5 a {margin: 0; float: right; padding: 5px 50px 10px 50px; background: #0071BC; border-radius: 0; color: #fff; border-bottom: none;}
.site-top h5 a:before {color: #fff;}
.site-top h5 a:hover {background: #ED1C24; color: #fff;}

#Banner {padding: 400px 0 250px 0; min-height: 100vh; background: transparent; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#Banner h1 {font-size: 110px; line-height: 120px; padding: 20px 0 0 0; letter-spacing: 1px; color: #fff;}
#Banner h6 {color: #fff;}
#Banner .logo {width: 800px; margin: 20px auto;}
#Banner .btn-primary {border: 1px solid #fff; background: #fff; color: #0071BC;}
#Banner .btn-primary:hover, .btn-primary:active, .btn-primary:focus { border: 1px solid #ED1C24; background: #ED1C24; color: #fff;}

.banner_2 {padding: 200px; width: 100%; background: transparent; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

.content h1 {padding: 30px 0 0 0;}
.content h2, .content h3, .content h4, .content h6 {padding: 20px 0 0 0;}
.content img {padding: 15px 0 0 0;}

.icon {max-width: 100%; width: 80px; margin: 0 auto;}

.block-gallery ul.gallery {padding: 20px 0 0 0;}

#Ikoner {background: #f0f0f2; padding: 35px 0 60px 0;}
#Ikoner .block-section {background: #f0f0f2;}
#Ikoner p {color: #a0a0a5;}
#Ikoner .btn-primary {margin: 10px 0 0 0;}

#Puffar {position: relative; float: left; width: 100%; padding: 0; display: flex;}
#Puffar .block-section-container {width: 100%; background: rgba(0,113,188,0); padding: 300px 50px 330px 50px; margin: 0; moz-transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s; -ms-transition: all .5s; transition: all .5s;}
#Puffar .block-section-container:hover {background: rgba(0,113,188,.5);}
#Puffar .block-section {padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#Puffar h1, #Puffar h2, #Puffar h3, #Puffar h4, #Puffar h5, #Puffar h5 a, #Puffar h6, #Puffar p, #Puffar a {color: #fff;}
#Puffar h5 {margin: 0;}
#Puffar a {border: none;}
#Puffar a:hover {color: #ED1C24;}

#Tjanster {background: transparent url('../../files/bg_3.jpg') no-repeat center bottom; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
#Tjanster p {color: #a0a0a5;}
#Tjanster .__columns {display: flex;}
#Tjanster .__col {background: #fff; width: calc((100% / 3) - 30px); margin: 20px 15px 0 15px; padding: 20px 20px 50px 20px; border-top: 3px solid #0071BC; moz-transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s; -ms-transition: all .5s; transition: all .5s;}
#Tjanster .__col:hover {border-top: 3px solid #ED1C24;}

.social {width: 100%; padding: 70px 0; margin: 0; background: #0071BC; 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: 30px; text-align: right;}
.social h2 a {margin: 0 40px 0 0; color: #fff; border: none;}
.social h2 a:hover {color: #ED1C24;}

.footer {width: 100%; padding: 100px 0 120px 0; margin: 0; text-align: center; background: #333338; position: relative; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.footer p {color: #fff; display: block;}
.footer hr {margin: 50px 0 30px 0;}
.footer .__col {width: 20%; padding: 0 15px; float: left;}
#foot-menu {list-style: none; width: 100%; float: left; margin: 20px 0 0 0;}
#foot-menu li {float: left; width: auto; float: none; display: inline-block; margin: 0 20px;}
#foot-menu li a {color: #fff; font-weight: 400; font-size: 14px; letter-spacing: 3px; 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: #ED1C24;}
#foot-menu ul.children {display: none;}


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

button.navbar-toggle {width: 100%; text-align: right; font-size: 30px; color: #0071BC; margin: 25px 15px 0 0; padding: 0; border: none;}
.navbar, .navbar-nav {margin: 0; border: none; min-height: 0;}
.navbar-nav li a {color: #a0a0a5; font-weight: 400; text-transform: uppercase; padding: 8px 30px; border-radius: 25px; font-size: 14px; line-height: 30px; letter-spacing: 3px; border: 1px solid transparent; margin: 25px 0 0 30px; -webkit-transition: none; -o-transition: none; transition: none; text-decoration: none;}
.navbar-nav li a:hover, .nav .open>a, .nav .open>a:hover, .navbar-nav li.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: #333338; border: 1px solid #ED1C24;}
.navbar-nav .dropdown-menu {border-radius: 0; border: 0; right: 0; padding: 0; background: transparent;}
.navbar-nav .dropdown-menu li a, .navbar-nav li.active.current.current_page_item .dropdown-menu li a {border: none; border-radius: 0; background: #fff; font-weight: 400; font-size: 16px; line-height: 30px; border-left: 7px solid #0071BC; color: #a0a0a5; text-transform: none; letter-spacing: normal; padding: 10px 60px 10px 30px; margin: 0;}
.navbar-nav .dropdown-menu li a:before {display: none;}
.navbar-nav .dropdown-menu li a:hover, .navbar-nav li.active.current.current_page_item .dropdown-menu li a:hover {background: #fff; color: #333338; border: none; border-left: 7px solid #0071BC;}
.navbar-nav .dropdown-menu li.active.current.current_page_item a {background: #fff; color: #333338; border-left: 7px solid #ED1C24;}
.navbar-collapse {padding: 0; border-top: none; -webkit-box-shadow: none; box-shadow: none;}

.menu_temp {display: 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; background: #fff; text-decoration: none; color: #a0a0a5; border-top: 1px solid #0071BC;}
.navbar-mobile-buttons li a i {color: #ED1C24; padding: 0 5px 0 0;}
.navbar-mobile-buttons li:nth-child(odd) a {border-right: 1px solid #0071BC;}


/* Form
----------------------------------------------------------------------------- */
.block-form {padding: 15px 0 0 0;}
.block-form .form-control {border: none; background: #fff; border: 1px solid #0071BC; color: #333338; 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 #ED1C24; color: #333338;}
.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: 400; letter-spacing: 2px; display: inline-block; color: #333338; cursor: pointer; border: none; border-bottom: 1px solid #0071BC; background: transparent; border-radius: 0; display: inline-block; margin: 10px 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: #ED1C24;}
.block-form .btn-default:hover {color: #333338; border-bottom: 1px solid #ED1C24;}


@media (max-width: 1920px) {
    #Banner {padding: 350px 0 200px 0;}
    #Puffar .block-section-container {padding: 250px 50px 280px 50px;}
}

@media (max-width: 1440px) {
    .block-section > .block-section-container {width: 1170px;}
    .container {width: 1170px;}
    .navbar-nav li a {font-size: 12px; line-height: 25px; letter-spacing: 2px; padding: 8px 25px; margin: 35px 0 0 20px;}
    h1 {font-size: 60px; line-height: 75px;}
    h2 {font-size: 40px; line-height: 55px;}
    h3 {font-size: 30px; line-height: 40px;}
    h5 {font-size: 20px; line-height: 35px;}
    #site-logo {max-width: 200px;}
    #Banner {padding: 300px 0 150px 0;}
    #Banner h1 {font-size: 90px; line-height: 100px;}
    #Banner h2 {font-size: 50px; line-height: 75px;}
    #Puffar .block-section-container {padding: 200px 50px 230px 50px;}
    .contact {width: 100%; padding: 5px 0 10px 0;}
    .banner_2 {padding: 150px;}
    #site-slider, .bxslider li {height: 300px;}
    #Banner .logo {width: 600px;}
}

@media (max-width: 1280px) {
    h1 {font-size: 55px; line-height: 70px;}
    h2 {font-size: 38px; line-height: 50px;}
    h3 {font-size: 28px; line-height: 38px;}
    h5 {font-size: 20px; line-height: 35px;}
    h6 {font-size: 14px; line-height: 27px;}
    #Banner {padding: 250px 0 150px 0;}
    #Banner h1 {font-size: 80px; line-height: 90px; padding: 20px 0 0 0;}
    #Puffar .block-section-container {padding: 150px 50px 180px 50px;}
}

@media (max-width: 1170px) {
    html, body {font-size: 14px; line-height: 27px;}
    h1 {font-size: 45px; line-height: 55px;}
    h2 {font-size: 30px; line-height: 40px;}
    h3 {font-size: 24px; line-height: 35px;}
    h4 {font-size: 14px; line-height: 27px;}
    h5 {font-size: 17px; line-height: 30px;}
    h5 a {font-size: 12px; line-height: 25px;}
    .block-section > .block-section-container {width: 970px;}
    .container {width: 970px;}
    .banner_2 {padding: 100px;}
    #site-slider, .bxslider li {height: 200px;}
    #Banner {padding: 230px 0 100px 0;}
    .social {padding: 40px 0;}
    .site-top span {padding: 0 5px;}
    .site-top p {padding: 8px 0 0 0; font-size: 13px;}
    .footer {padding: 70px 0 90px 0;}
    .navbar-nav li a {margin: 25px 0 0 5px; letter-spacing: normal; padding: 5px 20px;}
    #site-logo {max-width: 150px;}
    #Puffar .block-section-container {padding: 100px 50px 130px 50px;}
    #Banner .logo {width: 500px; margin: 0 auto;}
    .btn-primary {font-size: 12px; padding: 15px 40px;}
}

@media (max-width: 992px) {
    h1 {font-size: 40px; line-height: 50px;}
    h2 {font-size: 25px; line-height: 35px;}
    h3 {font-size: 20px; line-height: 30px;}
    html, body {font-size: 13px; line-height: 25px;}
    h5 a {font-size: 13px; line-height: 25px;}
    h6 {font-size: 13px; line-height: 25px;}
    .btn-primary {font-size: 13px;}
    .block-section > .block-section-container {width: 750px;}
    .container {width: 750px;}
    .navbar-nav li a {font-size: 10px; line-height: 24px; padding: 5px 15px; margin: 20px 0 0 5px;}
    .site-top p {padding: 8px 0 0 0; font-size: 12px;}
    .site-top span {padding: 0 3px;}
    .site-top h5 a {padding: 5px 30px 10px 30px;}
    #site-logo {max-width: 120px;}
    #Banner {padding: 200px 0 100px 0;}
    #Banner h1 {font-size: 60px; line-height: 75px;}
    #Banner h2 {font-size: 35px; line-height: 50px;}
    #Banner .logo {width: 400px;}
    #foot-menu li {margin: 0 20px 0 0;}
    .contact h5 a i {display: inline-block; font-size: 13px; line-height: 25px; padding: 0 5px 0 0;}
}

@media (max-width: 767px) {
    h1 {font-size: 30px; line-height: 40px;}
    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;}
    .block-section > .block-section-container {width: auto;}
    .block-section {padding: 20px 15px 40px 15px;}
    .container {width: auto;}
    
    .contact {display: none;}
    .site-top h5 a {padding: 5px 0; display: block; width: 100%; text-align: center;}
    .site-top p {text-align: center; font-size: 10px; padding: 8px 0;}
    
    .footer .__col {width: 50%; margin: 20px 0 0 0;}
    
    #Ikoner {padding: 10px 15px 30px 15px;}
    
    #Banner {padding: 210px 10px 120px 10px;}
    #Banner h1 {font-size: 60px; line-height: 80px;}
    #Banner h2 {font-size: 25px; line-height: 40px;}
    
    #Puffar {display: block;}
    #Puffar .block-section-container {padding: 100px 50px 130px 50px; background: rgba(0,113,188,.5);}
    
    #Tjanster {padding: 0;}
    #Tjanster .__columns {display: block;}
    #Tjanster .__col {width: 100%; margin: 0; float: left; padding: 5px 15px 30px 15px;}
    
    .content {margin: 0;}
    
    .footer, .social {text-align: center; padding: 20px 15px 50px 15px;}
    .footer hr {margin: 15px auto 0 auto;}
    .social h2 a {margin: 0; display: block;}
    .social h2, .social h3 {padding: 20px 0 0 0; text-align: center;}
    #foot-menu {width: 100%;}
    #foot-menu li {width: 100%;}
    
    .header {padding: 0;}
    .navbar-nav {margin: 15px 0 0 0;}
    .navbar-nav li {float: left; width: 100%;}
    .navbar-nav li a {border: none; margin: 0; border-radius: 0; background: #fff; color: #a0a0a5; padding: 10px 20px; border-top: 1px solid #0071BC;}
    .navbar-nav li a:hover, .navbar-nav li.active.current.current_page_item a {border: none; background: #ED1C24; color: #fff; border-top: 1px solid #0071BC;}
    .navbar-mobile-buttons, .menu_temp {display: block;}
	
	#site-logo {float: none; max-width: 150px; margin: 20px 0 20px 15px;}
}
@media (max-width: 375px) {
    .site-top p {font-size: 8px; padding: 5px 0;}
}
@media (max-width: 320px) {
    .site-top p {font-size: 7px; padding: 5px 0;}
    #Banner h1 {font-size: 50px; line-height: 65px;}
}