@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: #E7E7E8; overflow-x: hidden; font-family: 'open sans', Arial, Sans-serif; font-size: 18px; line-height: 33px; font-weight: 400; color: #333e4d;} 

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

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

h1 {font-family: 'open sans', Arial, Sans-serif; margin: 0; padding: 0; color: #333e4d; font-weight: 700; font-size: 50px; line-height: 55px;}
h2 {font-family: 'open sans', Arial, Sans-serif; margin: 0; padding: 0; color: #333e4d; font-weight: 700; font-size: 40px; line-height: 50px;}
h3 {font-family: 'open sans', Arial, Sans-serif; margin: 0; padding: 0; color: #333e4d; font-weight: 700; font-size: 30px; line-height: 40px;}
h4 {font-family: 'open sans', Arial, Sans-serif; margin: 0; padding: 0; color: #333e4d; font-weight: 400; font-size: 24px; line-height: 38px;}
h5 {font-family: 'open sans', Arial, Sans-serif; margin: 0; padding: 0; font-style: normal; color: #999fa6; font-weight: 400; font-size: 23px; line-height: 33px;}
h6 {font-family: 'open sans', Arial, Sans-serif; margin: 0; padding: 0; font-style: normal; color: #828282; font-weight: 400; font-size: 18px; line-height: 33px; text-transform: uppercase; letter-spacing: 6px;}

h5 a {font-size: 20px; line-height: 30px; border: none; padding: 0; font-weight: 400; display: inline-block; color: #333e4d; margin: 20px 0 0 0; text-decoration: none;}
h5 a:before {content: "\f178"; font-family: FontAwesome; padding: 0 10px 0 0; color: #e6007e; 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 {color: #333e4d; border: none; letter-spacing: 2px;}
h5 a:hover:before {padding: 0 20px 0 0;}

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

p {padding: 15px 0 0 0;}

a {text-decoration: none; border: none; color: #333e4d; -o-transition: all .4s; -ms-transition: all .4s; transition: all .4s;}
a:hover {color: #828282; border: none; 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: #dc1e12;}
::selection {color: #fff; background: #dc1e12;}

/***************** line *******************/
hr {width: 100%; margin: 40px 0 20px 0; height: 2px; background-color: #eee; color: #eee; border: 0;}


/* 2 Layout
----------------------------------------------------------------------------- */
#shop-content{margin-top:100px;margin-bottom:100px;}
.giant-wrapper {padding: 0; margin: 0 auto; width: 1920px; background: #fff; position: relative;}

.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: 50px 0 70px 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;}

.btn-primary, .btn-primary:focus {font-size: 14px; padding: 15px 50px; border-radius: 30px; background: #a41914; border: none; font-style: normal; line-height: 25px; border: none; letter-spacing: 2px; text-transform: uppercase; font-weight: 400; display: inline-block; color:#fff; text-decoration: none;}
.btn-primary:hover, .btn-primary:active, .btn-primary:hover:before, .btn-primary:hover:active, .btn-primary:active:focus {border: none; background: #dc1e12; color: #fff;}

.site-top {width: 100%; padding: 10px 0; z-index: 700 !important; text-align: right; margin: 0; background: #e6007e; position: relative; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.site-top h5, .site-top h5 a:before, .site-top h5 a:hover {color: #fff; font-size: 20px;}
.site-top h5 a {margin: 0 0 0 10px; color: #fff;}

.header {width: 1920px; padding: 0; background-color: #fff; position: fixed; z-index: 700; 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;  box-shadow: 0 0 40px rgba(0, 0, 0, 0.25);}
#site-logo {width: 100%; padding: 5px 0; max-width: 180px; margin: 0; moz-transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s; -ms-transition: all .5s; transition: all .5s;}
#site-logo a, #site-logo_start a {border: none;}

#Banner {width: 100%; height: 1040px; display: flex; justify-content: center; align-items: center; padding-top: 70px;
margin: 0; background-position: 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;}
#Banner .block-section-container {padding: 0;}
#Banner hr {width: 440px; margin: 40px auto 20px auto; background-color: #fff; color: #fff;}
#Banner h1 {font-size: 90px; line-height: 110px; }
#Banner h1 {color: #fff;}
#Banner h6 {color: #fff;}

.panel {-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0) !important; box-shadow: 0 1px 1px rgba(0,0,0,0) !important;}

  
.banner_2 {width: 100%; padding: 100px 0; margin: 135px 0 0; background: url('../../files/banner-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;}

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

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

.img-round {border-radius: 50%;}

#Valkommen {background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
#Valkommen h1 {color: #fff;}
#Valkommen .btn-primary {border: 1px solid #fff; background: transparent; color: #fff; margin: 0;}
#Valkommen .btn-primary:hover {border: 1px solid #581e7a; background: #581e7a; color: #fff;}

#Puffar {padding: 20px 0 100px; background: #F4F4F5;}
#Puffar p, #Puffar h4 {padding: 0 30px 15px; background: #fff;}
#Puffar h4 {padding-top: 25px; padding-bottom: 5px;}
#Puffar h5 a {padding: 15px 30px; display: block; margin: 0; width: 100%; border: none; background: #0e4194; color: #fff;}
#Puffar h5 a:before {display: none;}
#Puffar h5 a:after {content: "\f178"; font-family: FontAwesome; padding: 0 0 0 10px; color: #fff; font-style: normal; moz-transition: all .4s; -webkit-transition: all .4s; -o-transition: all .4s; -ms-transition: all .4s; transition: all .4s;}
#Puffar h5 a:hover:after {padding: 0 0 0 25px;}
#Puffar .btn-primary {margin-bottom: 20px;}

ul li {list-style-position: inside;}


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

.red {background: #dc1e12; padding: 10px !important;}
.grey {background: #F4F4F5;}
.white {background: #fff;}
.white h4 {padding: 30px 20px;}

.footer {width: 100%; padding: 90px 0 120px 0; text-align: center; margin: 0; background: #1b1b1b; position: relative; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.footer p, .footer a {color: #9D9E9E; border: none; padding: 0;}
.footer a:hover {color: #707070;}
.footer strong {text-transform: uppercase; font-size: 12px; color: #fff; letter-spacing: 1px; padding: 0 10px 0 0;}
.footer h6 {color: #9D9E9E; font-weight: 700; font-size: 16px; letter-spacing: 1px;}
.footer hr {margin: 25px 0; background-color: #1b1b1b; color: #1b1b1b;}
.footer img {width: 200px; float: right;}

#foot-menu {list-style: none; text-align: center; width: 100%; float: left; margin: 10px 0 0 0;}
#foot-menu li {float: none; display: inline-block; margin: 0 20px;}
#foot-menu li a {text-transform: uppercase; color: #fff; font-weight: 700; letter-spacing: 1px; font-size: 16px; 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: #989999;}
#foot-menu ul.children {display: none;}

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

button.navbar-toggle {width: 50%; text-align: center; font-size: 30px; color: #272a2f; background: #fff; float: right; margin: 0; padding: 60px 15px; border-radius: 0; border: none;}
.navbar, .navbar-nav {margin: 0; border: none; min-height: 0;}
.navbar-nav li a {font-size: 16px; border: none; color: #828282; font-weight: 400; text-transform: uppercase; letter-spacing: .5px; font-style: normal; padding: 0; margin: 66px 15px;  -webkit-transition: none; -o-transition: none; transition: none; text-decoration: none;}
.navbar-nav li a:hover, .navbar-nav li a:focus, .nav .open>a, .nav .open>a:hover, .navbar-nav li.current_page_item a, .navbar-nav li a:active, .navbar-nav li a:hover:before, .navbar-nav li a:hover:active, .navbar-nav li a:active:focus {
    -webkit-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; background: transparent; border-color: #272a2f !important; color: #383838;}

.navbar-nav .dropdown-menu {border-radius: 0; border: 0; padding: 0; background: transparent; right: -35px; margin-top: -40px !important;}
.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-size: 14px;
    color: #828282;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: .5px;
    font-style: normal;
    padding: 10px 15px;
    margin: 0;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    text-decoration: none;
    text-align: center;
}
.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-color: #dc1e12; color: #fff;}
.navbar-nav .dropdown-menu li.active.current.current_page_item a {background: #fffe55; color: #383838; /*border-left: 7px solid #fffe55;*/}

.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; background-color: #f1f1f1; padding: 10px 20px; display: block; text-decoration: none; color: #272a2f; /*border-top: 1px solid #272a2f;*/}
.navbar-mobile-buttons li a:hover {color: #8F8F8F;}

.navbar-mobile-buttons li a i {color: #272a2f; padding: 0 5px 0 0;}
.navbar-mobile-buttons li:nth-child(odd) a {border-right: 5px solid #fff;}

.menu_button {display: none; padding: 0;}

/* Form
----------------------------------------------------------------------------- */

.block-form {padding: 15px 0 0 0;}
.block-form .form-control {border: none; border-left: 3px solid transparent; background: #f1f1f1; color: #333e4d; 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 {border: none; border-left: 3px solid #dc1e12; color: #333e4d;}
.block-form .form-control::-webkit-input-placeholder {color: #333e4d;}
.block-form .form-control:-moz-placeholder {color: #333e4d;}
.block-form .form-control::-moz-placeholder {color: #333e4d;}
.block-form .form-control:-ms-input-placeholder {color: #333e4d;}
.captcha {font-size: 16px; color: #333e4d;}

.block-form .btn-default, .block-form .btn-default:focus {float: right; font-size: 14px; padding: 15px 50px; border-radius: 30px; background: #a41914; border: none; font-style: normal; line-height: 25px; border: none; letter-spacing: 2px; text-transform: uppercase; font-weight: 400; display: inline-block; color:#fff; text-decoration: none; outline: -webkit-focus-ring-color auto 0;}
.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 {border: none; background: #dc1e12; color: #fff;}



@media (max-width: 1920px) {
    .giant-wrapper {width: 1600px;}
    .header {width: 1600px;}
    #Banner {height: 880px;}
}

@media (max-width: 1600px) {
    .giant-wrapper {width: 100%; margin: 0;}
    .header {width: 100%;}
}

@media (max-width: 1440px) {
    h1 {font-size: 45px; line-height: 55px;}
    .block-section > .block-section-container {width: 1170px;}
    .block-section {padding: 50px 0 65px 0;}
    .container {width: 1170px;}
    #Knappar {padding: 50px 0;}
    #Puffar {padding: 50px 0 50px 0;}
    #Banner {height: 780px;}
    #Banner h1 {font-size: 70px; line-height: 90px;}
    #site-logo {max-width: 160px;}
    .navbar-nav li a {margin: 58px 13px;}
    .banner_2 {margin: 114px 0 0 !important;}
    h1 {font-size: 45px; line-height: 55px;}
    h2 {font-size: 35px; line-height: 45px;}
    h4 {font-size: 25px; line-height: 35px;}
    #Knappar h5 a {padding: 20px 30px; font-size: 23px;}
    #Knappar h5 a:after {font-size: 16px;}
    #foot-menu li {margin: 0 20px;}
    #foot-menu li a {letter-spacing: 4px; font-size: 14px;}
}

@media (max-width: 1280px) {
    #Banner h1 {font-size: 70px; line-height: 90px;}
    #Banner hr {margin: 20px auto 0 auto;}
    #Banner {height: 700px;}
}

@media (max-width: 1170px) {
    html, body {font-size: 16px; line-height: 27px;}
    h1 {font-size: 35px; line-height: 45px;}
    h2 {font-size: 25px; line-height: 35px;}
    h3 {font-size: 20px; line-height: 30px;}
    h4 {font-size: 20px; line-height: 30px;}
    h5 {font-size: 18px; line-height: 28px;}
    .site-top h5 {font-size: 18px;}
    .site-top h5 a:hover {font-size: 18px;}
    h5 a {font-size: 18px; line-height: 28px;}
    h6 {font-size: 14px; line-height: 27px;}
    .block-section > .block-section-container {width: 970px;}
    .block-section {padding: 45px 0 55px 0;}
    .container {width: 970px;}
    #Banner {height: 680px;}
    #Banner h1 {font-size: 60px; line-height: 70px;}
    #site-logo {max-width: 140px;}
    .navbar-nav li a {padding: 0; font-size: 14px; margin: 50px 10px;}
    .banner_2 {margin: 90px 0 0 !important;}
    #Knappar h5 a {padding: 15px 20px; font-size: 20px;}
    #Knappar h5 a:after {font-size: 14px;}
    #Puffar h5 a {padding: 15px 20px; letter-spacing: normal;}
    #foot-menu li {margin: 0 20px;}
    #foot-menu li a {letter-spacing: 2px; font-size: 12px;}
}

@media (max-width: 992px) {
    html, body {font-size: 14px; line-height: 25px;}
    h5 a {font-size: 14px; line-height: 25px;}
    .site-top h5 {font-size: 14px;}
    .site-top h5 a:hover {font-size: 14px;}
    .block-section > .block-section-container {width: 750px;}
    .block-section {padding: 40px 0 60px 0;}
    .container {width: 750px;}
    .navbar-nav li a {font-size: 12px; padding: 0; margin: 50px 8px;}
    .banner_2 {margin: 70px 0 0 !important;}
    #Banner {height: 750px; padding-top: 0;}
    #Banner h1 {font-size: 54px; line-height: 65px;}
    #foot-menu li {margin: 0 20px 0 0;}
    .social h3 {padding: 20px 0 0 0;}
    .social h2 a {padding: 20px 40px;}
    .content {padding-top: 60px;}
    #shop-menu {width: 95% !important;}
    #Bilder .col-lg-4, #Bilder .col-md-4 {float: left; width: 33%;}

}

@media (max-width: 767px) {
    h1 {font-size: 22px; line-height: 35px;}
    h2 {font-size: 23px; line-height: 33px;}
    h3 {font-size: 16px; line-height: 30px;}
    h4 {font-size: 18px; line-height: 25px;}
    h5 {font-size: 16px; line-height: 25px;}
    h6 {font-size: 12px; line-height: 25px;}
    .block-section > .block-section-container {width: auto; padding: 0;}
    .block-section {padding: 30px 15px 50px 15px;}
    .container {width: auto;}
    .content img {padding: 0 !important;}
    
    .btn-primary {font-size: 12px; padding: 10px 30px; border-radius: 25px;}

    #Puffar .row {display: block;}
    #Puffar {padding: 0;}
    .block-form {padding: 15px 0 0 0;}
    .block-form .btn-default, .block-form .btn-default:focus {float: none; margin: auto; margin-bottom: 40px;}
    
    #Knappar {padding: 30px 0;}
    #newsfeed {display: block;}
    #newsfeed .news_item {width: 100%; border-right: none; border-left: none; margin: 20px 0 0 0;}
    
    .header {padding: 0;}
    #site-logo {max-width: 160px; opacity: 1 !important;}
    
    .banner_2 {margin: 50px 0 0 !important;}
    
    #Banner {height: 80vh;}
    #Banner {/*padding: 200px 0 100px 0; height: auto;******/}
    #Banner h1 {font-size: 38px; line-height: 45px;}

    .footer, .social {text-align: center; padding: 20px 0 50px 0;}
    .footer hr {margin: 15px auto 0 auto;}
    .social h2 a {margin: 0; display: block; padding: 0; border: none;}
    .social h2 a:first-child {border: none;}
    .social h2, .social h3 {padding: 20px 0 0 0; text-align: center;}
    .footer strong {display: block;}
    .footer strong, .footer h6 {margin: 15px 0 0 0;}
    #foot-menu {width: 100%;}
    #foot-menu li {width: 100%;}

    .navbar-nav {margin: 0;}
    .navbar-nav li {float: left; width: 100%;}
    .navbar-nav li a {border: none; margin: 0; font-size: 14px; padding: 15px 20px;}
    .navbar-nav li:last-child a {border: none;}
    .navbar-nav li a:hover, .navbar-nav li.active.current.current_page_item a {border: none; background: #dc1e12; color: #fff;}
    .navbar-mobile-buttons, .menu_button {display: block;}
}

@media (max-width: 375px) {
    button.navbar-toggle {padding: 50px 15px;}

    #Knappar h5 a {padding: 10px 20px; font-size: 16px;}
    #Knappar h5 a:after {font-size: 13px;}


}