@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: #3a3a3a; overflow-x: hidden;font-family: proxima-nova, sans-serif; font-size: 16px; line-height: 30px; font-weight: 400; color: #ccc;} 
/*
body {background: transparent url('../../files/bg1.jpg') no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
*/

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

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

h1 { margin: 0; padding: 0; color: #fff; font-weight: 300; font-size: 50px; line-height: 65px; letter-spacing: 2px; text-transform: uppercase;}
h2 { margin: 0; padding: 0; color: #fff; font-weight: 300; font-size: 40px; line-height: 55px; }
h3 { margin: 0; padding: 0; color: #fff; font-weight: 300; font-size: 30px; line-height: 40px; }
h4 { margin: 0; padding: 0; color: #fff; font-weight: 700; font-size: 16px; line-height: 30px;}

h5 { margin: 0; padding: 0; color: #fff; font-weight: 400; font-size: 20px; line-height: 30px;}
h6 { margin: 0; padding: 0; color: #fff; font-weight: 600; font-size: 16px; line-height: 26px; letter-spacing: 2px; text-transform: uppercase;}

em {font-style: italic;}
strong {font-weight: 700;}
span {color: #e3030e;}

p {padding: 15px 0 0 0;}

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

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: #da251d;}
::selection {color: #fff; background: #da251d;}

/***************** line *******************/
hr {width: 120px; margin: 30px 0 20px 0; height: 4px; background-color: #7f7f7f; color: #7f7f7f; border: 0;}


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

.btn-primary, .btn-primary:focus {
    font-size: 14px;
    line-height: 25px;
    padding: 10px 20px;
    background: #da251d;
    border-radius: 0;
    font-weight: 400;
    text-transform: uppercase;
    display: inline-block;
    color: #fff;
    margin: 0;
    text-decoration: none;
    letter-spacing: 2px;
    border: none;
    
    
}

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



.runder img:hover {
    
    transform: scale(1.05);
    -webkit-transition: transform 600ms;
    -moz-transition: transform 600ms;
    -o-transition: transform 600ms;
    transition: transform 600ms;
    background-size: cover;
}
.runder img {
    /* width: 300px; */
    /* height: 300px!important; */
    border-radius: 0;
    border: solid 10px rgba(127, 127, 127, 1);
    position: relative;
    z-index: 1;
    /*margin-top: -26%;*/
    overflow: hidden;
    float: none;
    -webkit-transition: border 600ms;
    -moz-transition: border 600ms;
    -o-transition: border 600ms;
    transition: border 600ms;
    -webkit-transition: transform 600ms;
    -moz-transition: transform 600ms;
    -o-transition: transform 600ms;
    transition: transform 600ms;
    background-size: cover;
}
.container {width: 1400px;}

.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: 20px 0 40px 0; background: #111; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

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

.no-pad {padding: 0;}
.img-center {width: 100%; max-width: 300px; margin: 0 auto;}

.content {padding-top: 139px;}

/*
#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;}
*/
.header {width: 100%; padding: 10px 0 0 0; background: /*#bbb*/ #fff; z-index: 100; -webkit-box-shadow: 0px 0px 30px 0px rgba(0,0,0,.8); -moz-box-shadow: 0px 0px 30px 0px rgba(0,0,0,.8); box-shadow: 0px 0px 30px 0px rgba(0,0,0,.8); position: fixed; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.header .col-lg-12 {padding-left: 0; padding-right: 0;}
.header a {border: none;}
.header a img:hover {opacity: 1;}
.menu {background: #7f7f7f; margin: 10px 0 0 0;}
.menu {background: transparent url('../../files/steel2.jpg') no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}

#site-logo {width: 100%; max-width: 250px; margin: 0 auto; padding: 0 0 0 10px;}
.header .col-lg-6 {width: 100%;}
/*
#Banner {padding: 200px 0 220px 0; background: transparent; text-align: center;}
#Banner h1 {padding: 0; color: #fff; font-size: 80px; line-height: 100px; text-transform: uppercase;}
#Banner h5 {color: #fff;}
#Banner .panel {padding: 20px 0 30px 60px; margin: 0; border-left: 5px solid #e3030e; width: 90%; background: transparent; border-radius: 0; box-shadow: none; -webkit-box-shadow: none;}

#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;}
*/

#Banner {margin-top: 135px; height: calc(100vh - 135px); position: fixed;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: calc(100vh - 135px) !important; object-fit: cover;}
#Banner img {padding: 0 !important;}

#arrow-right {z-index: 10; width: auto; padding: 40px 50px; position: absolute; right: 0; bottom: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#arrow-right img {width: 55px; float: left;}
#arrow-right .animated {-webkit-animation-delay: 1.8s; -webkit-animation-iteration-count: infinite; -vendor-animation-duration: 1.8s;}


#Puff {margin-top: calc(100vh);}
#Puff .block-image {padding-top: 20px;}

#social-media {width: auto; padding: 30px 40px; position: absolute; right: 0; bottom: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#social-media h3 a {font-size: 20px; line-height: 20px; color: #fff; margin: 0 0 0 20px;}
#social-media h3 a:hover {color: #e3030e;}

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

#Valkommen {background: transparent url('../../files/bg.jpg') no-repeat center center; /*background-attachment: fixed;*/ -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
  

#Logos {padding: 50px 0; background: #fff; moz-transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s; -ms-transition: all .5s; transition: all .5s;}
#Logos:hover {background: #f0f0f2;}
#Logos .img {width: 100%; max-width: 300px; border: 2px solid #f0f0f2; border-radius: 25px; margin: 0 auto; moz-transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s; -ms-transition: all .5s; transition: all .5s;}
#Logos .img img {border-radius: 23px;}
#Logos .img:hover {border: 2px solid #fff; -webkit-box-shadow: 0px 0px 30px 0px rgba(0,0,0,.6); -moz-box-shadow: 0px 0px 30px 0px rgba(0,0,0,.6); box-shadow: 0px 0px 30px 0px rgba(0,0,0,.6);}

#Knappar {padding: 0;}
#Knappar .panel {width: calc(25% - 8px); z-index: 4000; background: #fff; margin: 0 4px 8px 4px; padding: 20px 0 30px 0; text-align: center; border-radius: 0; box-shadow: none; -webkit-box-shadow: none; position: relative; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; moz-transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s; -ms-transition: all .5s; transition: all .5s;}
#Knappar .panel:hover {background: #f0f0f2; -webkit-box-shadow: 0px 0px 30px 0px rgba(0,0,0,.6); -moz-box-shadow: 0px 0px 30px 0px rgba(0,0,0,.6); box-shadow: 0px 0px 30px 0px rgba(0,0,0,.6);}
#Knappar img {width: 100%; max-width: 60px; margin: 0 auto; padding: 20px 0 0 0;}
#Knappar .block-section-container {width: 100%; padding: 0;}

#Puffar {padding: 0;}
#Puffar .row {padding: 0;}
#Puffar .panel {width: 100%; min-height: 285px; background: #fff; margin: 0; border-bottom: 8px solid #f0f0f2; border-left: 4px solid #f0f0f2; border-right: 4px solid #f0f0f2; padding: 20px 50px 30px 50px; text-align: center; border-radius: 0; box-shadow: none; -webkit-box-shadow: none; position: relative; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#Puffar img {border-left: 4px solid #f0f0f2; border-right: 4px solid #f0f0f2; moz-transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s; -ms-transition: all .5s; transition: all .5s;}
#Puffar img:hover {opacity: .7;}
#Puffar .block-section-container {width: 100%; padding: 0;}

#Samarbetspartners .block-image {background: #fff; padding: 0 20px 20px;  margin-left: 0px; margin-right: 0; margin-top: 30px;}

#Kunder, #Kunder .block-section {background: #242424;}
#Kunder .block-image {background: #fff; padding: 0 20px 20px;  margin-left: 0px; margin-right: 0; margin-top: 30px;}

#Tjanst .btn {margin-top: 15px;}
#Tjanst .block-image {padding-top: 15px;}

#Kontakta-oss {width: 50%; float: left; height: 615px;}
#Kontakta-oss .block-section-container {width: 100%; margin: 0; padding: 0 150px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#Kontakta-oss h5 {padding: 10px 0 0 0;}
#Kontakta-oss ul {list-style: none; width: 100%; padding: 15px 0 0 0;}
#Kontakta-oss ul li {width: 100%; text-transform: uppercase; font-weight: 400; letter-spacing: 1px; padding: 2px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#Kontakta-oss ul li:nth-child(1):before {content: "\f041"; font-family: FontAwesome; padding: 0 10px 0 0; color: #e3030e; font-weight: 400;}
#Kontakta-oss ul li:nth-child(2):before {content: "\f003"; font-family: FontAwesome; padding: 0 10px 0 0; color: #e3030e; font-weight: 400;}
#Kontakta-oss ul li:nth-child(3):before {content: "\f095"; font-family: FontAwesome; padding: 0 10px 0 0; color: #e3030e; font-weight: 400;}
#Kontakta-oss .panel {padding: 20px 0 30px 60px; background: #f0f0f2; margin: 0; border-radius: 0; border-left: 3px solid #e3030e; width: 100%; box-shadow: none; -webkit-box-shadow: none;}

#Kontaktruta {position: relative; padding-top: 24px; padding-bottom: 24px; background: #da251d;}
#Kontaktruta .block-section {background: #da251d;}
#Kontaktruta .btn-primary, #Kontakt .btn-primary:focus {background: #fff; color: #222; float: right; }
#Kontaktruta .btn-primary:hover, #Kontakt .btn-primary:active, #Kontakt .btn-primary:hover:before, #Kontakt .btn-primary:hover:active, #Kontakt .btn-primary:active:focus {color: #fff; background: #B81F18;}
#Kontaktruta h5 {padding-top: 8px;}



/*#Karta {width: 50%; margin: 0; float: left; padding: 0; height: 615px; overflow: hidden;}
#Karta iframe {-webkit-filter: grayscale(1) !important; filter: grayscale(1) !important; moz-transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s; -ms-transition: all .5s; transition: all .5s; width: 100%;}
#Karta blockquote {width: 100%; padding: 0; border-left: none; height: 615px; background: rgba(255,255,255,.9); position: absolute; left: 0; top: 0; z-index: 8000;}
*/
#Karta {padding: 0; line-height: 0;}
#Karta .block-section-container {width: 100%; padding: 0; margin: 0;}
#Karta iframe {padding: 0; line-height: 0;  width: 100%; -webkit-filter: grayscale(1); filter: grayscale(1);;} 
#Karta iframe:hover {-webkit-filter: grayscale(0); filter: grayscale(0);}


/*
.Galleri {width: 100%; padding: 0; background: #f0f0f2; position: relative; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#owl-carousel .item {padding: 0; margin: 0;}
*/
#Galleri img, .galleri img {object-fit: cover; width: 100%; height: 300px !important;}
#Galleri .block-gallery, .galleri .block-gallery {padding-top: 25px;}
#Galleri .block-gallery ul.gallery li, .galleri .block-gallery ul.gallery li {margin-bottom: 30px;}
#Galleri img, .galleri img {padding: 0;}
#Galleri .btn {margin-top: 15px;}
#Galleri .btn-primary, #Galleri .btn-primary:focus {padding: 10px 91px;}


#Verktygstillverkning, #Reparationer, #Verktygstillverkning .block-section, #Reparationer .block-section {background: #242424;;}
/*
PrototypFastyckstillverkning
Lek
*/



.footer {width: 100%; padding: 50px 0 70px 0; text-align: center; background: #3a3a3a; position: relative; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
/*.footer h2, .footer h2 a:hover {color: #282828;}
.footer h2 {text-transform: none;}
.footer h2 a {text-decoration: none; padding: 0 20px; margin: 30px 0 0 0; font-size: 25px; line-height: 45px;}
.footer h4 {color: #ffffff;}*/
.footer hr {margin: 40px auto; background-color: #fff;}
.footer a {border: none; color: #ccc;}
.footer a:hover {border: none; color: #fff;}
.footer i {color: #fff;}
.footer strong, .footer h4 {color: #fff; font-weight: 400;}


.footer {background: transparent url('../../files/steel2.jpg') no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}


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

button.navbar-toggle {width: 100%; text-align: center; font-size: 20px; color: #fff; margin: 0; padding: 15px 0 11px; border: none;}
.navbar, .navbar-nav {margin: 0; border: none; width: 1400px;
    margin: 0 auto;}
.navbar-nav li {margin: 0 /*25px*/; padding: /*20px*/ 0;}
.navbar-nav li a {color: #fff; font-weight: 400; letter-spacing: 2px; text-transform: uppercase; font-style: normal; border-bottom: 2px solid transparent; border: none; padding: 15px 29.6px; margin: 0; -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, .nav .open>a, .nav .open>a:hover, .nav .open>a:focus  {
    -webkit-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    color: #fff;
    background: #da251d /*rgba(218,37,29,1)*/;
    border-bottom: 2px solid #fff;
    border: none;
}

.navbar-collapse {padding: 0; border-top: none; -webkit-box-shadow: none; box-shadow: none;}

.dropdown-menu {padding: 0; border: none;}
.nav-level2 li a {color: #222;}

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


/* Form
----------------------------------------------------------------------------- */
.block-form {padding: 15px 0 0 0;}
.block-form .form-control {border: none; background: #fff; 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; 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 label {color: #fff;}
/*.block-form .btn-default {font-size: 20px; line-height: 30px; padding: 0; font-weight: 700; font-style: italic; display: inline-block; color: #333338; 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: #e3030e;}
.block-form .btn-default:hover {color: #e3030e;}
*/

.block-form .btn-default, .block-form .btn-default:focus {
    font-size: 14px;
    line-height: 25px;
    padding: 10px 20px;
    background: #da251d;
    border-radius: 0;
    font-weight: 400;
    text-transform: uppercase;
    display: inline-block;
    color: #fff;
    margin: 0;
    text-decoration: none;
    letter-spacing: 2px;
    border: none;
    
    
}

.block-form .btn-default:hover, .block-form .btn-default:active, .block-form .btn-default:hover:before, .block-form .btn-default:hover:active, .block-form .btn-default:active:focus {
     color: #fff;
     background: #B81F18;
     border: none;
}





@media (max-width: 1400px) {
    .block-section > .block-section-container {width: 1170px;}
    .block-section {padding: 10px 0 30px 0;}
    .container {width: 1170px;}
    #site-logo {max-width: 300px;}
    
    .content {padding-top: 153px;}
    
    .navbar, .navbar-nav {width: 1280px;}
    .navbar-nav li a {padding: 15px 22.9px;}
    
    #Banner h1 {font-size: 70px; line-height: 90px;}
    #Banner .panel {width: 100%;}
    
    #Galleri .btn-primary, #Galleri .btn-primary:focus {padding: 10px 63px;}
    
    #Galleri img, .galleri img {height: 270px !important;}
    
    #Knappar .panel {padding: 10px 0 30px 0;}
    #Knappar h5 a {margin: 15px 0 0 0;}
    #Valkommen h1 {font-size: 35px; line-height: 55px;}
    #Kontakta-oss .block-section-container {padding: 0 50px;}
    #Kontakta-oss {height: 550px;}
    #Puffar .panel {padding: 20px 30px 40px 30px; min-height: 305px;}

    h5 {font-size: 18px; line-height: 30px;}
}

@media (max-width: 1280px) {
    .navbar, .navbar-nav {width: 1170px;}
    .navbar-nav li a {padding: 15px 16.8px;}

}

@media (max-width: 1170px) {
    html, body {font-size: 14px; line-height: 27px;}
    h1 {font-size: 40px; line-height: 50px;}
    h2 {font-size: 33px; line-height: 43px;}
    h3 {font-size: 25px; line-height: 35px;}
    h4 {font-size: 14px; line-height: 27px;}
    h5 {font-size: 16px; line-height: 27px;}
    h5 a {font-size: 14px; line-height: 27px;}
    .block-section > .block-section-container {width: 970px;}
    .block-section {padding: 5px 0 25px 0;}
    .container {width: 970px;}
    
    .content {padding-top: 139px;}
    
    hr {margin: 15px 0 0px 0;}
    
    .navbar, .navbar-nav {width: 992px;}
    .navbar-nav li a {padding: 15px 11.9px;}
    
    #Galleri .btn-primary, #Galleri .btn-primary:focus {padding: 10px 38px;}
    
    #Galleri img, .galleri img {height: 220px !important;}
    
    #Banner h1 {font-size: 60px; line-height: 75px;}
    #Knappar img {max-width: 40px;}
    #Kontakta-oss .block-section-container {padding: 0 30px;}
    #Kontakta-oss {height: 450px;}
    #Kontakta-oss .panel {padding: 20px 0 30px 30px;}
    #site-logo {max-width: 250px;}
    
    h5 a {padding: 7px 30px; font-size: 12px;}
    #Puffar .panel {padding: 10px 20px 30px 20px;min-height: 325px;}
}

@media (max-width: 1024px) {
    #site-slider {display: none;}
    #custom-pager {display: none;}
}

@media (max-width: 992px) {
    html, body {font-size: 13px; line-height: 25px;}
    h5 a {font-size: 13px; line-height: 25px;}
    .block-section > .block-section-container {width: 750px;}
    .block-section {padding: 0px 0 20px 0;}
    .container {width: 750px;}
    
    .content {padding-top: 115px;}
    
    .navbar {min-height: 40px;}
    .navbar, .navbar-nav {width: 768px;}
    .navbar-nav li a {padding: 10px 6.9px; font-size: 11px;}
    
    #Galleri .btn-primary, #Galleri .btn-primary:focus {padding: 10px 10px;}
    
    #site-logo {max-width: 200px;}
    #Banner h1 {font-size: 60px; line-height: 75px; letter-spacing: 3px;}
    #Banner {margin-top: 115px; height: calc(100vh - 115px);}
    #Banner .block-gallery .carousel>.carousel-inner>.item>img, #Banner .block-gallery .carousel>.carousel-inner>.item>a>img {height: calc(100vh - 115px) !important;}
    
    #arrow-right {padding: 20px 30px;}
    #arrow-right img {width: 30px;}
    
    #Galleri img, .galleri img {height: 165px !important;}
    
    #Knappar .panel {padding: 0 0 20px 0;}
    #Kontakta-oss .panel {padding: 0; border: none;}
    #Puffar .panel {min-height: 220px;}
    #Kontakta-oss {height: 350px;}
    .footer {padding: 40px 0;}

    h5 a {padding: 0; background: transparent; -webkit-box-shadow: 0px 0px 0px 0px rgba(166,166,166,0); -moz-box-shadow: 0px 0px 0px 0px rgba(166,166,166,0); box-shadow: 0px 0px 0px 0px rgba(166,166,166,0);} 
    h5 a:hover {-webkit-box-shadow: 0px 0px 0px 0px rgba(166,166,166,0); -moz-box-shadow: 0px 0px 0px 0px rgba(166,166,166,0); box-shadow: 0px 0px 0px 0px rgba(166,166,166,0);}
}

@media (max-width: 768px) {
    
    .runder img {
    margin-top: 0;
    }
    h1 {font-size: 21px; line-height: 35px; letter-spacing: 2px;}
    h2 {font-size: 30px; line-height: 40px; letter-spacing: 1px;}
    h3 {font-size: 23px; line-height: 35px; letter-spacing: 1px;}
    h4 {font-size: 13px; line-height: 25px;}
    h5 {font-size: 16px; line-height: 25px;}
    .block-section > .block-section-container {width: auto;}
    .block-section {padding: 0px 15px 20px;}

    .container {width: auto;}
    
    .header {padding: 0;}
    .social {display: none !important;}
    
    hr {margin: 10px 0 0px 0;}
    
    .content {padding-top: 125px;}
    .content img {padding: 0;}
    
    .btn-primary, .btn-primary:focus {
    font-size: 11px;
    line-height: 20px;}
    
    #Tjanster .block-section {margin-bottom: 30px;}
    
    .galleri .col-xs-3 {width: 50%; padding-right: 7.5px; padding-left: 7.5px;}
    .galleri .block-gallery ul.gallery {padding: 0 10px;}
    #Galleri .block-gallery ul.gallery li, .galleri .block-gallery ul.gallery li {margin-bottom: 15px;}
    
    #Galleri .btn-primary, #Galleri .btn-primary:focus {padding: 5px 10px; width: 98%;}
    
    #Kontakt .block-form .form-control {padding: 8px 10px;}
    
    #Samarbetspartners .block-image, #Kunder .block-image {padding: 20px;}
    
    #Puffar .panel {min-height: 0;}
    #Banner h1 {font-size: 40px; line-height: 50px; letter-spacing: 2px;}
    #Banner .panel {padding: 0 20px; border: none;}
    #social-media {display: none;}
    #Knappar .panel {width: 100%; border: none; border-bottom: 5px solid #f0f0f2;}
    #Valkommen h1 {font-size: 30px; line-height: 40px;}
    #Puff-1, #Puff-2, #Puff-3, #Puff-4 {width: 100%; min-height: 0;}
    #Puff-1 img, #Puff-2 img, #Puff-3 img, #Puff-4 img {max-width: 100px;}
    #Kontakta-oss {height: auto; width: 100%;}
    #Kontakta-oss .block-section-container {padding: 0 20px;}

    #Karta blockquote {display: none !important; visibility: hidden !important;}
    
    
    #Puff .block-section {margin-top: 15px; margin-bottom: 15px;}
    
    #Kontaktruta .btn-primary, #Kontakt .btn-primary:focus {margin-top: 10px;}
    
    
    
    .menu {margin: 0;}
    
    .navbar {min-height: 50px;}
    .navbar, .navbar-nav {width: auto;}
    .navbar-nav li a {padding: 10px 6.7px; font-size: 11px;}
    
    
    .navbar-nav {margin: 0;}
    .navbar-nav li {
    margin: 0;
    padding: 0;
    float: left;
    width: 100%;
    }
    
    .navbar-nav li a {margin: 0; padding: 10px 30px; border: none; border-top: 1px solid #da251d;}
    .navbar-nav li a:hover, .navbar-nav li.active.current.current_page_item a {border: none; border-top: 1px solid #da251d; background: #da251d; color: #fff; -webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0); -moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0); box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);}
    .nav-level2 li a {color: #222; background: #fff;}
    
    .footer hr {margin: 10px auto 15px;}
    .footer h3 {padding-top: 15px;}
    .footer p {padding: 5px 0 0 0;}
    
	
	#site-logo {max-width: 200px; float: none; margin: 10px auto;}
	
	
}

@media (max-width: 320px) {
    #Banner h1 {font-size: 30px; line-height: 40px; letter-spacing: 2px;}
}

/** BX SLIDER
===================================*/
/** RESET AND LAYOUT
===================================*/
.bx-wrapper {position: relative; margin: 0; padding: 0; *zoom: 1; -ms-touch-action: pan-y; touch-action: pan-y;}
.bx-wrapper img {max-width: 100%; display: block;}
.bxslider {margin: 0; padding: 0;}
ul.bxslider { list-style: none;}
.bxslider li { border: none !important; padding: 0;}
.bx-viewport {/*fix other elements on the page moving (on Chrome)*/ -webkit-transform: translatez(0);}
/** THEME
===================================*/
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {position: absolute; bottom: -30px; width: 100%;}
/* LOADER */
.bx-wrapper .bx-loading {min-height: 50px; background: url('images/bx_loader.gif') center center no-repeat #ffffff; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000;}
/* PAGER */
.bx-wrapper .bx-pager {text-align: center; font-size: .85em; font-family: Arial; font-weight: bold; color: #666; padding-top: 20px;}
.bx-wrapper .bx-pager.bx-default-pager a {background: #666; text-indent: -9999px; display: block; width: 10px; height: 10px; margin: 0 5px; outline: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus {background: #000;}
.bx-wrapper .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item {display: inline-block; *zoom: 1; *display: inline;}
.bx-wrapper .bx-pager-item {font-size: 0; line-height: 0;}
/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {left: 10px; background: url('images/controls.png') no-repeat 0 -32px;}
.bx-wrapper .bx-prev:hover, .bx-wrapper .bx-prev:focus {background-position: 0 0;}
.bx-wrapper .bx-next {right: 10px; background: url('images/controls.png') no-repeat -43px -32px;}
.bx-wrapper .bx-next:hover, .bx-wrapper .bx-next:focus {background-position: -43px 0;}
.bx-wrapper .bx-controls-direction a {position: absolute; top: 50%; margin-top: -16px; outline: 0; width: 32px; height: 32px; text-indent: -9999px; z-index: 9999;}
.bx-wrapper .bx-controls-direction a.disabled {display: none;}
/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto {text-align: center;}
.bx-wrapper .bx-controls-auto .bx-start {display: block; text-indent: -9999px; width: 10px; height: 11px; outline: 0; background: url('images/controls.png') -86px -11px no-repeat; margin: 0 3px;}
.bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active, .bx-wrapper .bx-controls-auto .bx-start:focus {background-position: -86px 0;}
.bx-wrapper .bx-controls-auto .bx-stop {display: block; text-indent: -9999px; width: 9px; height: 11px; outline: 0; background: url('images/controls.png') -86px -44px no-repeat; margin: 0 3px;}
.bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active, .bx-wrapper .bx-controls-auto .bx-stop:focus {background-position: -86px -33px;}
/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {text-align: left; width: 80%;}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {right: 0; width: 35px;}
/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption {position: absolute; bottom: 0; left: 0; background: #666; background: rgba(80, 80, 80, 0.75); width: 100%;}
.bx-wrapper .bx-caption span {color: #fff; font-family: Arial; display: block; font-size: .85em; padding: 10px;}