@font-face {
  font-family: monospace;
  font-style: italic;
  font-weight: 400;
  src: local("Menlo Italic"),local(Menlo-Italic),local("Consolas Italic"),local(Consolas-Italic),local("Courier New Italic");
}

@font-face {
  font-family: monospace;
  font-style: italic;
  font-weight: 700;
  src: local("Menlo Bold Italic"),local(Menlo-BoldItalic),local(Monaco),local("Consolas Bold Italic"),local(Consolas-BoldItalic),local("Courier New Bold Italic");
}

@font-face {
  font-family: monospace;
  font-style: normal;
  font-weight: 400;
  src: local("Menlo Regular"),local(Menlo-Regular),local(Monaco),local(Consolas),local("Courier New");
}

@font-face {
  font-family: monospace;
  font-style: normal;
  font-weight: 700;
  src: local("Menlo Bold"),local(Menlo-Bold),local(Monaco),local("Consolas Bold"),local(Consolas-Bold),local("Courier New Bold");
}

/* @import 'vendor/photoswipe.css';
@import 'vendor/magnific-popup.css'; */

/*! normalize.css v6.0.0 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 */

article,
aside,
footer,
header,
nav,
section {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */

figcaption,
figure,
main { /* 1 */
  display: block;
}

/**
 * Add the correct margin in IE 8.
 */

figure {
  margin: 1em 40px;
}

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */

a {
  background-color: transparent; /* 1 */
  -webkit-text-decoration-skip: objects; /* 2 */
}

/**
 * 1. Remove the bottom border in Chrome 57- and Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */

b,
strong {
  font-weight: inherit;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font style in Android 4.3-.
 */

dfn {
  font-style: italic;
}

/**
 * Add the correct background and color in IE 9-.
 */

mark {
  background-color: #ff0;
  color: #000;
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 */

audio,
video {
  display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */

audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Remove the border on images inside links in IE 10-.
 */

img {
  border-style: none;
}

/**
 * Hide the overflow in IE.
 */

svg:not(:root) {
  overflow: hidden;
}

/* Forms
   ========================================================================== */

/**
 * Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  margin: 0;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */

button,
html [type="button"], /* 1 */
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; /* 2 */
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Remove the default vertical scrollbar in IE.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */

details, /* 1 */
menu {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Scripting
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 */

canvas {
  display: inline-block;
}

/**
 * Add the correct display in IE.
 */

template {
  display: none;
}

/* Hidden
   ========================================================================== */

/**
 * Add the correct display in IE 10-.
 */

[hidden] {
  display: none;
}

:root {
    /* Baseline */

    /* Colors */


    /* shadow */
    /* Custom properties */;
}

html {
    opacity: 0
}

html.wf-active.slick-loaded {
  opacity: 1;
  transition: opacity 0.5s;
}

body, html {
    font-family: "proxima-nova",sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.5;
    color: #4C4E65
}

@media (min-width: 62em) {

  body, html {
    font-size: 16px;
  }
    }

body{
    min-height: 100vh;
    margin-bottom: 0;
    padding-top: 80px;
    padding-top: 5rem;
    background-color: #FFFFFF
}

@media (min-width: 48em){

  body {
    padding-top: 7.643rem;
    background-color: #F7F8F9;
  }
    }

@media (min-width: 62em) {

  body {
    padding-top: 6.7rem;
  }

    }

h1, h2, h3, h4, h5, h6{
    font-weight: 700;
    line-height: 1.5;
    margin-top: 12px;
    margin-top: 0.75rem;
    margin-bottom: 12px;
    margin-bottom: 0.75rem;
    font-size: 14px;
    color: #2B2D42
}

@media (min-width: 62em) {

  h1, h2, h3, h4, h5, h6 {
    font-size: 16px;
  }
    }

a{
    color: #7a2939;
    text-decoration: none;
    transition: all 0.3s ease
}

a:hover {
  color: #7a2939;
  text-decoration: none;
}

a:focus {
  color: #7a2939;
  text-decoration: none;
}

a:active {
  color: #7a2939;
  text-decoration: none;
}

li>a{
    line-height: 12px;
    line-height: 0.75rem;
}

.wrapper{
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
}

.container{
    margin: 0
}

@media (min-width: 48em) {

  .container {
    margin-left: auto;
    margin-right: auto;
  }
    }

@media (min-width: 75em){

  .container {
    width: 1140px;
  }
    }

.row{
    margin-left: 0;
    margin-right: 0;
    margin-top: 12px;
    margin-top: 0.75rem;
    margin-bottom: 12px;
    margin-bottom: 0.75rem
}

@media (min-width: 48em) {

  .row {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }
    }

.rowPadding{
    padding-left: 24px;
    padding-left: 1.5rem;
    padding-right: 24px;
    padding-right: 1.5rem;
}

.btn.btnDefault{
    color: #FFFFFF;
    background-color: #672230;
    border-color: #672230;
    transition: all 0.3s ease
}

.btn.btnDefault:hover {
  color: #672230;
  background-color: #FFFFFF;
  border-color: #672230;
  box-shadow: none;
}

.btn.btnDefault:focus, .btn.btnDefault:active {
  transition-property: none;
  color: #FFFFFF;
  background-color: #8d2f42;
  border-color: #8d2f42;
  box-shadow: none;
}

.btn.btnInverse{
    color: #672230;
    background-color: #FFFFFF;
    border-color: #672230;
    transition: all 0.3s ease
}

.btn.btnInverse:hover {
  color: #FFFFFF;
  background-color: #672230;
  border-color: #672230;
  box-shadow: none;
}

.btn.btnInverse:focus, .btn.btnInverse:active {
  transition-property: none;
  color: #672230;
  background-color: #FFFFFF;
  border-color: #672230;
  box-shadow: none;
}

.btnMargin{
    margin: 3.2px;
    margin: 0.2rem;
}

.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:active, .nav-pills > li.active > a:focus{
    color: #FFFFFF;
    background-color: #672230;
    border-color: #672230;
    transition: all 0.3s ease;
}

.form-control{
    margin-bottom: 5px;
}

.panel-default>.panel-heading{
    color: #4C4E65;
    background-color: transparent;
    border: none;
}

.lightWidget{
    margin-left: 2vw;
    margin-right: 2vw;
    padding-top: 24px;
    padding-top: 1.5rem;
    text-align: center
}

.lightWidget a {
  color: #4C4E65;
}

.lightWidget .lightWidgetInfo {
  padding-bottom: 2vw;
}

.lightWidget img {
  width: 17px;
}

@media (min-width: 48em){

  .lightWidget {
    margin-left: 7px;
    margin-right: 7px;
    padding-top: 1rem;
  }
    }

.linkStyle{
    color: #7a2939 !important;
}

.clearBoth{
    clear: both;
}

.glyphicon-search{
    font-size: 20px;
}

.bgWhite {
    background-color: #ffffff;
}

.bgLight{
    background-color: #F7F8F9;
}

.bgDark{
    background-color: #474747;
}

.noGutter > [class*="col-"] {
    padding: 0;
}

.noColPadding{
    padding: 0 !important;
}

.hiddenBeforeLoad{
    display: none;
}

.slickCard .slick-slide{
    padding-left: 2vw;
    padding-right: 2vw
}

@media (min-width: 48em) {

  .slickCard .slick-slide {
    padding-left: 7px;
    padding-right: 7px;
  }
    }

.slick-dots li{
    margin: 0;
}

.slick-dots li button:before{
    color: #672230;
}

.slick-dots li.slick-active button:before{
    color: #F7F8F9;
}

.panel-default{
    border: none;
    box-shadow: none;
    -webkit-box-shadow: none;
}

.panel-heading{
    padding-left: 0px;
}

.panel-title{
    font-size: 21px;
}

.panel-body{
    padding: 0;
    border: none;
}

.panel-group{
    margin-bottom: 2px;
}

.panel-default>.panel-heading.panelHeadingOverride{
    background-color: #FFFFFF;
    cursor: default

}

.panel-default>.panel-heading.panelHeadingOverride h3 {
  font-size: 32px;
  font-size: 2rem;
}

#selectedfavourites a, #favouritetip a{
    margin-bottom: 5px;
}

.rowShadow{
    box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, .05);
}

.banner {
    margin-top: 24px;
    margin-top: 1.5rem;
    text-align: center;
    display: block
}

.banner > img {
  width: 100%;
  max-width: 980px;
}

@media (min-width: 62em){

  .banner {
    margin-top: 3rem;
  }
    }

.bannerLogo {
    display: inline-block !important;
    vertical-align: middle !important;
    float: none !important;
    padding-left: 8px;
    padding-left: 0.5rem;
    padding-right: 8px;
    padding-right: 0.5rem
}

.bannerLogo img {
  max-width: 100%;
  height: auto;
}

.bannerRow {
    background-color: #FFFFFF;
    border: 1px solid #EFEFEF;
    /*padding-top: 16px;
    padding-top: 1rem;
    padding-bottom: 16px;
    padding-bottom: 1rem;*/
    padding-top:0;padding-bottom:0;
    margin: 0;
    line-height:1em;    
}

.slick-next.bannerArrowNext {
    right: -10px;
}

.slick-prev.bannerArrowPrev {
    left: -10px;
}

.brandlistCol12{
    background-color: #FFFFFF
}

.brandlistCol12 .input-group {
  margin-left: auto;
  margin-right: auto;
  width: 90%;
  height: 46px;
  max-width: 584px;
  box-shadow: 2px 2px 11px 1px rgba(73, 73, 73, .07);
  margin-bottom: 48px;
  margin-bottom: 3rem;
}

@media (min-width: 48em) {

  .brandlistCol12 .input-group {
    height: 56px;
    font-size: 16px;
  }
}

.list-inline{
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    line-height: 1.5rem;
    padding-top: 48px;
    padding-top: 3rem;
    padding-bottom: 48px;
    padding-bottom: 3rem;
    margin: 0
}

.list-inline .input-group {
  margin-left: auto;
  margin-right: auto;
}

.list-inline>li>a{
    margin: 12px;
    margin: 0.75rem;
    padding-bottom: 12px;
    padding-bottom: 0.75rem;
    text-decoration: none;
    font-weight: 600;
    color: #2B2D42;
    cursor: pointer
    /*&:visited{
        color: var(--color-text-tertiary);
    }*/
}

.list-inline>li>a:hover {
  color: #7a2939;
}

.list-inline>li>a:active {
  color: #7a2939;
}

.list-inline>li>a:focus {
  color: #7a2939;
}

.list-inline>li>a.underline {
  border-bottom: 3px solid #7a2939;
}

.list-inline>li.active>a{
    border-bottom: 3px solid #7a2939;
}

.collectionList>li{
    padding-bottom: 24px;
    padding-bottom: 1.5rem;
}

.input-group .form-control{
    height: 46px;
    border: none;
    box-shadow: none
}

.input-group .form-control::-webkit-input-placeholder {
  color: #4C4E65;
  font-style: italic;
}

.input-group .form-control:-ms-input-placeholder {
  color: #4C4E65;
  font-style: italic;
}

.input-group .form-control::placeholder {
  color: #4C4E65;
  font-style: italic;
}

@media (min-width: 48em){

  .input-group .form-control {
    height: 56px;
  }
        
    }

.input-group>.typeahead{
    width: 100%;
    border: none;
    margin: 0;
    padding-top: 0;
    border-radius: 0;
    color: #4C4E65;
    font-size: 14.4px;
    font-size: 0.9rem;
}

.typeahead li.active a, .typeahead li.active a:hover, .typeahead li.active a:focus{
    color: #FFFFFF;
    background-color: #672230;
}

.input-group-btn .btn.btnDefault{
    font-weight: 600;   
    font-size: 14px;    
    background-color: #672230;
    color: #FFFFFF;
    border-color: #672230;
    height: 46px;
    width: 48px;
    border-radius: 0
}

@media (min-width: 48em){

  .input-group-btn .btn.btnDefault {
    height: 56px;
    width: 95px;
  }
    }

.flexContainer{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

.flexButton{
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
}

.flexContainer::after{
    content: '';
    -webkit-box-flex: 1000000000;
        -ms-flex-positive: 1000000000;
            flex-grow: 1000000000;
}

.brandAvatarImg{
    border-radius: 50% !important;
    width: 30px;
    height: 30px;
}

.card{
    box-shadow: 1.5px 2px 10px 0px rgba(0, 0, 0, .09);
    background-color: #FFFFFF
}

@media (min-width: 48em){

  .card {
    box-shadow: none;
  }
    }

.card.subpageCard{
    text-align: center;
}

.card.webCard{
    margin: 2vw;
    box-shadow: 1.5px 2px 7px 0px rgba(0, 0, 0, .09)
}

@media (min-width: 48em) {

  .card.webCard {
    margin: 7px;
  }
    }

.card.cardShadow{
    box-shadow: 1.5px 2px 10px 0px rgba(0, 0, 0, .09);
}

.card>a>img{
    width:100%;
}

.item>.row>.col-xs-12>.card{
    width: 92%;
    margin: auto;
}

.cardPicture{ 
}

.cardPicture img {
  width: 100%;
}

.cardInfo{
    overflow: hidden;
    text-overflow: ellipsis;
    height: 72px;
    height: 4.5rem;
    line-height: 24px;
    line-height: 1.5rem;
}

.cardHeadline {
    margin-top: 0;
    margin-bottom: 0;    
    text-transform: uppercase;
    min-height: 42px;    
}

.cardHeadline a {
  text-decoration: none;
  color: #2B2D42;
}

.cardHeadline a:active {
  color: #7a2939;
}

.cardHeadline a:hover {
  color: #7a2939;
}

.cardText{
    padding: 24px;
    padding: 1.5rem;
}

.cardButtonGroup{
    padding-top: 16px;
    padding-top: 1rem;
}

.cardButton{
    width: 48%;
}

/* sides padding fix for cards */

.colPadding{
    padding-left: 24px;
    padding-left: 1.5rem;
    padding-right: 24px;
    padding-right: 1.5rem
}

@media (-small) {

  .colPadding {
    padding-left: 7.5px;
    padding-right: 7.5px;
  }

  .colPadding:first-child {
    padding-left: 0px;
    padding-right: 15px;
  }

  .colPadding:nth-child(3) {
    padding-left: 15px;
    padding-right: 0px;
  }
    }

/* Footer */

.footer{
    height: auto;
    position: relative;
    text-align: left;
    font-size: 16px;
    font-size: 1rem;
    line-height: 32px;
    line-height: 2rem;
    border-top: 1px solid #EFEFEF
}

.footer h2 {
  font-size: 16px;
  font-size: 1rem;
  color: #2B2D42;
  line-height: 40px;
  line-height: 2.5rem;
  margin: 0;
}

.footer h3 {
    display:inline;
}

.footer ul {
  list-style: none;
  padding-left: 0;
}

.footer a {
  color: #4C4E65;
}

@media (min-width: 62em){

  .footer {
    text-align: right;
  }
    }

.footer>.container{
    padding-top: 20px;
    padding-top: 1.25rem;
    padding-bottom: 10px;
    padding-bottom: 0.625rem;
    border-bottom: 1px solid #EFEFEF

}

@media (min-width: 48em) {

  .footer>.container {
    border-top: none;
  }
    }

@media (min-width: 62em) {

  .footer>.container {
    padding-top: 4.375rem;
    padding-bottom: 4.375rem;
  }
    }

.footerOmHittaplagget{
    text-align: center
}

@media (min-width: 62em) {

  .footerOmHittaplagget {
    text-align: left;
  }
    }

.footerOmHittaplagget img{
    margin-bottom: 24px;
    margin-bottom: 1.5rem;
}

.footerSocialMedia img{
    margin-right: 5px;
    width: 23.008px;
    width: 1.438rem;    
    height: 23.008px;    
    height: 1.438rem
}

@media (min-width: 48em) {

  .footerSocialMedia img {
    width: 2rem;
    height: 2rem;
  }
    }

.rowPartners img{
    height: 27px
}

@media (min-width: 48em) {

  .rowPartners img {
    height: 50px;
  }
    }

.footerCopyright{
    background-color: #2B2D42;
    color: #FFFFFF;
    text-align: center;
    font-size: 8px;
    font-size: 0.5rem;
    line-height: 16px;
    line-height: 1rem;
    float: none;
    font-weight: 700
}

@media (min-width: 48em) {

  .footerCopyright {
    font-size: 0.8125rem;
    line-height: 1.625rem;
  }
    }

/* Custom top logo */

/* Override Bootstrap navbar settings */

.navbar{
    height: 70px;
    margin-bottom: 0;
    font-size: 16px;
    background-color: #FFF;
    border-color: none;
    border-width: 0 0 0px;
}

.navbar-nav{
    float: right;
    background-color: #FFF;
    width: 100%;
    font-size: 18px;
    margin: 0
}

.navbar-nav>li {
  float: none;
  text-align: center;
}

.navbar-default .navbar-nav>li>a{
    color: #2B2D42
}

.navbar-default .navbar-nav>li>a:hover {
  color: #7a2939;
}

.navbar-default .navbar-nav>li>a:active {
  color: #7a2939;
}

.navbar-default .navbar-nav>li>a:focus {
  color: #7a2939;
}

@media (min-width: 62em){
    .navbar-nav{
        float: none;
        background-color: transparent;
        font-size: 16px
    }
    .navbar-nav>li {
    float: left;
    text-align: center;
  }
}

.navbar>.container .navbar-brand{
    margin-left: 0px;
}

.navbar-default .navbar-nav>.active>a{
    color: #2B2D42;
    border-bottom: 3px solid #7a2939
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
        color: #7a2939;
    }

.navbar-nav>li>a{
    line-height: 24px;
    line-height: 1.5rem;
    font-weight: 600;
    margin: 16px;
    margin: 1rem;
    margin-left: 30%;
    margin-right: 30%;
    padding: 0;
    padding-bottom: 8px;
    padding-bottom: 0.5rem;
    padding-top: 8px;
    padding-top: 0.5rem
}

@media (min-width: 62em) {

  .navbar-nav>li>a {
    padding-bottom: 0;
    padding-top: 1rem;
    line-height: 3rem;
    margin-left: 2rem;
    margin-right: 0;
  }
    }

/* Navbar button styling */

.navbar-header .navbar-toggle{
    border-color: transparent;
    margin-top: 19px
}

.navbar-header .navbar-toggle .icon-bar {
  background-color: #000;
}

@media (min-width: 48em) {

  .navbar-header .navbar-toggle {
    margin-top: 34px;
  }
    }

.navbar-header .icon-bar{
    width: 20px;
    height: 2px
}

.navbar-header .icon-bar+.icon-bar {
  margin-top: 4px;
}

.navbar-toggle.collapsed{
    margin-top: 19px;
}

/* Navbar collapse at custom breakpoint */

.navbar-brand {
    padding: 0;
    height: 70px;
    background: url(../src/images/Logo.svg);
    background-repeat: no-repeat;
    float: none;
    width: 100%;
    /*background-size: 42.7%;*/
    background-size: 100%;
    background-position: center;    
}

.navbar-toggle {
    display: block;
}

.navbar-collapse.collapse {
    display: none!important;
}

.navbar-collapse.navbar-right.collapse.in{
    display:block !important;
}

.navbar-default .navbar-collapse{
    border: 0;
}

.navbar-header {
    float: none;
}

.navbar-left,.navbar-right {
    float: none !important;
}

@media (min-width: 48em) {    
    .navbar-header .icon-bar{
        width: 28px;
        height: 3px
    }    
    .navbar-header .icon-bar+.icon-bar {
    margin-top: 5px;
  }
    .navbar-toggle.collapsed{
        margin-top: 34px;
    }
    .navbar{
        height: 107px;
    }
    .navbar-brand{
        margin-top: 18.5px; 
        background-size:70%;
    }
}

@media (min-width: 500px) {
    .navbar-brand {
        background-size: 65%;
    }
}

@media (min-width: 62em){
    .navbar-toggle {
        display: none;
    }
    .navbar-collapse.collapse {
        display: block!important;
    }
    .navbar-collapse.navbar-right.collapse.in{
        display:none !important;
    }
    .navbar-brand {
        position: absolute;
        margin-top: 10px;
        height: 100px;
        width: 272px;
        /*background-size: 272px;*/                
        background-size: 200%;
    }
    .navbar-header{
        float: left;
    }
    .navbar-left,.navbar-right {
        float: right !important;
    }
    
}



    .embed-responsive-my {
        padding-bottom: 110%;
    }

    .embed-responsive-my2 {
        padding-bottom: 70%;
    }

    .embed-responsive-my3 {
        /*padding-bottom: 33%;*/
        padding-bottom: 60%;
    }

    .embed-responsive-my4 {
        padding-bottom: 60%;
    }

    .shopHeaderMap {
        height: 40vw;
        width: 100%;
        -o-object-fit: cover;
        object-fit: cover
    }

    @media (min-width: 75em) {

        .shopHeaderMap {
            height: 31.25rem;
        }
    }

    #loader {
        position: absolute;
        background: none;
        -webkit-transform: scale(0.4);
        transform: scale(0.4);
        top: calc(50% - 40px);
        left: calc(50% - 40px);
    }

    #loader-brands {
        position: absolute;
        background: none;
        -webkit-transform: scale(0.3);
        transform: scale(0.3);
        top: calc(50% - 30px);
        left: calc(50% - 30px);
        display: none;
    }

    @-webkit-keyframes uil-default-anim {
        0% {
            opacity: 1
        }

        100% {
            opacity: 0
        }
    }

    @keyframes uil-default-anim {
        0% {
            opacity: 1
        }

        100% {
            opacity: 0
        }
    }

    .loader-div {
        -webkit-animation: uil-default-anim 1s linear infinite;
        animation: uil-default-anim 1s linear infinite;
        top: 80px;
        left: 93px;
        width: 14px;
        height: 40px;
        background: #00b2ff;
        border-radius: 10px;
        position: absolute;
    }

    .loader-background > div:nth-of-type(1) {
        -webkit-animation-delay: -0.5s;
        animation-delay: -0.5s;
        -webkit-transform: rotate(0deg) translate(0,-60px);
        transform: rotate(0deg) translate(0,-60px);
    }

    .loader-background > div:nth-of-type(2) {
        -webkit-animation-delay: -0.4166666666666667s;
        animation-delay: -0.4166666666666667s;
        -webkit-transform: rotate(30deg) translate(0,-60px);
        transform: rotate(30deg) translate(0,-60px);
    }

    .loader-background > div:nth-of-type(3) {
        -webkit-animation-delay: -0.33333333333333337s;
        animation-delay: -0.33333333333333337s;
        -webkit-transform: rotate(60deg) translate(0,-60px);
        transform: rotate(60deg) translate(0,-60px);
    }

    .loader-background > div:nth-of-type(4) {
        -webkit-animation-delay: -0.25s;
        animation-delay: -0.25s;
        -webkit-transform: rotate(90deg) translate(0,-60px);
        transform: rotate(90deg) translate(0,-60px);
    }

    .loader-background > div:nth-of-type(5) {
        -webkit-animation-delay: -0.16666666666666669s;
        animation-delay: -0.16666666666666669s;
        -webkit-transform: rotate(120deg) translate(0,-60px);
        transform: rotate(120deg) translate(0,-60px);
    }

    .loader-background > div:nth-of-type(6) {
        -webkit-animation-delay: -0.08333333333333331s;
        animation-delay: -0.08333333333333331s;
        -webkit-transform: rotate(150deg) translate(0,-60px);
        transform: rotate(150deg) translate(0,-60px);
    }

    .loader-background > div:nth-of-type(7) {
        -webkit-animation-delay: 0s;
        animation-delay: 0s;
        -webkit-transform: rotate(180deg) translate(0,-60px);
        transform: rotate(180deg) translate(0,-60px);
    }

    .loader-background > div:nth-of-type(8) {
        -webkit-animation-delay: 0.08333333333333337s;
        animation-delay: 0.08333333333333337s;
        -webkit-transform: rotate(210deg) translate(0,-60px);
        transform: rotate(210deg) translate(0,-60px);
    }

    .loader-background > div:nth-of-type(9) {
        -webkit-animation-delay: 0.16666666666666663s;
        animation-delay: 0.16666666666666663s;
        -webkit-transform: rotate(240deg) translate(0,-60px);
        transform: rotate(240deg) translate(0,-60px);
    }

    .loader-background > div:nth-of-type(10) {
        -webkit-animation-delay: 0.25s;
        animation-delay: 0.25s;
        -webkit-transform: rotate(270deg) translate(0,-60px);
        transform: rotate(270deg) translate(0,-60px);
    }

    .loader-background > div:nth-of-type(11) {
        -webkit-animation-delay: 0.33333333333333337s;
        animation-delay: 0.33333333333333337s;
        -webkit-transform: rotate(300deg) translate(0,-60px);
        transform: rotate(300deg) translate(0,-60px);
    }

    .loader-background > div:nth-of-type(12) {
        -webkit-animation-delay: 0.41666666666666663s;
        animation-delay: 0.41666666666666663s;
        -webkit-transform: rotate(330deg) translate(0,-60px);
        transform: rotate(330deg) translate(0,-60px);
    }

    .blogCol {
        margin-left: auto;
        margin-right: auto;
        float: none;
    }

    .blogImg {
        width: 100%;
        margin-bottom: 12px;
        margin-bottom: 0.75rem;
    }

    .blogDate {
        float: left;
    }

    .blogHeadline {
        font-size: 16px;
        font-weight: 700;
        font-size: 25.008px;
        font-size: 1.563rem;
    }

    .blogText {
        margin-bottom: 48px;
        margin-bottom: 3rem;
    }

    .blogCommentImg {
        max-width: 100%;
        max-height: 100%;
    }

    .blogCommentDate {
        color: rgb(138, 138, 138);
    }

    .jumbotronBrandEtc {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        height: 40vw;
        background-color: #2B2D42;
        background-position: center;
        background-size: cover
    }

        .jumbotronBrandEtc > .container {
            margin-left: 0;
            margin-right: auto;
            text-align: center;
        }

    @media (min-width: 48em) {

        .jumbotronBrandEtc > .container {
            margin-left: auto;
            text-align: left;
        }
    }

    @media (min-width: 75em) {

        .jumbotronBrandEtc {
            height: 31.25rem;
        }
    }

    .jumbotronShopMap {
        width: 100%;
        height: 40vw;
        position: relative
    }

    @media (min-width: 75em) {

        .jumbotronShopMap {
            height: 31.25rem;
        }
    }

    .jumbotronBrandHeaderBg {
        display: inline-block;
        background-color: rgba(255, 255, 255, .72);
        padding: 8px;
        padding: 0.5rem;
        margin-top: 20vw
    }

    @media (min-width: 75em) {

        .jumbotronBrandHeaderBg {
            margin-top: 15.2rem;
        }
    }

    .jumbotronShopMapHeaderBg {
        position: absolute;
        display: inline-block;
        background-color: rgba(255, 255, 255, .72);
        padding: 8px;
        padding: 0.5rem;
        bottom: 0;
    }

    .jumbotronBrandHeader {
        font-size: 8vw;
        color: #2B2D42;
        text-transform: uppercase;
        line-height: 7vw
    }

    @media (min-width: 48em) {

        .jumbotronBrandHeader {
            font-size: 5rem;
            line-height: 4.5rem;
        }
    }

    .jumbotronBrandLinks {
        text-align: center
    }

        .jumbotronBrandLinks img {
            width: 4vw;
            height: 4vw;
            margin: 1vw;
        }

    @media (min-width: 48em) {

        .jumbotronBrandLinks img {
            width: 2rem;
            height: 2rem;
            margin: 0.5rem;
        }
    }

    .brandAbout {
        text-align: center;
        margin-bottom: 12px;
        margin-bottom: 0.75rem;
        padding: 0
    }

        .brandAbout h3 {
            font-size: 14px;
        }

    @media (min-width: 48em) {

        .brandAbout h3 {
            font-size: 1.563rem;
        }
    }

    @media (min-width: 48em) {

        .brandAbout {
            text-align: left;
        }
    }

    .brandLogo {
        width: 200px
    }

        .brandLogo img {
            width: 100%;
            height: auto;
        }

    .brandAboutButtons {
        margin-top: 12px;
        margin-top: 0.75rem;
    }

    .brandLinkButtonGroup {
        text-align: center;
        margin-bottom: 12px;
        margin-bottom: 0.75rem;
        line-height: 32px;
        line-height: 2rem;
        margin-top: 12px;
        margin-top: 0.75rem
    }

        .brandLinkButtonGroup .btn {
            margin-bottom: 4.8px;
            margin-bottom: 0.3rem;
            width: 160px;
            width: 10rem;
        }

    @media (min-width: 48em) {

        .brandLinkButtonGroup {
            text-align: right;
        }
    }

    .brandCollectionHeader {
        text-align: center;
        font-size: 14px
    }

        .brandCollectionHeader a {
            color: #2B2D42;
        }

            .brandCollectionHeader a:hover {
                color: #7a2939;
            }

    @media (min-width: 48em) {

        .brandCollectionHeader {
            font-size: 1.563rem;
        }
    }

    .brandCollectionSlider {
        display: inline-block !important;
        vertical-align: middle !important;
        float: none !important;
        padding-left: 8px;
        padding-left: 0.5rem;
        padding-right: 8px;
        padding-right: 0.5rem;
    }

    .brandCollectionCarouselImg {
        background-size: cover;
        background-position: center;
        padding-top: 120%;
    }

    .slick-slide, .slick-slide * {
        outline: none !important;
    }

    .slickBrandsExposureCards .slick-slide {
        padding-left: 2vw;
        padding-right: 2vw;
    }

    .brandSubHeading {
        text-align: center;
        width: 100%;
        margin-top: 24px;
        margin-top: 1.5rem;
        margin-bottom: 24px;
        margin-bottom: 1.5rem
    }

        .brandSubHeading h3 {
            border-bottom: 3px solid #7a2939;
            padding-bottom: 4.8px;
            padding-bottom: 0.3rem;
        }

        .brandSubHeading div {
            display: inline-block;
            padding-left: 32px;
            padding-left: 2rem;
            padding-right: 32px;
            padding-right: 2rem;
        }

    @media (min-width: 48em) {

        .brandSubHeading {
            margin-top: 3rem;
            margin-bottom: 3rem;
        }
    }

    #brandshops .btn-group {
        margin-bottom: 24px;
        margin-bottom: 1.5rem;
    }

    .collectionImage {
        float: left;
        overflow: hidden;
        width: 33%;
        border-left: 1px solid;
        border-top: 1px solid;
        border-color: #fff
    }

    @media (min-width: 48em) {

        .collectionImage {
            width: 20%;
        }
    }

    .collectionImagePortrait {
        width: 100%;
        height: 32vw;
        -o-object-fit: cover;
        object-fit: cover;
        font-family: 'object-fit: cover;';
        overflow: hidden
    }

    @media (min-width: 48em) {

        .collectionImagePortrait {
            height: 147px;
        }
    }

    @media (min-width: 62em) {

        .collectionImagePortrait {
            height: 194px;
        }
    }

    @media (min-width: 75em) {

        .collectionImagePortrait {
            height: 225px;
        }
    }

.collectionImageImg {
    width: 100%;
    height: 32vw;
    aspect-ratio: 4/5 !important;
    height: calc(100% * 4 / 5);
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top;
    object-position: top;
    font-family: 'object-fit: cover; object-position: top;';
    overflow: hidden;
}

    @media (min-width: 48em) {

        .collectionImageImg {
            height: 147px;
            width: 100%;
            aspect-ratio: 4/5;
            height: calc(100% * 4 / 5);
        }
    }

    @media (min-width: 62em) {

        .collectionImageImg {
            height: 194px;
            width: 100%;
            aspect-ratio: 4/5;
            height: calc(100% * 4 / 5);
        }
    }

    @media (min-width: 75em) {

        .collectionImageImg {
            height: 225px;
            width: 100%;
            aspect-ratio: 4/5;
            height: calc(100% * 4 / 5);
        }
    }

    .collectionBrand {
        color: #2B2D42;
    }

    @media (min-width: 768px) {
        .pull-right-sm {
            float: right;
        }
    }

    /* Shop */

    .shopFeatured {
        float: left;
        overflow: hidden;
        width: 33%;
        padding-left: 1px;
    }

    .shopFeaturedImg {
        width: 140%;
    }

    .checkMarkSame {
        color: #aaa;
        margin-right: 8px;
        margin-right: 0.5rem;
    }

    .checkMarkNew {
        color: #25cafb;
        margin-right: 8px;
        margin-right: 0.5rem;
    }

    .erbjudandeWell {
        text-align: center
    }

        .erbjudandeWell .customWell {
        }

            .erbjudandeWell .customWell span.price {
                font-size: 32px;
                font-size: 2rem;
                color: #672230;
                line-height: 1;
            }

            .erbjudandeWell .customWell h2 {
                font-size: 32px;
                font-size: 2rem;
                color: #672230;
                line-height: 1;
            }

            .erbjudandeWell .customWell h3 {
                font-size: 24px;
                font-size: 1.5rem;
                color: #2E92FF;
                line-height: 1;
            }

            .erbjudandeWell .customWell h4 {
                font-size: 20.8px;
                font-size: 1.3rem;
                color: #672230;
            }

    .customWell {
        background-color: #FFF;
        box-shadow: 1.5px 2px 10px 0px rgba(0, 0, 0, .09);
        padding: 24px;
        padding: 1.5rem;
    }

    .lineshops {
        display: block;
        height: 1px;
        border: 0;
        border-top: 1px solid #ccc;
        margin-top: 16px;
        margin-top: 1rem;
        margin-bottom: 8px;
        margin-bottom: 0.5rem;
        padding: 0;
    }

    .wellText {
        width: 90%;
        display: inline-block;
        text-align: left
    }

    @media (min-width: 48em) {

        .wellText {
            width: 100%;
            display: block;
        }
    }

.jumbotronStart {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 200px;
    /*background-color: #2B2D42;
        background-image: url('../images/hittaplagget-header.jpg');*/
    background-color: #E1DFDF;
    background-position: center;
    background-size: cover
}

        .jumbotronStart .searchBrandShop {
            height: 56px;
            max-width: 584px;
        }

    .jumbotronStart h2 {
        color: black;
        font-size: 2rem;
        font-size: 28px;
        text-transform: uppercase;
    }

        .jumbotronStart p {
            color: #FFFFFF;
            font-weight: 600;
            font-size: 18px;
            margin-bottom: 24px;
            margin-bottom: 1.5rem;
        }

.searchBrandShop {
    margin-left: auto;
    margin-right: auto;    
}

div.searchBrandShop  .input-group-btn .btn.btnDefault {
    font-size: 20px;
}
.visible-xs .searchBrandShop {
    height: 46px;
    width: 97%;
    box-shadow: 2px 2px 11px 1px rgba(73, 73, 73, .07);
}

    .webshopselection > .col-xs-12 {
        padding: 0;
    }

    .searchWebbshop {
        text-align: center;
        width: 97%;
        margin-left: auto;
        margin-right: auto
    }

        .searchWebbshop .input-group {
            box-shadow: 2px 2px 11px 1px rgba(73, 73, 73, .07);
        }

    @media (min-width: 48em) {

        .searchWebbshop .input-group {
            box-shadow: none;
        }
    }

    @media (min-width: 48em) {

        .searchWebbshop {
            max-width: 580px;
        }
    }

    .searchWebbshopExtraButtons {
        padding: 10px
    }

        .searchWebbshopExtraButtons .dropdown-menu {
            border: 0;
            border-radius: 0;
            color: #4C4E65;
        }

            .searchWebbshopExtraButtons .dropdown-menu > li > a:hover, .searchWebbshopExtraButtons .dropdown-menu > li > a:hover {
                color: #FFFFFF;
                background-color: #672230;
            }

    .open > .dropdown-toggle.btn-default {
        transition-property: none;
        color: #672230;
        background-color: #FFFFFF;
        border-color: #672230;
        box-shadow: none
    }

        .open > .dropdown-toggle.btn-default:focus, .open > .dropdown-toggle.btn-default:hover {
            transition-property: none;
            color: #672230;
            background-color: #FFFFFF;
            border-color: #672230;
            box-shadow: none;
        }

    /*
@import 'icons';
@import 'elements/mobile_navigation';
@import 'elements/products';
@import 'elements/comments';
@import 'elements/category';
@import 'elements/cart';
@import 'elements/photoswipe';
@import 'elements/countdown';
@import 'pages/home';
@import 'pages/staff';
@import 'pages/rewards';
@import 'pages/contact';
@import 'pages/voucher';
@import 'pages/my_pages';

@import 'pages/order_confirmation'; */
    /*# sourceMappingURL=style.css.map */